.elementor-64018 .elementor-element.elementor-element-668db3d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.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-64018 .elementor-element.elementor-element-650fffc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-64018 .elementor-element.elementor-element-650fffc .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:38px;font-weight:600;line-height:44px;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-64018 .elementor-element.elementor-element-1a9a60b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:32px;color:#1E293B;}.elementor-64018 .elementor-element.elementor-element-045935f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-fbca14b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 20px;text-align:start;}.elementor-64018 .elementor-element.elementor-element-fbca14b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;line-height:44px;color:#000000;}.elementor-64018 .elementor-element.elementor-element-8a0a498{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-c76e236{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-7784456{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-f9e6a84{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-ca580f2{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-e425362{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-e3ca524{--n-accordion-title-font-size:1rem;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 20px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:10px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}:where( .elementor-64018 .elementor-element.elementor-element-e3ca524 > .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:"Inter", Sans-serif;}.elementor-64018 .elementor-element.elementor-element-666698a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 20px;text-align:start;}.elementor-64018 .elementor-element.elementor-element-666698a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;line-height:44px;color:#000000;}.elementor-64018 .elementor-element.elementor-element-4f32b37{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-8ffbc69{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-81ebe08{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-a90d1f0{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-6b387ae{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-3f632a6{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-1183fe9{--n-accordion-title-font-size:1rem;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 20px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:10px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}:where( .elementor-64018 .elementor-element.elementor-element-1183fe9 > .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:"Inter", Sans-serif;}.elementor-64018 .elementor-element.elementor-element-8a6a53a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 20px;text-align:start;}.elementor-64018 .elementor-element.elementor-element-8a6a53a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;line-height:44px;color:#000000;}.elementor-64018 .elementor-element.elementor-element-80cff44{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-8446168{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-d9201f3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-a210fe8{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-7122172{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-0d02961{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-2cd0cc1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-1a55ab1{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-7a1a3b0{--n-accordion-title-font-size:1rem;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 20px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:10px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}:where( .elementor-64018 .elementor-element.elementor-element-7a1a3b0 > .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:"Inter", Sans-serif;}.elementor-64018 .elementor-element.elementor-element-44db466{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-5d4014d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 20px;text-align:start;}.elementor-64018 .elementor-element.elementor-element-5d4014d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;line-height:44px;color:#000000;}.elementor-64018 .elementor-element.elementor-element-dc7ff02{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-552766c{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-0596211{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-1e34175{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-896efb8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-acf3084{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-ef041ec{--n-accordion-title-font-size:1rem;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 20px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:10px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}:where( .elementor-64018 .elementor-element.elementor-element-ef041ec > .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:"Inter", Sans-serif;}.elementor-64018 .elementor-element.elementor-element-385d1fc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 20px;text-align:start;}.elementor-64018 .elementor-element.elementor-element-385d1fc .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;line-height:44px;color:#000000;}.elementor-64018 .elementor-element.elementor-element-a941f5a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-8852b0d{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-fc45657{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-04e4f2a{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-f17c85a{--n-accordion-title-font-size:1rem;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 20px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:10px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}:where( .elementor-64018 .elementor-element.elementor-element-f17c85a > .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:"Inter", Sans-serif;}.elementor-64018 .elementor-element.elementor-element-2c9f244{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 20px;text-align:start;}.elementor-64018 .elementor-element.elementor-element-2c9f244 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;line-height:44px;color:#000000;}.elementor-64018 .elementor-element.elementor-element-e2ec784{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-207f2f6{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-60687e4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-4581734{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-67780c3{--n-accordion-title-font-size:1rem;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 20px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:10px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}:where( .elementor-64018 .elementor-element.elementor-element-67780c3 > .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:"Inter", Sans-serif;}.elementor-64018 .elementor-element.elementor-element-28068ab{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 20px;text-align:start;}.elementor-64018 .elementor-element.elementor-element-28068ab .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;line-height:44px;color:#000000;}.elementor-64018 .elementor-element.elementor-element-a75eb86{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-20be9dc{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-c2e16ba{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-3c51cb3{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-11d60a2{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-800e43e{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-5ae3bad{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-d5cb4b7{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-353880e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-aae384f{text-align:start;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-64018 .elementor-element.elementor-element-b8e3581{--n-accordion-title-font-size:1rem;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 20px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:10px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}:where( .elementor-64018 .elementor-element.elementor-element-b8e3581 > .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:"Inter", Sans-serif;}@media(max-width:767px){.elementor-64018 .elementor-element.elementor-element-668db3d{--margin-top:-160px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:00px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-64018 .elementor-element.elementor-element-650fffc{padding:0px 0px 0px 0px;}.elementor-64018 .elementor-element.elementor-element-1a9a60b{padding:0px 20px 0px 20px;}.elementor-64018 .elementor-element.elementor-element-e314905{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 20px;}.elementor-64018 .elementor-element.elementor-element-045935f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-64018 .elementor-element.elementor-element-44db466{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for heading, class: .elementor-element-650fffc */body.is-scrolling-up .elementor-64018 .elementor-element.elementor-element-650fffc { margin-top: 20px !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e314905 *//* ========================================================= APSN FAQ SEARCH ========================================================= */ .apsn-faq-search { position: relative; width: 100%; max-width: 680px; height: 62px; margin: 0 auto; display: flex; align-items: center; box-sizing: border-box; background: rgba(255,255,255,0.96); border: 1px solid #dbe6f8; border-radius: 50px; box-shadow: 0 12px 35px rgba(45, 91, 180, 0.14), 0 3px 10px rgba(45, 91, 180, 0.06); transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* Focus */ .apsn-faq-search:focus-within { border-color: #75aaf0; box-shadow: 0 15px 40px rgba(45, 91, 180, 0.18), 0 0 0 4px rgba(7,87,201,0.06); transform: translateY(-2px); } /* ========================================================= SEARCH ICON ========================================================= */ .apsn-faq-search-icon { width: 62px; height: 100%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .apsn-faq-search-icon svg { width: 25px; height: 25px; fill: none; stroke: #133959; stroke-width: 2.5; stroke-linecap: round; } /* ========================================================= INPUT ========================================================= */ #apsn-faq-search { flex: 1; width: 100%; height: 100%; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; color: #14213d; font-size: 17px; font-weight: 500; padding: 0 10px; } #apsn-faq-search::placeholder { color: #91a3bf; opacity: 1; } /* Remove browser search X */ #apsn-faq-search::-webkit-search-cancel-button { display: none; } /* ========================================================= CLEAR BUTTON ========================================================= */ #apsn-faq-clear { width: 38px; height: 38px; margin-right: 12px; border: 0; border-radius: 50%; background: #edf4ff; color: #0757c9; font-size: 24px; line-height: 1; cursor: pointer; display: none; align-items: center; justify-content: center; transition: background 0.25s ease, transform 0.25s ease; } #apsn-faq-clear:hover { background: #dcecff; transform: scale(1.08); } /* ========================================================= NO RESULTS ========================================================= */ .apsn-faq-no-results { max-width: 680px; margin: 22px auto 0; padding: 22px 25px; display: none; flex-direction: column; align-items: center; gap: 5px; text-align: center; background: #fff7f7; border: 1px solid #ffd7d7; border-radius: 14px; color: #8a3d3d; animation: apsnSearchError 0.35s ease both; } .apsn-faq-no-results strong { font-size: 16px; color: #b33a3a; } .apsn-faq-no-results span { font-size: 14px; color: #8a6565; } @keyframes apsnSearchError { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } /* ========================================================= SEARCHING / FILTERED FAQ ========================================================= */ .e-n-accordion-item.apsn-faq-hidden { display: none !important; } /* Matching item */ .e-n-accordion-item.apsn-faq-match { animation: apsnFAQMatch 0.35s ease both; } @keyframes apsnFAQMatch { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .apsn-faq-search { height: 56px; border-radius: 30px; } .apsn-faq-search-icon { width: 52px; } .apsn-faq-search-icon svg { width: 22px; height: 22px; } #apsn-faq-search { font-size: 15px; } #apsn-faq-clear { width: 34px; height: 34px; margin-right: 8px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-668db3d *//* ========================================= APSN - TOP BANNER STABLE POSITION / NO SCROLL SHIFT ========================================= */ .elementor-64018 .elementor-element.elementor-element-668db3d { position: relative !important; overflow: visible !important; isolation: isolate !important; box-sizing: border-box; /* * IMPORTANT: * Do NOT use margin-top:-160px */ margin-top: 0 !important; /* * Keep the heading position fixed */ padding: 100px 0 120px 0 !important; background: transparent !important; } /* ========================================= GRADIENT BACKGROUND EXTENDS BEHIND THE HEADER ========================================= */ .elementor-64018 .elementor-element.elementor-element-668db3d::before { content: ""; position: absolute; /* * Extend gradient upward */ top: -160px; left: 0; right: 0; /* * Include the 160px header area */ height: calc(100% + 160px); z-index: -2; pointer-events: none; background: linear-gradient( 135deg, #FFE5C7 0%, #F8E5E8 46%, #ECE0FF 100% ); } /* ========================================= VERY SOFT BOTTOM LIGHT PATCH ========================================= */ .elementor-64018 .elementor-element.elementor-element-668db3d::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 21%; pointer-events: none; z-index: -1; background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.04) 15%, rgba(255, 255, 255, 0.12) 35%, rgba(255, 255, 255, 0.30) 58%, rgba(255, 255, 255, 0.62) 80%, rgba(255, 255, 255, 0.92) 100% ); }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-e3ca524 *//* ========================================================= APSN FAQ ACCORDION TARGET DESIGN Elementor Pro - Nested Accordion ========================================================= */ /* ========================================================= 1. ACCORDION SPACING ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion { display: flex; flex-direction: column; gap: 14px; } /* ========================================================= 2. FAQ CARD ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item { position: relative; margin: 0 !important; background: #ffffff; border: 1px solid #d5e3f5 !important; border-radius: 16px !important; overflow: hidden; box-shadow: 0 5px 20px rgba(15, 75, 145, 0.05); transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ========================================================= 3. HOVER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item:hover { border-color: #b9d3f4 !important; box-shadow: 0 8px 25px rgba(7, 87, 201, 0.08); transform: translateY(-1px); } /* ========================================================= 4. BLUE TOP LINE Only visible when accordion is open ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 4px; background: linear-gradient( 90deg, #C9AEFA 0%, #E5C8EA 55%, #55aaff 100% ); z-index: 20; transition: width 0.45s ease; } .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item[open]::before { width: 100%; } /* ========================================================= 5. REMOVE DEFAULT DETAILS MARKER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item-title { list-style: none !important; -webkit-list-style: none !important; } .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item-title::-webkit-details-marker { display: none !important; } .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item-title::marker { display: none !important; } /* ========================================================= 6. QUESTION HEADER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item-title { position: relative; display: flex; align-items: center; width: 100%; box-sizing: border-box; margin: 0 !important; padding: 20px 30px 20px 30px !important; background: #ffffff; color: #14213d; cursor: pointer; transition: background 0.35s ease, color 0.35s ease, padding-left 0.3s ease; } /* ========================================================= 7. QUESTION TEXT ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item-title-text { color: inherit; font-weight: 600; line-height: 1.2; margin: 0 !important; transition: color 0.3s ease, transform 0.3s ease; } /* ========================================================= 8. QUESTION HOVER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item-title:hover { color: #133959; background: linear-gradient( 90deg, #f7faff 0%, #ffffff 80% ); } /* ========================================================= 9. OPEN QUESTION HEADER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item[open] > .e-n-accordion-item-title { color: #133959; background: linear-gradient( 90deg, #f1f7ff 0%, #ffffff 88% ); } /* ========================================================= 10. ICON CONTAINER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item-title-icon { position: absolute !important; right: 30px !important; top: 50% !important; width: 30px !important; height: 30px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; transform: translateY(-50%) !important; box-sizing: border-box !important; border-radius: 50% !important; z-index: 30 !important; transition: background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease; } /* ========================================================= 11. CLOSED CIRCLE ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item:not([open]) .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #f8fbff, #edf5ff ) !important; border: 1px solid #d5e5fa !important; box-shadow: 0 5px 14px rgba(7, 87, 201, 0.06); } /* ========================================================= 12. OPEN CIRCLE ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item[open] .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #F8D3C0, #C9AEFA ) !important; color: #000 !important; box-shadow: 0 8px 22px rgba(7, 87, 201, 0.28); transform: translateY(-50%) scale(1.02) !important; } /* ========================================================= 13. HIDE ALL DEFAULT ELEMENTOR ICONS IMPORTANT ========================================================= */ /* Elementor may output either SVG icons or Font Awesome icons depending on the widget state/version. Hide BOTH so only our CSS-drawn arrows are visible. */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item-title-icon svg, .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item-title-icon i { display: none !important; } /* ========================================================= 14. CLOSED STATE ONLY CLOSED ICON CONTAINER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item-title-icon .e-opened { display: none !important; } .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item-title-icon .e-closed { display: flex !important; width: 100% !important; height: 100% !important; align-items: center !important; justify-content: center !important; position: relative !important; } /* ========================================================= 15. CLOSED DOWN CHEVRON ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item-title-icon .e-closed::before { content: "" !important; position: absolute; width: 8px; height: 8px; border-right: 2px solid #133959; border-bottom: 2px solid #133959; transform: translateY(-3px) rotate(45deg); transition: transform 0.35s ease; pointer-events: none; } /* ========================================================= 16. OPEN STATE ONLY OPEN ICON CONTAINER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-closed { display: none !important; } .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened { display: flex !important; width: 100% !important; height: 100% !important; align-items: center !important; justify-content: center !important; position: relative !important; } /* ========================================================= 17. OPEN UP CHEVRON ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened::before { content: "" !important; position: absolute; width: 8px; height: 8px; border-left: 2px solid #000; border-top: 2px solid #000; transform: translateY(3px) rotate(45deg); pointer-events: none; } /* ========================================================= 18. CLOSED HOVER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item:not([open]) .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #eaf3ff, #dcecff ) !important; border-color: #b7d3f5 !important; box-shadow: 0 8px 20px rgba(7, 87, 201, 0.13); transform: translateY(-50%) scale(1.06) !important; } /* ========================================================= 19. OPEN ANSWER AREA ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item > [role="region"] { position: relative; width: 100%; box-sizing: border-box; margin: 0 !important; padding: 15px 30px 15px 30px !important; background: linear-gradient( 180deg, #ffffff 0%, #fbfdff 100% ); border-top: 1px solid #dce7f3; color: #5d718e; font-size: 18px; line-height: 1.75; } /* ========================================================= 20. REMOVE LEFT BLUE LINE ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item > [role="region"]::before { display: none !important; content: none !important; } /* ========================================================= 21. ANSWER TEXT ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item > [role="region"] p { margin: 0 !important; padding: 0 !important; color: #5d718e; font-size: 18px; line-height: 1.75; } /* ========================================================= 22. ANSWER HEADINGS ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item > [role="region"] h3, .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item > [role="region"] h4 { color: #14213d; margin-top: 10px; margin-bottom: 10px; } /* ========================================================= 23. ANSWER LINKS ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item > [role="region"] a { color: #0757c9; font-weight: 600; text-decoration: none; } .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item > [role="region"] a:hover { color: #003d91; text-decoration: underline; } /* ========================================================= 24. ANSWER ANIMATION ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item[open] > [role="region"] { animation: apsnFAQAnswer 0.4s ease-out both; } @keyframes apsnFAQAnswer { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } /* ========================================================= 25. OPEN CARD SHADOW ========================================================= */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item[open] { border-color: #c7dcf5 !important; box-shadow: 0 12px 32px rgba(7, 87, 201, 0.09); } /* ========================================================= 26. MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion { gap: 10px; } .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item { border-radius: 13px !important; } .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item-title { min-height: 72px; padding: 18px 78px 18px 20px !important; } .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item-title-text { font-size: 16px; line-height: 1.4; } .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item-title-icon { right: 15px !important; width: 42px !important; height: 42px !important; } /* ===================================== MOBILE CLOSED DOWN ARROW ===================================== */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item-title-icon .e-closed::before { width: 9px; height: 9px; border-right-width: 3px; border-bottom-width: 3px; } /* ===================================== MOBILE OPEN UP ARROW ===================================== */ .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened::before { width: 9px; height: 9px; border-left-width: 3px; border-top-width: 3px; } .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item > [role="region"] { padding: 12px 20px 24px 20px !important; font-size: 15px; line-height: 1.65; } .elementor-64018 .elementor-element.elementor-element-e3ca524 .e-n-accordion-item > [role="region"] p { font-size: 15px; line-height: 1.65; } }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-1183fe9 *//* ========================================================= APSN FAQ ACCORDION TARGET DESIGN Elementor Pro - Nested Accordion ========================================================= */ /* ========================================================= 1. ACCORDION SPACING ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion { display: flex; flex-direction: column; gap: 14px; } /* ========================================================= 2. FAQ CARD ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item { position: relative; margin: 0 !important; background: #ffffff; border: 1px solid #d5e3f5 !important; border-radius: 16px !important; overflow: hidden; box-shadow: 0 5px 20px rgba(15, 75, 145, 0.05); transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ========================================================= 3. HOVER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item:hover { border-color: #b9d3f4 !important; box-shadow: 0 8px 25px rgba(7, 87, 201, 0.08); transform: translateY(-1px); } /* ========================================================= 4. BLUE TOP LINE Only visible when accordion is open ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 4px; background: linear-gradient( 90deg, #C9AEFA 0%, #E5C8EA 55%, #55aaff 100% ); z-index: 20; transition: width 0.45s ease; } .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item[open]::before { width: 100%; } /* ========================================================= 5. REMOVE DEFAULT DETAILS MARKER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item-title { list-style: none !important; -webkit-list-style: none !important; } .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item-title::-webkit-details-marker { display: none !important; } .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item-title::marker { display: none !important; } /* ========================================================= 6. QUESTION HEADER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item-title { position: relative; display: flex; align-items: center; width: 100%; box-sizing: border-box; margin: 0 !important; padding: 20px 30px 20px 30px !important; background: #ffffff; color: #14213d; cursor: pointer; transition: background 0.35s ease, color 0.35s ease, padding-left 0.3s ease; } /* ========================================================= 7. QUESTION TEXT ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item-title-text { color: inherit; font-weight: 600; line-height: 1.2; margin: 0 !important; transition: color 0.3s ease, transform 0.3s ease; } /* ========================================================= 8. QUESTION HOVER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item-title:hover { color: #133959; background: linear-gradient( 90deg, #f7faff 0%, #ffffff 80% ); } /* ========================================================= 9. OPEN QUESTION HEADER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item[open] > .e-n-accordion-item-title { color: #133959; background: linear-gradient( 90deg, #f1f7ff 0%, #ffffff 88% ); } /* ========================================================= 10. ICON CONTAINER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item-title-icon { position: absolute !important; right: 30px !important; top: 50% !important; width: 30px !important; height: 30px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; transform: translateY(-50%) !important; box-sizing: border-box !important; border-radius: 50% !important; z-index: 30 !important; transition: background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease; } /* ========================================================= 11. CLOSED CIRCLE ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item:not([open]) .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #f8fbff, #edf5ff ) !important; border: 1px solid #d5e5fa !important; box-shadow: 0 5px 14px rgba(7, 87, 201, 0.06); } /* ========================================================= 12. OPEN CIRCLE ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item[open] .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #F8D3C0, #C9AEFA ) !important; color: #000 !important; box-shadow: 0 8px 22px rgba(7, 87, 201, 0.28); transform: translateY(-50%) scale(1.02) !important; } /* ========================================================= 13. HIDE ALL DEFAULT ELEMENTOR ICONS IMPORTANT ========================================================= */ /* Elementor may output either SVG icons or Font Awesome icons depending on the widget state/version. Hide BOTH so only our CSS-drawn arrows are visible. */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item-title-icon svg, .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item-title-icon i { display: none !important; } /* ========================================================= 14. CLOSED STATE ONLY CLOSED ICON CONTAINER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item-title-icon .e-opened { display: none !important; } .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item-title-icon .e-closed { display: flex !important; width: 100% !important; height: 100% !important; align-items: center !important; justify-content: center !important; position: relative !important; } /* ========================================================= 15. CLOSED DOWN CHEVRON ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item-title-icon .e-closed::before { content: "" !important; position: absolute; width: 8px; height: 8px; border-right: 2px solid #133959; border-bottom: 2px solid #133959; transform: translateY(-3px) rotate(45deg); transition: transform 0.35s ease; pointer-events: none; } /* ========================================================= 16. OPEN STATE ONLY OPEN ICON CONTAINER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-closed { display: none !important; } .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened { display: flex !important; width: 100% !important; height: 100% !important; align-items: center !important; justify-content: center !important; position: relative !important; } /* ========================================================= 17. OPEN UP CHEVRON ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened::before { content: "" !important; position: absolute; width: 8px; height: 8px; border-left: 2px solid #000; border-top: 2px solid #000; transform: translateY(3px) rotate(45deg); pointer-events: none; } /* ========================================================= 18. CLOSED HOVER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item:not([open]) .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #eaf3ff, #dcecff ) !important; border-color: #b7d3f5 !important; box-shadow: 0 8px 20px rgba(7, 87, 201, 0.13); transform: translateY(-50%) scale(1.06) !important; } /* ========================================================= 19. OPEN ANSWER AREA ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item > [role="region"] { position: relative; width: 100%; box-sizing: border-box; margin: 0 !important; padding: 15px 30px 15px 30px !important; background: linear-gradient( 180deg, #ffffff 0%, #fbfdff 100% ); border-top: 1px solid #dce7f3; color: #5d718e; font-size: 18px; line-height: 1.75; } /* ========================================================= 20. REMOVE LEFT BLUE LINE ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item > [role="region"]::before { display: none !important; content: none !important; } /* ========================================================= 21. ANSWER TEXT ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item > [role="region"] p { margin: 0 !important; padding: 0 !important; color: #5d718e; font-size: 18px; line-height: 1.75; } /* ========================================================= 22. ANSWER HEADINGS ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item > [role="region"] h3, .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item > [role="region"] h4 { color: #14213d; margin-top: 10px; margin-bottom: 10px; } /* ========================================================= 23. ANSWER LINKS ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item > [role="region"] a { color: #0757c9; font-weight: 600; text-decoration: none; } .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item > [role="region"] a:hover { color: #003d91; text-decoration: underline; } /* ========================================================= 24. ANSWER ANIMATION ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item[open] > [role="region"] { animation: apsnFAQAnswer 0.4s ease-out both; } @keyframes apsnFAQAnswer { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } /* ========================================================= 25. OPEN CARD SHADOW ========================================================= */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item[open] { border-color: #c7dcf5 !important; box-shadow: 0 12px 32px rgba(7, 87, 201, 0.09); } /* ========================================================= 26. MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion { gap: 10px; } .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item { border-radius: 13px !important; } .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item-title { min-height: 72px; padding: 18px 78px 18px 20px !important; } .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item-title-text { font-size: 16px; line-height: 1.4; } .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item-title-icon { right: 15px !important; width: 42px !important; height: 42px !important; } /* ===================================== MOBILE CLOSED DOWN ARROW ===================================== */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item-title-icon .e-closed::before { width: 9px; height: 9px; border-right-width: 3px; border-bottom-width: 3px; } /* ===================================== MOBILE OPEN UP ARROW ===================================== */ .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened::before { width: 9px; height: 9px; border-left-width: 3px; border-top-width: 3px; } .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item > [role="region"] { padding: 12px 20px 24px 20px !important; font-size: 15px; line-height: 1.65; } .elementor-64018 .elementor-element.elementor-element-1183fe9 .e-n-accordion-item > [role="region"] p { font-size: 15px; line-height: 1.65; } }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-7a1a3b0 *//* ========================================================= APSN FAQ ACCORDION TARGET DESIGN Elementor Pro - Nested Accordion ========================================================= */ /* ========================================================= 1. ACCORDION SPACING ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion { display: flex; flex-direction: column; gap: 14px; } /* ========================================================= 2. FAQ CARD ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item { position: relative; margin: 0 !important; background: #ffffff; border: 1px solid #d5e3f5 !important; border-radius: 16px !important; overflow: hidden; box-shadow: 0 5px 20px rgba(15, 75, 145, 0.05); transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ========================================================= 3. HOVER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item:hover { border-color: #b9d3f4 !important; box-shadow: 0 8px 25px rgba(7, 87, 201, 0.08); transform: translateY(-1px); } /* ========================================================= 4. BLUE TOP LINE Only visible when accordion is open ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 4px; background: linear-gradient( 90deg, #C9AEFA 0%, #E5C8EA 55%, #55aaff 100% ); z-index: 20; transition: width 0.45s ease; } .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item[open]::before { width: 100%; } /* ========================================================= 5. REMOVE DEFAULT DETAILS MARKER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item-title { list-style: none !important; -webkit-list-style: none !important; } .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item-title::-webkit-details-marker { display: none !important; } .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item-title::marker { display: none !important; } /* ========================================================= 6. QUESTION HEADER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item-title { position: relative; display: flex; align-items: center; width: 100%; box-sizing: border-box; margin: 0 !important; padding: 20px 30px 20px 30px !important; background: #ffffff; color: #14213d; cursor: pointer; transition: background 0.35s ease, color 0.35s ease, padding-left 0.3s ease; } /* ========================================================= 7. QUESTION TEXT ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item-title-text { color: inherit; font-weight: 600; line-height: 1.2; margin: 0 !important; transition: color 0.3s ease, transform 0.3s ease; } /* ========================================================= 8. QUESTION HOVER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item-title:hover { color: #133959; background: linear-gradient( 90deg, #f7faff 0%, #ffffff 80% ); } /* ========================================================= 9. OPEN QUESTION HEADER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item[open] > .e-n-accordion-item-title { color: #133959; background: linear-gradient( 90deg, #f1f7ff 0%, #ffffff 88% ); } /* ========================================================= 10. ICON CONTAINER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item-title-icon { position: absolute !important; right: 30px !important; top: 50% !important; width: 30px !important; height: 30px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; transform: translateY(-50%) !important; box-sizing: border-box !important; border-radius: 50% !important; z-index: 30 !important; transition: background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease; } /* ========================================================= 11. CLOSED CIRCLE ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item:not([open]) .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #f8fbff, #edf5ff ) !important; border: 1px solid #d5e5fa !important; box-shadow: 0 5px 14px rgba(7, 87, 201, 0.06); } /* ========================================================= 12. OPEN CIRCLE ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item[open] .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #F8D3C0, #C9AEFA ) !important; color: #000 !important; box-shadow: 0 8px 22px rgba(7, 87, 201, 0.28); transform: translateY(-50%) scale(1.02) !important; } /* ========================================================= 13. HIDE ALL DEFAULT ELEMENTOR ICONS IMPORTANT ========================================================= */ /* Elementor may output either SVG icons or Font Awesome icons depending on the widget state/version. Hide BOTH so only our CSS-drawn arrows are visible. */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item-title-icon svg, .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item-title-icon i { display: none !important; } /* ========================================================= 14. CLOSED STATE ONLY CLOSED ICON CONTAINER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item-title-icon .e-opened { display: none !important; } .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item-title-icon .e-closed { display: flex !important; width: 100% !important; height: 100% !important; align-items: center !important; justify-content: center !important; position: relative !important; } /* ========================================================= 15. CLOSED DOWN CHEVRON ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item-title-icon .e-closed::before { content: "" !important; position: absolute; width: 8px; height: 8px; border-right: 2px solid #133959; border-bottom: 2px solid #133959; transform: translateY(-3px) rotate(45deg); transition: transform 0.35s ease; pointer-events: none; } /* ========================================================= 16. OPEN STATE ONLY OPEN ICON CONTAINER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-closed { display: none !important; } .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened { display: flex !important; width: 100% !important; height: 100% !important; align-items: center !important; justify-content: center !important; position: relative !important; } /* ========================================================= 17. OPEN UP CHEVRON ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened::before { content: "" !important; position: absolute; width: 8px; height: 8px; border-left: 2px solid #000; border-top: 2px solid #000; transform: translateY(3px) rotate(45deg); pointer-events: none; } /* ========================================================= 18. CLOSED HOVER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item:not([open]) .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #eaf3ff, #dcecff ) !important; border-color: #b7d3f5 !important; box-shadow: 0 8px 20px rgba(7, 87, 201, 0.13); transform: translateY(-50%) scale(1.06) !important; } /* ========================================================= 19. OPEN ANSWER AREA ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item > [role="region"] { position: relative; width: 100%; box-sizing: border-box; margin: 0 !important; padding: 15px 30px 15px 30px !important; background: linear-gradient( 180deg, #ffffff 0%, #fbfdff 100% ); border-top: 1px solid #dce7f3; color: #5d718e; font-size: 18px; line-height: 1.75; } /* ========================================================= 20. REMOVE LEFT BLUE LINE ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item > [role="region"]::before { display: none !important; content: none !important; } /* ========================================================= 21. ANSWER TEXT ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item > [role="region"] p { margin: 0 !important; padding: 0 !important; color: #5d718e; font-size: 18px; line-height: 1.75; } /* ========================================================= 22. ANSWER HEADINGS ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item > [role="region"] h3, .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item > [role="region"] h4 { color: #14213d; margin-top: 10px; margin-bottom: 10px; } /* ========================================================= 23. ANSWER LINKS ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item > [role="region"] a { color: #0757c9; font-weight: 600; text-decoration: none; } .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item > [role="region"] a:hover { color: #003d91; text-decoration: underline; } /* ========================================================= 24. ANSWER ANIMATION ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item[open] > [role="region"] { animation: apsnFAQAnswer 0.4s ease-out both; } @keyframes apsnFAQAnswer { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } /* ========================================================= 25. OPEN CARD SHADOW ========================================================= */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item[open] { border-color: #c7dcf5 !important; box-shadow: 0 12px 32px rgba(7, 87, 201, 0.09); } /* ========================================================= 26. MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion { gap: 10px; } .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item { border-radius: 13px !important; } .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item-title { min-height: 72px; padding: 18px 78px 18px 20px !important; } .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item-title-text { font-size: 16px; line-height: 1.4; } .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item-title-icon { right: 15px !important; width: 42px !important; height: 42px !important; } /* ===================================== MOBILE CLOSED DOWN ARROW ===================================== */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item-title-icon .e-closed::before { width: 9px; height: 9px; border-right-width: 3px; border-bottom-width: 3px; } /* ===================================== MOBILE OPEN UP ARROW ===================================== */ .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened::before { width: 9px; height: 9px; border-left-width: 3px; border-top-width: 3px; } .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item > [role="region"] { padding: 12px 20px 24px 20px !important; font-size: 15px; line-height: 1.65; } .elementor-64018 .elementor-element.elementor-element-7a1a3b0 .e-n-accordion-item > [role="region"] p { font-size: 15px; line-height: 1.65; } }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-ef041ec *//* ========================================================= APSN FAQ ACCORDION TARGET DESIGN Elementor Pro - Nested Accordion ========================================================= */ /* ========================================================= 1. ACCORDION SPACING ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion { display: flex; flex-direction: column; gap: 14px; } /* ========================================================= 2. FAQ CARD ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item { position: relative; margin: 0 !important; background: #ffffff; border: 1px solid #d5e3f5 !important; border-radius: 16px !important; overflow: hidden; box-shadow: 0 5px 20px rgba(15, 75, 145, 0.05); transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ========================================================= 3. HOVER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item:hover { border-color: #b9d3f4 !important; box-shadow: 0 8px 25px rgba(7, 87, 201, 0.08); transform: translateY(-1px); } /* ========================================================= 4. BLUE TOP LINE Only visible when accordion is open ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 4px; background: linear-gradient( 90deg, #C9AEFA 0%, #E5C8EA 55%, #55aaff 100% ); z-index: 20; transition: width 0.45s ease; } .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item[open]::before { width: 100%; } /* ========================================================= 5. REMOVE DEFAULT DETAILS MARKER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item-title { list-style: none !important; -webkit-list-style: none !important; } .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item-title::-webkit-details-marker { display: none !important; } .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item-title::marker { display: none !important; } /* ========================================================= 6. QUESTION HEADER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item-title { position: relative; display: flex; align-items: center; width: 100%; box-sizing: border-box; margin: 0 !important; padding: 20px 30px 20px 30px !important; background: #ffffff; color: #14213d; cursor: pointer; transition: background 0.35s ease, color 0.35s ease, padding-left 0.3s ease; } /* ========================================================= 7. QUESTION TEXT ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item-title-text { color: inherit; font-weight: 600; line-height: 1.2; margin: 0 !important; transition: color 0.3s ease, transform 0.3s ease; } /* ========================================================= 8. QUESTION HOVER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item-title:hover { color: #133959; background: linear-gradient( 90deg, #f7faff 0%, #ffffff 80% ); } /* ========================================================= 9. OPEN QUESTION HEADER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item[open] > .e-n-accordion-item-title { color: #133959; background: linear-gradient( 90deg, #f1f7ff 0%, #ffffff 88% ); } /* ========================================================= 10. ICON CONTAINER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item-title-icon { position: absolute !important; right: 30px !important; top: 50% !important; width: 30px !important; height: 30px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; transform: translateY(-50%) !important; box-sizing: border-box !important; border-radius: 50% !important; z-index: 30 !important; transition: background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease; } /* ========================================================= 11. CLOSED CIRCLE ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item:not([open]) .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #f8fbff, #edf5ff ) !important; border: 1px solid #d5e5fa !important; box-shadow: 0 5px 14px rgba(7, 87, 201, 0.06); } /* ========================================================= 12. OPEN CIRCLE ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item[open] .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #F8D3C0, #C9AEFA ) !important; color: #000 !important; box-shadow: 0 8px 22px rgba(7, 87, 201, 0.28); transform: translateY(-50%) scale(1.02) !important; } /* ========================================================= 13. HIDE ALL DEFAULT ELEMENTOR ICONS IMPORTANT ========================================================= */ /* Elementor may output either SVG icons or Font Awesome icons depending on the widget state/version. Hide BOTH so only our CSS-drawn arrows are visible. */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item-title-icon svg, .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item-title-icon i { display: none !important; } /* ========================================================= 14. CLOSED STATE ONLY CLOSED ICON CONTAINER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item-title-icon .e-opened { display: none !important; } .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item-title-icon .e-closed { display: flex !important; width: 100% !important; height: 100% !important; align-items: center !important; justify-content: center !important; position: relative !important; } /* ========================================================= 15. CLOSED DOWN CHEVRON ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item-title-icon .e-closed::before { content: "" !important; position: absolute; width: 8px; height: 8px; border-right: 2px solid #133959; border-bottom: 2px solid #133959; transform: translateY(-3px) rotate(45deg); transition: transform 0.35s ease; pointer-events: none; } /* ========================================================= 16. OPEN STATE ONLY OPEN ICON CONTAINER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-closed { display: none !important; } .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened { display: flex !important; width: 100% !important; height: 100% !important; align-items: center !important; justify-content: center !important; position: relative !important; } /* ========================================================= 17. OPEN UP CHEVRON ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened::before { content: "" !important; position: absolute; width: 8px; height: 8px; border-left: 2px solid #000; border-top: 2px solid #000; transform: translateY(3px) rotate(45deg); pointer-events: none; } /* ========================================================= 18. CLOSED HOVER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item:not([open]) .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #eaf3ff, #dcecff ) !important; border-color: #b7d3f5 !important; box-shadow: 0 8px 20px rgba(7, 87, 201, 0.13); transform: translateY(-50%) scale(1.06) !important; } /* ========================================================= 19. OPEN ANSWER AREA ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item > [role="region"] { position: relative; width: 100%; box-sizing: border-box; margin: 0 !important; padding: 15px 30px 15px 30px !important; background: linear-gradient( 180deg, #ffffff 0%, #fbfdff 100% ); border-top: 1px solid #dce7f3; color: #5d718e; font-size: 18px; line-height: 1.75; } /* ========================================================= 20. REMOVE LEFT BLUE LINE ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item > [role="region"]::before { display: none !important; content: none !important; } /* ========================================================= 21. ANSWER TEXT ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item > [role="region"] p { margin: 0 !important; padding: 0 !important; color: #5d718e; font-size: 18px; line-height: 1.75; } /* ========================================================= 22. ANSWER HEADINGS ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item > [role="region"] h3, .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item > [role="region"] h4 { color: #14213d; margin-top: 10px; margin-bottom: 10px; } /* ========================================================= 23. ANSWER LINKS ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item > [role="region"] a { color: #0757c9; font-weight: 600; text-decoration: none; } .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item > [role="region"] a:hover { color: #003d91; text-decoration: underline; } /* ========================================================= 24. ANSWER ANIMATION ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item[open] > [role="region"] { animation: apsnFAQAnswer 0.4s ease-out both; } @keyframes apsnFAQAnswer { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } /* ========================================================= 25. OPEN CARD SHADOW ========================================================= */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item[open] { border-color: #c7dcf5 !important; box-shadow: 0 12px 32px rgba(7, 87, 201, 0.09); } /* ========================================================= 26. MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion { gap: 10px; } .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item { border-radius: 13px !important; } .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item-title { min-height: 72px; padding: 18px 78px 18px 20px !important; } .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item-title-text { font-size: 16px; line-height: 1.4; } .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item-title-icon { right: 15px !important; width: 42px !important; height: 42px !important; } /* ===================================== MOBILE CLOSED DOWN ARROW ===================================== */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item-title-icon .e-closed::before { width: 9px; height: 9px; border-right-width: 3px; border-bottom-width: 3px; } /* ===================================== MOBILE OPEN UP ARROW ===================================== */ .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened::before { width: 9px; height: 9px; border-left-width: 3px; border-top-width: 3px; } .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item > [role="region"] { padding: 12px 20px 24px 20px !important; font-size: 15px; line-height: 1.65; } .elementor-64018 .elementor-element.elementor-element-ef041ec .e-n-accordion-item > [role="region"] p { font-size: 15px; line-height: 1.65; } }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-f17c85a *//* ========================================================= APSN FAQ ACCORDION TARGET DESIGN Elementor Pro - Nested Accordion ========================================================= */ /* ========================================================= 1. ACCORDION SPACING ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion { display: flex; flex-direction: column; gap: 14px; } /* ========================================================= 2. FAQ CARD ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item { position: relative; margin: 0 !important; background: #ffffff; border: 1px solid #d5e3f5 !important; border-radius: 16px !important; overflow: hidden; box-shadow: 0 5px 20px rgba(15, 75, 145, 0.05); transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ========================================================= 3. HOVER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item:hover { border-color: #b9d3f4 !important; box-shadow: 0 8px 25px rgba(7, 87, 201, 0.08); transform: translateY(-1px); } /* ========================================================= 4. BLUE TOP LINE Only visible when accordion is open ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 4px; background: linear-gradient( 90deg, #C9AEFA 0%, #E5C8EA 55%, #55aaff 100% ); z-index: 20; transition: width 0.45s ease; } .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item[open]::before { width: 100%; } /* ========================================================= 5. REMOVE DEFAULT DETAILS MARKER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item-title { list-style: none !important; -webkit-list-style: none !important; } .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item-title::-webkit-details-marker { display: none !important; } .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item-title::marker { display: none !important; } /* ========================================================= 6. QUESTION HEADER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item-title { position: relative; display: flex; align-items: center; width: 100%; box-sizing: border-box; margin: 0 !important; padding: 20px 30px 20px 30px !important; background: #ffffff; color: #14213d; cursor: pointer; transition: background 0.35s ease, color 0.35s ease, padding-left 0.3s ease; } /* ========================================================= 7. QUESTION TEXT ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item-title-text { color: inherit; font-weight: 600; line-height: 1.2; margin: 0 !important; transition: color 0.3s ease, transform 0.3s ease; } /* ========================================================= 8. QUESTION HOVER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item-title:hover { color: #133959; background: linear-gradient( 90deg, #f7faff 0%, #ffffff 80% ); } /* ========================================================= 9. OPEN QUESTION HEADER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item[open] > .e-n-accordion-item-title { color: #133959; background: linear-gradient( 90deg, #f1f7ff 0%, #ffffff 88% ); } /* ========================================================= 10. ICON CONTAINER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item-title-icon { position: absolute !important; right: 30px !important; top: 50% !important; width: 30px !important; height: 30px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; transform: translateY(-50%) !important; box-sizing: border-box !important; border-radius: 50% !important; z-index: 30 !important; transition: background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease; } /* ========================================================= 11. CLOSED CIRCLE ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item:not([open]) .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #f8fbff, #edf5ff ) !important; border: 1px solid #d5e5fa !important; box-shadow: 0 5px 14px rgba(7, 87, 201, 0.06); } /* ========================================================= 12. OPEN CIRCLE ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item[open] .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #F8D3C0, #C9AEFA ) !important; color: #000 !important; box-shadow: 0 8px 22px rgba(7, 87, 201, 0.28); transform: translateY(-50%) scale(1.02) !important; } /* ========================================================= 13. HIDE ALL DEFAULT ELEMENTOR ICONS IMPORTANT ========================================================= */ /* Elementor may output either SVG icons or Font Awesome icons depending on the widget state/version. Hide BOTH so only our CSS-drawn arrows are visible. */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item-title-icon svg, .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item-title-icon i { display: none !important; } /* ========================================================= 14. CLOSED STATE ONLY CLOSED ICON CONTAINER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item-title-icon .e-opened { display: none !important; } .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item-title-icon .e-closed { display: flex !important; width: 100% !important; height: 100% !important; align-items: center !important; justify-content: center !important; position: relative !important; } /* ========================================================= 15. CLOSED DOWN CHEVRON ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item-title-icon .e-closed::before { content: "" !important; position: absolute; width: 8px; height: 8px; border-right: 2px solid #133959; border-bottom: 2px solid #133959; transform: translateY(-3px) rotate(45deg); transition: transform 0.35s ease; pointer-events: none; } /* ========================================================= 16. OPEN STATE ONLY OPEN ICON CONTAINER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-closed { display: none !important; } .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened { display: flex !important; width: 100% !important; height: 100% !important; align-items: center !important; justify-content: center !important; position: relative !important; } /* ========================================================= 17. OPEN UP CHEVRON ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened::before { content: "" !important; position: absolute; width: 8px; height: 8px; border-left: 2px solid #000; border-top: 2px solid #000; transform: translateY(3px) rotate(45deg); pointer-events: none; } /* ========================================================= 18. CLOSED HOVER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item:not([open]) .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #eaf3ff, #dcecff ) !important; border-color: #b7d3f5 !important; box-shadow: 0 8px 20px rgba(7, 87, 201, 0.13); transform: translateY(-50%) scale(1.06) !important; } /* ========================================================= 19. OPEN ANSWER AREA ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item > [role="region"] { position: relative; width: 100%; box-sizing: border-box; margin: 0 !important; padding: 15px 30px 15px 30px !important; background: linear-gradient( 180deg, #ffffff 0%, #fbfdff 100% ); border-top: 1px solid #dce7f3; color: #5d718e; font-size: 18px; line-height: 1.75; } /* ========================================================= 20. REMOVE LEFT BLUE LINE ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item > [role="region"]::before { display: none !important; content: none !important; } /* ========================================================= 21. ANSWER TEXT ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item > [role="region"] p { margin: 0 !important; padding: 0 !important; color: #5d718e; font-size: 18px; line-height: 1.75; } /* ========================================================= 22. ANSWER HEADINGS ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item > [role="region"] h3, .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item > [role="region"] h4 { color: #14213d; margin-top: 10px; margin-bottom: 10px; } /* ========================================================= 23. ANSWER LINKS ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item > [role="region"] a { color: #0757c9; font-weight: 600; text-decoration: none; } .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item > [role="region"] a:hover { color: #003d91; text-decoration: underline; } /* ========================================================= 24. ANSWER ANIMATION ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item[open] > [role="region"] { animation: apsnFAQAnswer 0.4s ease-out both; } @keyframes apsnFAQAnswer { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } /* ========================================================= 25. OPEN CARD SHADOW ========================================================= */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item[open] { border-color: #c7dcf5 !important; box-shadow: 0 12px 32px rgba(7, 87, 201, 0.09); } /* ========================================================= 26. MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion { gap: 10px; } .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item { border-radius: 13px !important; } .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item-title { min-height: 72px; padding: 18px 78px 18px 20px !important; } .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item-title-text { font-size: 16px; line-height: 1.4; } .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item-title-icon { right: 15px !important; width: 42px !important; height: 42px !important; } /* ===================================== MOBILE CLOSED DOWN ARROW ===================================== */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item-title-icon .e-closed::before { width: 9px; height: 9px; border-right-width: 3px; border-bottom-width: 3px; } /* ===================================== MOBILE OPEN UP ARROW ===================================== */ .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened::before { width: 9px; height: 9px; border-left-width: 3px; border-top-width: 3px; } .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item > [role="region"] { padding: 12px 20px 24px 20px !important; font-size: 15px; line-height: 1.65; } .elementor-64018 .elementor-element.elementor-element-f17c85a .e-n-accordion-item > [role="region"] p { font-size: 15px; line-height: 1.65; } }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-67780c3 *//* ========================================================= APSN FAQ ACCORDION TARGET DESIGN Elementor Pro - Nested Accordion ========================================================= */ /* ========================================================= 1. ACCORDION SPACING ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion { display: flex; flex-direction: column; gap: 14px; } /* ========================================================= 2. FAQ CARD ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item { position: relative; margin: 0 !important; background: #ffffff; border: 1px solid #d5e3f5 !important; border-radius: 16px !important; overflow: hidden; box-shadow: 0 5px 20px rgba(15, 75, 145, 0.05); transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ========================================================= 3. HOVER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item:hover { border-color: #b9d3f4 !important; box-shadow: 0 8px 25px rgba(7, 87, 201, 0.08); transform: translateY(-1px); } /* ========================================================= 4. BLUE TOP LINE Only visible when accordion is open ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 4px; background: linear-gradient( 90deg, #C9AEFA 0%, #E5C8EA 55%, #55aaff 100% ); z-index: 20; transition: width 0.45s ease; } .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item[open]::before { width: 100%; } /* ========================================================= 5. REMOVE DEFAULT DETAILS MARKER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item-title { list-style: none !important; -webkit-list-style: none !important; } .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item-title::-webkit-details-marker { display: none !important; } .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item-title::marker { display: none !important; } /* ========================================================= 6. QUESTION HEADER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item-title { position: relative; display: flex; align-items: center; width: 100%; box-sizing: border-box; margin: 0 !important; padding: 20px 30px 20px 30px !important; background: #ffffff; color: #14213d; cursor: pointer; transition: background 0.35s ease, color 0.35s ease, padding-left 0.3s ease; } /* ========================================================= 7. QUESTION TEXT ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item-title-text { color: inherit; font-weight: 600; line-height: 1.2; margin: 0 !important; transition: color 0.3s ease, transform 0.3s ease; } /* ========================================================= 8. QUESTION HOVER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item-title:hover { color: #133959; background: linear-gradient( 90deg, #f7faff 0%, #ffffff 80% ); } /* ========================================================= 9. OPEN QUESTION HEADER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item[open] > .e-n-accordion-item-title { color: #133959; background: linear-gradient( 90deg, #f1f7ff 0%, #ffffff 88% ); } /* ========================================================= 10. ICON CONTAINER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item-title-icon { position: absolute !important; right: 30px !important; top: 50% !important; width: 30px !important; height: 30px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; transform: translateY(-50%) !important; box-sizing: border-box !important; border-radius: 50% !important; z-index: 30 !important; transition: background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease; } /* ========================================================= 11. CLOSED CIRCLE ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item:not([open]) .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #f8fbff, #edf5ff ) !important; border: 1px solid #d5e5fa !important; box-shadow: 0 5px 14px rgba(7, 87, 201, 0.06); } /* ========================================================= 12. OPEN CIRCLE ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item[open] .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #F8D3C0, #C9AEFA ) !important; color: #000 !important; box-shadow: 0 8px 22px rgba(7, 87, 201, 0.28); transform: translateY(-50%) scale(1.02) !important; } /* ========================================================= 13. HIDE ALL DEFAULT ELEMENTOR ICONS IMPORTANT ========================================================= */ /* Elementor may output either SVG icons or Font Awesome icons depending on the widget state/version. Hide BOTH so only our CSS-drawn arrows are visible. */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item-title-icon svg, .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item-title-icon i { display: none !important; } /* ========================================================= 14. CLOSED STATE ONLY CLOSED ICON CONTAINER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item-title-icon .e-opened { display: none !important; } .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item-title-icon .e-closed { display: flex !important; width: 100% !important; height: 100% !important; align-items: center !important; justify-content: center !important; position: relative !important; } /* ========================================================= 15. CLOSED DOWN CHEVRON ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item-title-icon .e-closed::before { content: "" !important; position: absolute; width: 8px; height: 8px; border-right: 2px solid #133959; border-bottom: 2px solid #133959; transform: translateY(-3px) rotate(45deg); transition: transform 0.35s ease; pointer-events: none; } /* ========================================================= 16. OPEN STATE ONLY OPEN ICON CONTAINER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-closed { display: none !important; } .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened { display: flex !important; width: 100% !important; height: 100% !important; align-items: center !important; justify-content: center !important; position: relative !important; } /* ========================================================= 17. OPEN UP CHEVRON ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened::before { content: "" !important; position: absolute; width: 8px; height: 8px; border-left: 2px solid #000; border-top: 2px solid #000; transform: translateY(3px) rotate(45deg); pointer-events: none; } /* ========================================================= 18. CLOSED HOVER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item:not([open]) .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #eaf3ff, #dcecff ) !important; border-color: #b7d3f5 !important; box-shadow: 0 8px 20px rgba(7, 87, 201, 0.13); transform: translateY(-50%) scale(1.06) !important; } /* ========================================================= 19. OPEN ANSWER AREA ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item > [role="region"] { position: relative; width: 100%; box-sizing: border-box; margin: 0 !important; padding: 15px 30px 15px 30px !important; background: linear-gradient( 180deg, #ffffff 0%, #fbfdff 100% ); border-top: 1px solid #dce7f3; color: #5d718e; font-size: 18px; line-height: 1.75; } /* ========================================================= 20. REMOVE LEFT BLUE LINE ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item > [role="region"]::before { display: none !important; content: none !important; } /* ========================================================= 21. ANSWER TEXT ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item > [role="region"] p { margin: 0 !important; padding: 0 !important; color: #5d718e; font-size: 18px; line-height: 1.75; } /* ========================================================= 22. ANSWER HEADINGS ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item > [role="region"] h3, .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item > [role="region"] h4 { color: #14213d; margin-top: 10px; margin-bottom: 10px; } /* ========================================================= 23. ANSWER LINKS ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item > [role="region"] a { color: #0757c9; font-weight: 600; text-decoration: none; } .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item > [role="region"] a:hover { color: #003d91; text-decoration: underline; } /* ========================================================= 24. ANSWER ANIMATION ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item[open] > [role="region"] { animation: apsnFAQAnswer 0.4s ease-out both; } @keyframes apsnFAQAnswer { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } /* ========================================================= 25. OPEN CARD SHADOW ========================================================= */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item[open] { border-color: #c7dcf5 !important; box-shadow: 0 12px 32px rgba(7, 87, 201, 0.09); } /* ========================================================= 26. MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion { gap: 10px; } .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item { border-radius: 13px !important; } .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item-title { min-height: 72px; padding: 18px 78px 18px 20px !important; } .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item-title-text { font-size: 16px; line-height: 1.4; } .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item-title-icon { right: 15px !important; width: 42px !important; height: 42px !important; } /* ===================================== MOBILE CLOSED DOWN ARROW ===================================== */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item-title-icon .e-closed::before { width: 9px; height: 9px; border-right-width: 3px; border-bottom-width: 3px; } /* ===================================== MOBILE OPEN UP ARROW ===================================== */ .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened::before { width: 9px; height: 9px; border-left-width: 3px; border-top-width: 3px; } .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item > [role="region"] { padding: 12px 20px 24px 20px !important; font-size: 15px; line-height: 1.65; } .elementor-64018 .elementor-element.elementor-element-67780c3 .e-n-accordion-item > [role="region"] p { font-size: 15px; line-height: 1.65; } }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-b8e3581 *//* ========================================================= APSN FAQ ACCORDION TARGET DESIGN Elementor Pro - Nested Accordion ========================================================= */ /* ========================================================= 1. ACCORDION SPACING ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion { display: flex; flex-direction: column; gap: 14px; } /* ========================================================= 2. FAQ CARD ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item { position: relative; margin: 0 !important; background: #ffffff; border: 1px solid #d5e3f5 !important; border-radius: 16px !important; overflow: hidden; box-shadow: 0 5px 20px rgba(15, 75, 145, 0.05); transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ========================================================= 3. HOVER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item:hover { border-color: #b9d3f4 !important; box-shadow: 0 8px 25px rgba(7, 87, 201, 0.08); transform: translateY(-1px); } /* ========================================================= 4. BLUE TOP LINE Only visible when accordion is open ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 4px; background: linear-gradient( 90deg, #C9AEFA 0%, #E5C8EA 55%, #55aaff 100% ); z-index: 20; transition: width 0.45s ease; } .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item[open]::before { width: 100%; } /* ========================================================= 5. REMOVE DEFAULT DETAILS MARKER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item-title { list-style: none !important; -webkit-list-style: none !important; } .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item-title::-webkit-details-marker { display: none !important; } .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item-title::marker { display: none !important; } /* ========================================================= 6. QUESTION HEADER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item-title { position: relative; display: flex; align-items: center; width: 100%; box-sizing: border-box; margin: 0 !important; padding: 20px 30px 20px 30px !important; background: #ffffff; color: #14213d; cursor: pointer; transition: background 0.35s ease, color 0.35s ease, padding-left 0.3s ease; } /* ========================================================= 7. QUESTION TEXT ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item-title-text { color: inherit; font-weight: 600; line-height: 1.2; margin: 0 !important; transition: color 0.3s ease, transform 0.3s ease; } /* ========================================================= 8. QUESTION HOVER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item-title:hover { color: #133959; background: linear-gradient( 90deg, #f7faff 0%, #ffffff 80% ); } /* ========================================================= 9. OPEN QUESTION HEADER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item[open] > .e-n-accordion-item-title { color: #133959; background: linear-gradient( 90deg, #f1f7ff 0%, #ffffff 88% ); } /* ========================================================= 10. ICON CONTAINER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item-title-icon { position: absolute !important; right: 30px !important; top: 50% !important; width: 30px !important; height: 30px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; transform: translateY(-50%) !important; box-sizing: border-box !important; border-radius: 50% !important; z-index: 30 !important; transition: background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease; } /* ========================================================= 11. CLOSED CIRCLE ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item:not([open]) .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #f8fbff, #edf5ff ) !important; border: 1px solid #d5e5fa !important; box-shadow: 0 5px 14px rgba(7, 87, 201, 0.06); } /* ========================================================= 12. OPEN CIRCLE ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item[open] .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #F8D3C0, #C9AEFA ) !important; color: #000 !important; box-shadow: 0 8px 22px rgba(7, 87, 201, 0.28); transform: translateY(-50%) scale(1.02) !important; } /* ========================================================= 13. HIDE ALL DEFAULT ELEMENTOR ICONS IMPORTANT ========================================================= */ /* Elementor may output either SVG icons or Font Awesome icons depending on the widget state/version. Hide BOTH so only our CSS-drawn arrows are visible. */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item-title-icon svg, .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item-title-icon i { display: none !important; } /* ========================================================= 14. CLOSED STATE ONLY CLOSED ICON CONTAINER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item-title-icon .e-opened { display: none !important; } .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item-title-icon .e-closed { display: flex !important; width: 100% !important; height: 100% !important; align-items: center !important; justify-content: center !important; position: relative !important; } /* ========================================================= 15. CLOSED DOWN CHEVRON ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item-title-icon .e-closed::before { content: "" !important; position: absolute; width: 8px; height: 8px; border-right: 2px solid #133959; border-bottom: 2px solid #133959; transform: translateY(-3px) rotate(45deg); transition: transform 0.35s ease; pointer-events: none; } /* ========================================================= 16. OPEN STATE ONLY OPEN ICON CONTAINER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-closed { display: none !important; } .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened { display: flex !important; width: 100% !important; height: 100% !important; align-items: center !important; justify-content: center !important; position: relative !important; } /* ========================================================= 17. OPEN UP CHEVRON ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened::before { content: "" !important; position: absolute; width: 8px; height: 8px; border-left: 2px solid #000; border-top: 2px solid #000; transform: translateY(3px) rotate(45deg); pointer-events: none; } /* ========================================================= 18. CLOSED HOVER ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item:not([open]) .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon { background: linear-gradient( 145deg, #eaf3ff, #dcecff ) !important; border-color: #b7d3f5 !important; box-shadow: 0 8px 20px rgba(7, 87, 201, 0.13); transform: translateY(-50%) scale(1.06) !important; } /* ========================================================= 19. OPEN ANSWER AREA ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item > [role="region"] { position: relative; width: 100%; box-sizing: border-box; margin: 0 !important; padding: 15px 30px 15px 30px !important; background: linear-gradient( 180deg, #ffffff 0%, #fbfdff 100% ); border-top: 1px solid #dce7f3; color: #5d718e; font-size: 18px; line-height: 1.75; } /* ========================================================= 20. REMOVE LEFT BLUE LINE ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item > [role="region"]::before { display: none !important; content: none !important; } /* ========================================================= 21. ANSWER TEXT ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item > [role="region"] p { margin: 0 !important; padding: 0 !important; color: #5d718e; font-size: 18px; line-height: 1.75; } /* ========================================================= 22. ANSWER HEADINGS ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item > [role="region"] h3, .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item > [role="region"] h4 { color: #14213d; margin-top: 10px; margin-bottom: 10px; } /* ========================================================= 23. ANSWER LINKS ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item > [role="region"] a { color: #0757c9; font-weight: 600; text-decoration: none; } .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item > [role="region"] a:hover { color: #003d91; text-decoration: underline; } /* ========================================================= 24. ANSWER ANIMATION ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item[open] > [role="region"] { animation: apsnFAQAnswer 0.4s ease-out both; } @keyframes apsnFAQAnswer { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } /* ========================================================= 25. OPEN CARD SHADOW ========================================================= */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item[open] { border-color: #c7dcf5 !important; box-shadow: 0 12px 32px rgba(7, 87, 201, 0.09); } /* ========================================================= 26. MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion { gap: 10px; } .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item { border-radius: 13px !important; } .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item-title { min-height: 72px; padding: 18px 78px 18px 20px !important; } .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item-title-text { font-size: 16px; line-height: 1.4; } .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item-title-icon { right: 15px !important; width: 42px !important; height: 42px !important; } /* ===================================== MOBILE CLOSED DOWN ARROW ===================================== */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item-title-icon .e-closed::before { width: 9px; height: 9px; border-right-width: 3px; border-bottom-width: 3px; } /* ===================================== MOBILE OPEN UP ARROW ===================================== */ .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened::before { width: 9px; height: 9px; border-left-width: 3px; border-top-width: 3px; } .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item > [role="region"] { padding: 12px 20px 24px 20px !important; font-size: 15px; line-height: 1.65; } .elementor-64018 .elementor-element.elementor-element-b8e3581 .e-n-accordion-item > [role="region"] p { font-size: 15px; line-height: 1.65; } }/* End custom CSS */