.elementor-1673 .elementor-element.elementor-element-538ae38{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;}.elementor-1673 .elementor-element.elementor-element-538ae38:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-538ae38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#040A2A;}.elementor-1673 .elementor-element.elementor-element-538ae38::before, .elementor-1673 .elementor-element.elementor-element-538ae38 > .elementor-background-video-container::before, .elementor-1673 .elementor-element.elementor-element-538ae38 > .e-con-inner > .elementor-background-video-container::before, .elementor-1673 .elementor-element.elementor-element-538ae38 > .elementor-background-slideshow::before, .elementor-1673 .elementor-element.elementor-element-538ae38 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1673 .elementor-element.elementor-element-538ae38 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1673 .elementor-element.elementor-element-538ae38.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1673 .elementor-element.elementor-element-9ad3783{margin:02em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-1673 .elementor-element.elementor-element-207df75{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:50px;--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-1673 .elementor-element.elementor-element-09acfb8{text-align:center;margin:-05em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0px 0px 0px 0px;width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;background-color:#E9A51F;border-radius:20px 20px 20px 20px;}.elementor-1673 .elementor-element.elementor-element-09acfb8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:800;line-height:2.8rem;color:#1438FD;}.elementor-1673 .elementor-element.elementor-element-3d2eef7{text-align:center;margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1673 .elementor-element.elementor-element-3d2eef7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:72px;font-weight:800;line-height:4.2rem;color:#FFFFFF;}.elementor-1673 .elementor-element.elementor-element-0a4e7e7{text-align:center;margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1673 .elementor-element.elementor-element-0a4e7e7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:800;line-height:4.2rem;color:#FFFFFF;}.elementor-1673 .elementor-element.elementor-element-2f5943e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1673 .elementor-element.elementor-element-2f5943e.e-con{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-881f6d5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1673 .elementor-element.elementor-element-881f6d5.e-con{--align-self:center;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-1673 .elementor-element.elementor-element-68f43e7 .elementor-button{background-color:#EE1616;border-radius:15px 15px 15px 15px;}.elementor-1673 .elementor-element.elementor-element-68f43e7{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-1673 .elementor-element.elementor-element-c07f50b{text-align:center;margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) -1em;}.elementor-1673 .elementor-element.elementor-element-c07f50b .elementor-heading-title{color:#FFFFFF;}.elementor-1673 .elementor-element.elementor-element-c07f50b.elementor-element{--align-self:center;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1673 .elementor-element.elementor-element-b1e59dc .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-1673 .elementor-element.elementor-element-b1e59dc .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-1673 .elementor-element.elementor-element-b1e59dc{--e-icon-list-icon-size:24px;--icon-vertical-offset:0px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1673 .elementor-element.elementor-element-b1e59dc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1673 .elementor-element.elementor-element-b1e59dc .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;}.elementor-1673 .elementor-element.elementor-element-b1e59dc .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-1673 .elementor-element.elementor-element-b1e59dc.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-de30575{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1673 .elementor-element.elementor-element-360447d .elementor-button{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;fill:#FFFFFF;color:#FFFFFF;background-color:#61CE70;border-style:solid;border-width:0px 0px 0px 0px;border-radius:15px 15px 15px 15px;padding:16px 55px 16px 55px;}.elementor-1673 .elementor-element.elementor-element-d1dca64{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-1673 .elementor-element.elementor-element-d1dca64:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-d1dca64 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAFE;}.elementor-1673 .elementor-element.elementor-element-d1dca64.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1673 .elementor-element.elementor-element-6ce4be0 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;fill:#001169;color:#001169;background-color:#00116929;border-style:solid;border-width:0px 0px 0px 0px;border-color:#001169;border-radius:25px 25px 25px 25px;padding:10px 15px 10px 15px;}.elementor-1673 .elementor-element.elementor-element-6ce4be0.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-21ca94c{text-align:center;}.elementor-1673 .elementor-element.elementor-element-21ca94c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:700;color:#001169;}.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-1673 .elementor-element.elementor-element-cd36176{text-align:center;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#263B5C;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-1673 .elementor-element.elementor-element-019d2d4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-4447972{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(0, 1fr);--grid-auto-flow:row;}.elementor-1673 .elementor-element.elementor-element-f8d94a1{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-4ccfbbd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-4ccfbbd.e-con{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-8598c04{text-align:center;}.elementor-1673 .elementor-element.elementor-element-8598c04 img{width:40%;}.elementor-1673 .elementor-element.elementor-element-8598c04.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-dc84966{text-align:start;}.elementor-1673 .elementor-element.elementor-element-dc84966.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-7d4db42{text-align:start;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-1673 .elementor-element.elementor-element-8fdd73d{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-e156f1a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-e156f1a.e-con{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-784e4d3 img{width:40%;}.elementor-1673 .elementor-element.elementor-element-784e4d3.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-4f99f77{text-align:start;}.elementor-1673 .elementor-element.elementor-element-4f99f77.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-5ea4d1f{text-align:start;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-1673 .elementor-element.elementor-element-853f1ae{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-8e4a8d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-8e4a8d4.e-con{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-4099893 img{width:40%;}.elementor-1673 .elementor-element.elementor-element-4099893.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-02f6669{text-align:start;}.elementor-1673 .elementor-element.elementor-element-02f6669.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-f282b78{text-align:start;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-1673 .elementor-element.elementor-element-efbc21e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1673 .elementor-element.elementor-element-efbc21e:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-efbc21e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#001169;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1673 .elementor-element.elementor-element-9083fa6 .elementor-icon-wrapper{text-align:center;}.elementor-1673 .elementor-element.elementor-element-9083fa6.elementor-view-stacked .elementor-icon{background-color:#F58549;}.elementor-1673 .elementor-element.elementor-element-9083fa6.elementor-view-framed .elementor-icon, .elementor-1673 .elementor-element.elementor-element-9083fa6.elementor-view-default .elementor-icon{color:#F58549;border-color:#F58549;}.elementor-1673 .elementor-element.elementor-element-9083fa6.elementor-view-framed .elementor-icon, .elementor-1673 .elementor-element.elementor-element-9083fa6.elementor-view-default .elementor-icon svg{fill:#F58549;}.elementor-1673 .elementor-element.elementor-element-b702fa6{text-align:center;font-family:"Roboto", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-1673 .elementor-element.elementor-element-b702fa6.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-4426bc2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:3em;--padding-bottom:10em;--padding-left:0em;--padding-right:0em;}.elementor-1673 .elementor-element.elementor-element-4426bc2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1673 .elementor-element.elementor-element-c509611 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;fill:#001169;color:#001169;background-color:#00116929;border-style:solid;border-width:0px 0px 0px 0px;border-color:#001169;border-radius:25px 25px 25px 25px;padding:10px 15px 10px 15px;}.elementor-1673 .elementor-element.elementor-element-c509611.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-93b9732{text-align:center;}.elementor-1673 .elementor-element.elementor-element-93b9732 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:700;color:#001169;}.elementor-1673 .elementor-element.elementor-element-2ce5951{text-align:center;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#263B5C;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1673 .elementor-element.elementor-element-2ab2c26{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1673 .elementor-element.elementor-element-2ab2c26:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-2ab2c26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-1673 .elementor-element.elementor-element-8d16eeb{padding:0px 0px 00px 0px;}.elementor-1673 .elementor-element.elementor-element-a2b3663{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1673 .elementor-element.elementor-element-a2b3663:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-a2b3663 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1673 .elementor-element.elementor-element-70964de{padding:0px 0px 0px 0px;}.elementor-1673 .elementor-element.elementor-element-ea204a7{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 10px 10px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1673 .elementor-element.elementor-element-ea204a7:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-ea204a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1673 .elementor-element.elementor-element-f9b12ab{padding:0px 00px 00px 0px;}.elementor-1673 .elementor-element.elementor-element-9c6e604{--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:-1;--n-accordion-title-font-size:18px;--n-accordion-item-title-space-between:5px;--n-accordion-border-radius:15px 15px 15px 15px;--n-accordion-title-normal-color:#001169;--n-accordion-icon-size:15px;--n-accordion-icon-hover-color:#1F53C9;--n-accordion-icon-active-color:#1F53C9;width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-1673 .elementor-element.elementor-element-9c6e604 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-1673 .elementor-element.elementor-element-9c6e604 {--n-accordion-padding:10px 10px 10px 10px;}:where( .elementor-1673 .elementor-element.elementor-element-9c6e604 > .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-weight:700;}.elementor-1673 .elementor-element.elementor-element-9c6e604.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-ccfe1d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3em;--padding-bottom:4em;--padding-left:11em;--padding-right:11em;}.elementor-1673 .elementor-element.elementor-element-ccfe1d1:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-ccfe1d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAFE;}.elementor-1673 .elementor-element.elementor-element-fd2faaa{--display:flex;--border-radius:35px 35px 35px 35px;--margin-top:-10em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:5em;--padding-bottom:5em;--padding-left:9em;--padding-right:9em;}.elementor-1673 .elementor-element.elementor-element-fd2faaa:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-fd2faaa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#001169;}.elementor-1673 .elementor-element.elementor-element-5881189{text-align:center;}.elementor-1673 .elementor-element.elementor-element-5881189 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:700;color:#FFFFFF;}.elementor-1673 .elementor-element.elementor-element-341d7b1{text-align:center;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1673 .elementor-element.elementor-element-341d7b1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#FFFFFF;}.elementor-1673 .elementor-element.elementor-element-7f5ad27{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1673 .elementor-element.elementor-element-e354ea5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-1673 .elementor-element.elementor-element-a31237a{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1673 .elementor-element.elementor-element-a31237a:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-a31237a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-1673 .elementor-element.elementor-element-805c285{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#001169;padding:05px 30px 5px 30px;border-radius:5px 5px 5px 5px;}.elementor-1673 .elementor-element.elementor-element-fe80d7b{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1673 .elementor-element.elementor-element-fe80d7b:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-fe80d7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1673 .elementor-element.elementor-element-027b8b0{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#2C3033;padding:5px 30px 5px 30px;border-radius:5px 5px 5px 5px;}.elementor-1673 .elementor-element.elementor-element-e9ad9a3{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 10px 10px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1673 .elementor-element.elementor-element-e9ad9a3:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-e9ad9a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1673 .elementor-element.elementor-element-ff205a2{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#2C3033;padding:5px 30px 5px 30px;border-radius:5px 5px 5px 5px;}.elementor-1673 .elementor-element.elementor-element-b31297d{--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:-1;--n-accordion-title-font-size:18px;--n-accordion-item-title-space-between:10px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:15px 15px 15px 15px;--n-accordion-title-normal-color:#001169;--n-accordion-icon-size:15px;--n-accordion-icon-hover-color:#1F53C9;--n-accordion-icon-active-color:#1F53C9;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1673 .elementor-element.elementor-element-b31297d > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#F0F3F7;border-style:none;}.elementor-1673 .elementor-element.elementor-element-b31297d {--n-accordion-padding:10px 10px 10px 10px;}:where( .elementor-1673 .elementor-element.elementor-element-b31297d > .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-weight:700;}.elementor-1673 .elementor-element.elementor-element-bb30d3b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1673 .elementor-element.elementor-element-f770806 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-1673 .elementor-element.elementor-element-16c807a{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1673 .elementor-element.elementor-element-16c807a:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-16c807a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-1673 .elementor-element.elementor-element-601f7f0{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#001169;padding:05px 30px 5px 30px;border-radius:5px 5px 5px 5px;}.elementor-1673 .elementor-element.elementor-element-f722322{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1673 .elementor-element.elementor-element-f722322:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-f722322 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1673 .elementor-element.elementor-element-e4a864a{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#2C3033;padding:5px 30px 5px 30px;border-radius:5px 5px 5px 5px;}.elementor-1673 .elementor-element.elementor-element-57fa9ad{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 10px 10px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1673 .elementor-element.elementor-element-57fa9ad:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-57fa9ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1673 .elementor-element.elementor-element-5d2c1be{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#2C3033;padding:5px 30px 5px 30px;border-radius:5px 5px 5px 5px;}.elementor-1673 .elementor-element.elementor-element-4198f51{--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:-1;--n-accordion-title-font-size:18px;--n-accordion-item-title-space-between:10px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:15px 15px 15px 15px;--n-accordion-title-normal-color:#001169;--n-accordion-icon-size:15px;--n-accordion-icon-hover-color:#1F53C9;--n-accordion-icon-active-color:#1F53C9;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1673 .elementor-element.elementor-element-4198f51 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#F0F3F7;border-style:none;}.elementor-1673 .elementor-element.elementor-element-4198f51 {--n-accordion-padding:10px 10px 10px 10px;}:where( .elementor-1673 .elementor-element.elementor-element-4198f51 > .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-weight:700;}.elementor-1673 .elementor-element.elementor-element-4dec797{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1673 .elementor-element.elementor-element-5c467b7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-1673 .elementor-element.elementor-element-6b57a00{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1673 .elementor-element.elementor-element-6b57a00:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-6b57a00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-1673 .elementor-element.elementor-element-8c93f35{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#001169;padding:05px 30px 5px 30px;border-radius:5px 5px 5px 5px;}.elementor-1673 .elementor-element.elementor-element-0fd3342{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1673 .elementor-element.elementor-element-0fd3342:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-0fd3342 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1673 .elementor-element.elementor-element-067ac6f{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#2C3033;padding:5px 30px 5px 30px;border-radius:5px 5px 5px 5px;}.elementor-1673 .elementor-element.elementor-element-64acc91{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 10px 10px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1673 .elementor-element.elementor-element-64acc91:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-64acc91 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1673 .elementor-element.elementor-element-31c2ed5{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#2C3033;padding:5px 30px 5px 30px;border-radius:5px 5px 5px 5px;}.elementor-1673 .elementor-element.elementor-element-23a8559{--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:-1;--n-accordion-title-font-size:18px;--n-accordion-item-title-space-between:10px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:15px 15px 15px 15px;--n-accordion-title-normal-color:#001169;--n-accordion-icon-size:15px;--n-accordion-icon-hover-color:#1F53C9;--n-accordion-icon-active-color:#1F53C9;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1673 .elementor-element.elementor-element-23a8559 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#F0F3F7;border-style:none;}.elementor-1673 .elementor-element.elementor-element-23a8559 {--n-accordion-padding:10px 10px 10px 10px;}:where( .elementor-1673 .elementor-element.elementor-element-23a8559 > .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-weight:700;}.elementor-1673 .elementor-element.elementor-element-146aeec{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-1673 .elementor-element.elementor-element-146aeec:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-146aeec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAFE;}.elementor-1673 .elementor-element.elementor-element-146aeec.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1673 .elementor-element.elementor-element-cf68a97{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1673 .elementor-element.elementor-element-0555bd1 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;fill:#001169;color:#001169;background-color:#00116929;border-style:solid;border-width:0px 0px 0px 0px;border-color:#001169;border-radius:25px 25px 25px 25px;padding:10px 15px 10px 15px;}.elementor-1673 .elementor-element.elementor-element-0555bd1.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-f74fe61{text-align:center;}.elementor-1673 .elementor-element.elementor-element-f74fe61 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:700;color:#001169;}.elementor-1673 .elementor-element.elementor-element-d10c56f{text-align:center;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#263B5C;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-1673 .elementor-element.elementor-element-e9b9f91{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1673 .elementor-element.elementor-element-43cd459{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1673 .elementor-element.elementor-element-f2bf24b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:700;color:#001169;}.elementor-1673 .elementor-element.elementor-element-8a83dee{text-align:start;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#263B5C;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1673 .elementor-element.elementor-element-297b3a3 .elementor-icon-list-icon i{color:#001169;transition:color 0.3s;}.elementor-1673 .elementor-element.elementor-element-297b3a3 .elementor-icon-list-icon svg{fill:#001169;transition:fill 0.3s;}.elementor-1673 .elementor-element.elementor-element-297b3a3{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-1673 .elementor-element.elementor-element-297b3a3 .elementor-icon-list-text{color:#263B5C;transition:color 0.3s;}.elementor-1673 .elementor-element.elementor-element-f807ba3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-92a503e{z-index:999;}.elementor-1673 .elementor-element.elementor-element-1ca648b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-1673 .elementor-element.elementor-element-1ca648b:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-1ca648b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAFE;}.elementor-1673 .elementor-element.elementor-element-1ca648b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1673 .elementor-element.elementor-element-a0e2bdf .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;fill:#001169;color:#001169;background-color:#00116929;border-style:solid;border-width:0px 0px 0px 0px;border-color:#001169;border-radius:25px 25px 25px 25px;padding:10px 15px 10px 15px;}.elementor-1673 .elementor-element.elementor-element-a0e2bdf.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-885675e{text-align:center;}.elementor-1673 .elementor-element.elementor-element-885675e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:700;color:#001169;}.elementor-1673 .elementor-element.elementor-element-ecba5ce{text-align:center;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#263B5C;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-1673 .elementor-element.elementor-element-c203ac1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-6b51b02{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(0, 1fr);--grid-auto-flow:row;}.elementor-1673 .elementor-element.elementor-element-e60403a{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-62fed99{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-62fed99.e-con{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-9109657{text-align:center;}.elementor-1673 .elementor-element.elementor-element-9109657 img{width:40%;}.elementor-1673 .elementor-element.elementor-element-9109657.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-1e80835{text-align:start;}.elementor-1673 .elementor-element.elementor-element-1e80835.elementor-element{--align-self:flex-start;}.elementor-1673 .elementor-element.elementor-element-abeeb25{text-align:start;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-1673 .elementor-element.elementor-element-79d6f0d{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-e1514b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-e1514b1.e-con{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-de96390{text-align:center;}.elementor-1673 .elementor-element.elementor-element-de96390 img{width:40%;}.elementor-1673 .elementor-element.elementor-element-de96390.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-a9336e5.elementor-element{--align-self:flex-start;}.elementor-1673 .elementor-element.elementor-element-4547852{text-align:start;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-1673 .elementor-element.elementor-element-e326440{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-fe6cb27{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-fe6cb27.e-con{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-837069e{text-align:center;}.elementor-1673 .elementor-element.elementor-element-837069e img{width:40%;}.elementor-1673 .elementor-element.elementor-element-837069e.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-78cf3d4.elementor-element{--align-self:flex-start;}.elementor-1673 .elementor-element.elementor-element-d878f18{text-align:start;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-1673 .elementor-element.elementor-element-8d3ea7e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:3em;--padding-bottom:0em;--padding-left:11em;--padding-right:11em;}.elementor-1673 .elementor-element.elementor-element-8d3ea7e:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-8d3ea7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAFE;}.elementor-1673 .elementor-element.elementor-element-8d3ea7e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1673 .elementor-element.elementor-element-c086977 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;fill:#001169;color:#001169;background-color:#00116929;border-style:solid;border-width:0px 0px 0px 0px;border-color:#001169;border-radius:25px 25px 25px 25px;padding:10px 15px 10px 15px;}.elementor-1673 .elementor-element.elementor-element-c086977.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-10b73de{text-align:center;}.elementor-1673 .elementor-element.elementor-element-10b73de .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:700;color:#001169;}.elementor-1673 .elementor-element.elementor-element-e32656a{text-align:center;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#263B5C;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1673 .elementor-element.elementor-element-eb5560a{--display:flex;}.elementor-1673 .elementor-element.elementor-element-2dd8f42{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-1673 .elementor-element.elementor-element-2dd8f42:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-2dd8f42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAFE;}.elementor-1673 .elementor-element.elementor-element-2dd8f42.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1673 .elementor-element.elementor-element-7285f87 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;fill:#001169;color:#001169;background-color:#00116929;border-style:solid;border-width:0px 0px 0px 0px;border-color:#001169;border-radius:25px 25px 25px 25px;padding:10px 15px 10px 15px;}.elementor-1673 .elementor-element.elementor-element-7285f87.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-1dbc387{text-align:center;}.elementor-1673 .elementor-element.elementor-element-1dbc387 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:700;color:#001169;}.elementor-1673 .elementor-element.elementor-element-6c913a6{text-align:center;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#263B5C;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-1673 .elementor-element.elementor-element-ece8490{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-6225aad{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(0, 1fr);--grid-auto-flow:row;}.elementor-1673 .elementor-element.elementor-element-9638623{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-3f4fd22{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-3f4fd22.e-con{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-03d967b{text-align:center;}.elementor-1673 .elementor-element.elementor-element-03d967b img{width:40%;}.elementor-1673 .elementor-element.elementor-element-03d967b.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-aa19d2b{text-align:center;}.elementor-1673 .elementor-element.elementor-element-aa19d2b.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-6180f35{text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-1673 .elementor-element.elementor-element-4858a72{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-96919f5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-96919f5.e-con{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-c891fc2{text-align:center;}.elementor-1673 .elementor-element.elementor-element-c891fc2 img{width:40%;}.elementor-1673 .elementor-element.elementor-element-c891fc2.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-726bd4d{text-align:center;}.elementor-1673 .elementor-element.elementor-element-726bd4d.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-4dd8fb3{text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-1673 .elementor-element.elementor-element-1f96868{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-503952f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-503952f.e-con{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-5507ea9{text-align:center;}.elementor-1673 .elementor-element.elementor-element-5507ea9 img{width:40%;}.elementor-1673 .elementor-element.elementor-element-5507ea9.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-e835b95{text-align:center;}.elementor-1673 .elementor-element.elementor-element-e835b95.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-6238e23{text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-1673 .elementor-element.elementor-element-b189b13{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-1673 .elementor-element.elementor-element-b189b13:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-b189b13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAFE;}.elementor-1673 .elementor-element.elementor-element-b189b13.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1673 .elementor-element.elementor-element-83324c9 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;fill:#001169;color:#001169;background-color:#00116929;border-style:solid;border-width:0px 0px 0px 0px;border-radius:25px 25px 25px 25px;padding:10px 15px 10px 15px;}.elementor-1673 .elementor-element.elementor-element-83324c9.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-56a2dce{text-align:center;}.elementor-1673 .elementor-element.elementor-element-56a2dce .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:700;color:#001169;}.elementor-1673 .elementor-element.elementor-element-1091bd4{text-align:center;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#263B5C;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1673 .elementor-element.elementor-element-358c30c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:35px 35px;--row-gap:35px;--column-gap:35px;--grid-auto-flow:row;--justify-items:center;--align-items:center;--margin-top:-2em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-1673 .elementor-element.elementor-element-a207b1f{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-5ecf853 img{width:40%;}body:not(.rtl) .elementor-1673 .elementor-element.elementor-element-5ecf853{left:-68.958px;}body.rtl .elementor-1673 .elementor-element.elementor-element-5ecf853{right:-68.958px;}.elementor-1673 .elementor-element.elementor-element-5ecf853{top:25.944px;z-index:999;}.elementor-1673 .elementor-element.elementor-element-fccdeda{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0em;--padding-bottom:0em;--padding-left:7em;--padding-right:0em;}.elementor-1673 .elementor-element.elementor-element-30e60e5{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-1673 .elementor-element.elementor-element-1cc175b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1673 .elementor-element.elementor-element-1cc175b:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-1cc175b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1673 .elementor-element.elementor-element-e60cc40 img{width:40%;}body:not(.rtl) .elementor-1673 .elementor-element.elementor-element-e60cc40{left:-68.958px;}body.rtl .elementor-1673 .elementor-element.elementor-element-e60cc40{right:-68.958px;}.elementor-1673 .elementor-element.elementor-element-e60cc40{top:25.944px;z-index:999;}.elementor-1673 .elementor-element.elementor-element-d48b443{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0em;--padding-bottom:0em;--padding-left:7em;--padding-right:0em;}.elementor-1673 .elementor-element.elementor-element-40e6213{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-1673 .elementor-element.elementor-element-2e740ec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0em;--padding-bottom:0em;--padding-left:4em;--padding-right:0em;}.elementor-1673 .elementor-element.elementor-element-2e740ec:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-2e740ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1673 .elementor-element.elementor-element-cc8721c img{width:40%;}body:not(.rtl) .elementor-1673 .elementor-element.elementor-element-cc8721c{left:-68.958px;}body.rtl .elementor-1673 .elementor-element.elementor-element-cc8721c{right:-68.958px;}.elementor-1673 .elementor-element.elementor-element-cc8721c{top:25.944px;z-index:999;}.elementor-1673 .elementor-element.elementor-element-62d355d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0em;--padding-bottom:0em;--padding-left:7em;--padding-right:0em;}.elementor-1673 .elementor-element.elementor-element-af14b81{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-1673 .elementor-element.elementor-element-8898176{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1673 .elementor-element.elementor-element-8898176:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-8898176 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1673 .elementor-element.elementor-element-4310426 img{width:40%;}body:not(.rtl) .elementor-1673 .elementor-element.elementor-element-4310426{left:-68.958px;}body.rtl .elementor-1673 .elementor-element.elementor-element-4310426{right:-68.958px;}.elementor-1673 .elementor-element.elementor-element-4310426{top:25.944px;z-index:999;}.elementor-1673 .elementor-element.elementor-element-baa61f4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0em;--padding-bottom:0em;--padding-left:7em;--padding-right:0em;}.elementor-1673 .elementor-element.elementor-element-75645ee{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-1673 .elementor-element.elementor-element-e7658f5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-1673 .elementor-element.elementor-element-e7658f5:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-e7658f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAFE;}.elementor-1673 .elementor-element.elementor-element-e7658f5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1673 .elementor-element.elementor-element-79a0900 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;fill:#001169;color:#001169;background-color:#00116929;border-style:solid;border-width:0px 0px 0px 0px;border-color:#001169;border-radius:25px 25px 25px 25px;padding:10px 15px 10px 15px;}.elementor-1673 .elementor-element.elementor-element-79a0900.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-8989581{text-align:start;}.elementor-1673 .elementor-element.elementor-element-8989581 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:700;color:#001169;}.elementor-1673 .elementor-element.elementor-element-8ccf2ee{text-align:center;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#263B5C;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-1673 .elementor-element.elementor-element-c137f44{--display:flex;}.elementor-1673 .elementor-element.elementor-element-f6df6af{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-1673 .elementor-element.elementor-element-f6df6af:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-f6df6af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAFE;}.elementor-1673 .elementor-element.elementor-element-f6df6af.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1673 .elementor-element.elementor-element-13cd68e .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;fill:#001169;color:#001169;background-color:#00116929;border-style:solid;border-width:0px 0px 0px 0px;border-color:#001169;border-radius:25px 25px 25px 25px;padding:10px 15px 10px 15px;}.elementor-1673 .elementor-element.elementor-element-13cd68e.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-da4e7af{text-align:center;}.elementor-1673 .elementor-element.elementor-element-da4e7af .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:700;color:#001169;}.elementor-1673 .elementor-element.elementor-element-ca484a1{text-align:center;font-family:"Roboto", Sans-serif;font-size:24px;font-weight:400;color:#263B5C;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1673 .elementor-element.elementor-element-e0be60c{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1673 .elementor-element.elementor-element-e0be60c:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-e0be60c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-1673 .elementor-element.elementor-element-9724df2{padding:0px 0px 00px 0px;}.elementor-1673 .elementor-element.elementor-element-75fe407{--display:flex;}.elementor-1673 .elementor-element.elementor-element-e5908a0{padding:0px 0px 00px 0px;}.elementor-1673 .elementor-element.elementor-element-0a58ece{--display:flex;}.elementor-1673 .elementor-element.elementor-element-7a2a696{padding:0px 0px 00px 0px;}.elementor-1673 .elementor-element.elementor-element-638bb1e{--display:flex;}.elementor-1673 .elementor-element.elementor-element-7aaec4e{padding:0px 0px 00px 0px;}.elementor-1673 .elementor-element.elementor-element-f2017c0{--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:-1;--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:5px;--n-accordion-border-radius:15px 15px 15px 15px;--n-accordion-title-normal-color:#001169;--n-accordion-icon-size:15px;--n-accordion-icon-hover-color:#1F53C9;--n-accordion-icon-active-color:#1F53C9;width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-1673 .elementor-element.elementor-element-f2017c0 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-1673 .elementor-element.elementor-element-f2017c0 {--n-accordion-padding:10px 10px 10px 10px;}.elementor-1673 .elementor-element.elementor-element-f2017c0.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-a9b03e5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:2em;--padding-bottom:2em;--padding-left:11em;--padding-right:11em;}.elementor-1673 .elementor-element.elementor-element-a9b03e5:not(.elementor-motion-effects-element-type-background), .elementor-1673 .elementor-element.elementor-element-a9b03e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAFE;}.elementor-1673 .elementor-element.elementor-element-a9b03e5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1673 .elementor-element.elementor-element-3185e86{--display:flex;--overlay-opacity:1;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:2em;--padding-bottom:2em;--padding-left:5em;--padding-right:5em;}.elementor-1673 .elementor-element.elementor-element-3185e86::before, .elementor-1673 .elementor-element.elementor-element-3185e86 > .elementor-background-video-container::before, .elementor-1673 .elementor-element.elementor-element-3185e86 > .e-con-inner > .elementor-background-video-container::before, .elementor-1673 .elementor-element.elementor-element-3185e86 > .elementor-background-slideshow::before, .elementor-1673 .elementor-element.elementor-element-3185e86 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1673 .elementor-element.elementor-element-3185e86 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1673 .elementor-element.elementor-element-ab7aa4d .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;fill:#FFFFFF;color:#FFFFFF;background-color:#00116929;border-style:solid;border-width:0px 0px 0px 0px;border-radius:25px 25px 25px 25px;padding:10px 15px 10px 15px;}.elementor-1673 .elementor-element.elementor-element-ab7aa4d.elementor-element{--align-self:center;}.elementor-1673 .elementor-element.elementor-element-62c6963{text-align:center;}.elementor-1673 .elementor-element.elementor-element-62c6963 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:700;color:#FFFFFF;}.elementor-1673 .elementor-element.elementor-element-5a3e973{text-align:center;font-family:"Roboto", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1673 .elementor-element.elementor-element-332c110{margin:-3em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1673 .elementor-element.elementor-element-207df75{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-1673 .elementor-element.elementor-element-360447d .elementor-button{font-size:14px;}.elementor-1673 .elementor-element.elementor-element-4447972{--grid-auto-flow:row;}.elementor-1673 .elementor-element.elementor-element-ccfe1d1{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-1673 .elementor-element.elementor-element-fd2faaa{--padding-top:3em;--padding-bottom:3em;--padding-left:3em;--padding-right:3em;}.elementor-1673 .elementor-element.elementor-element-e9b9f91{--grid-auto-flow:row;}.elementor-1673 .elementor-element.elementor-element-6b51b02{--grid-auto-flow:row;}.elementor-1673 .elementor-element.elementor-element-6225aad{--grid-auto-flow:row;}.elementor-1673 .elementor-element.elementor-element-358c30c{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1673 .elementor-element.elementor-element-207df75{--width:100%;}.elementor-1673 .elementor-element.elementor-element-7f5ad27{--width:100%;}.elementor-1673 .elementor-element.elementor-element-bb30d3b{--width:100%;}.elementor-1673 .elementor-element.elementor-element-4dec797{--width:100%;}.elementor-1673 .elementor-element.elementor-element-358c30c{--content-width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1673 .elementor-element.elementor-element-207df75{--width:100%;}}@media(max-width:767px){.elementor-1673 .elementor-element.elementor-element-207df75{--border-radius:16px 16px 16px 16px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-1673 .elementor-element.elementor-element-09acfb8 .elementor-heading-title{font-size:32px;line-height:2rem;}.elementor-1673 .elementor-element.elementor-element-3d2eef7 .elementor-heading-title{font-size:32px;line-height:2rem;}.elementor-1673 .elementor-element.elementor-element-0a4e7e7 .elementor-heading-title{font-size:32px;line-height:2rem;}.elementor-1673 .elementor-element.elementor-element-b1e59dc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1673 .elementor-element.elementor-element-b1e59dc .elementor-icon-list-item > a{font-size:12px;}.elementor-1673 .elementor-element.elementor-element-360447d .elementor-button{padding:15px 35px 15px 35px;}.elementor-1673 .elementor-element.elementor-element-4447972{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1673 .elementor-element.elementor-element-9c6e604{--n-accordion-item-title-space-between:0px;}.elementor-1673 .elementor-element.elementor-element-ccfe1d1{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-1673 .elementor-element.elementor-element-fd2faaa{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-1673 .elementor-element.elementor-element-b31297d{--n-accordion-item-title-space-between:0px;}.elementor-1673 .elementor-element.elementor-element-4198f51{--n-accordion-item-title-space-between:0px;}.elementor-1673 .elementor-element.elementor-element-23a8559{--n-accordion-item-title-space-between:0px;}.elementor-1673 .elementor-element.elementor-element-e9b9f91{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1673 .elementor-element.elementor-element-6b51b02{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1673 .elementor-element.elementor-element-6225aad{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1673 .elementor-element.elementor-element-358c30c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1673 .elementor-element.elementor-element-f2017c0{--n-accordion-item-title-space-between:0px;}}/* Start custom CSS for heading, class: .elementor-element-09acfb8 */.hero-heading .elementor-heading-title { font-weight: 800; letter-spacing: -0.5px; line-height: 1.08; background: linear-gradient( 95deg, #ffffff 0%, #e8f0ff 35%, #5B9CFF 70%, #4285F4 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* lebih subtle & tajam */ text-shadow: 0 4px 12px rgba(66,133,244,0.18), 0 10px 30px rgba(0,0,0,0.45); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3d2eef7 */.hero-heading .elementor-heading-title { font-weight: 800; letter-spacing: -0.5px; line-height: 1.08; background: linear-gradient( 95deg, #ffffff 0%, #e8f0ff 35%, #5B9CFF 70%, #4285F4 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* lebih subtle & tajam */ text-shadow: 0 4px 12px rgba(66,133,244,0.18), 0 10px 30px rgba(0,0,0,0.45); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0a4e7e7 */.hero-heading .elementor-heading-title { font-weight: 800; letter-spacing: -0.5px; line-height: 1.08; background: linear-gradient( 95deg, #ffffff 0%, #e8f0ff 35%, #5B9CFF 70%, #4285F4 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* lebih subtle & tajam */ text-shadow: 0 4px 12px rgba(66,133,244,0.18), 0 10px 30px rgba(0,0,0,0.45); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-68f43e7 */.live-button { position: relative; color: #fff; font-weight: 700; padding: 10px 18px; border-radius: 999px; display: inline-flex; align-items: center; gap: 8px; } /* Dot indicator */ .live-button::after { content: ""; width: 8px; height: 8px; background: #fff; border-radius: 50%; animation: blink 1s infinite; } /* Pulse ring */ .live-button::before { content: ""; position: absolute; inset: 0; border-radius: 999px; background: rgba(255, 26, 26, 0.4); animation: pulseLive 1.6s infinite; } /* Animations */ @keyframes pulseLive { 0% { transform: scale(1); opacity: 0.6; } 70% { transform: scale(1.5); opacity: 0; } 100% { opacity: 0; } } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-538ae38 */.elementor-1673 .elementor-element.elementor-element-538ae38 { position: relative; overflow: hidden; isolation: isolate; margin-top: 0 !important; padding-top: 0 !important; background: radial-gradient(circle at 50% 18%, rgba(124, 154, 255, 0.20), transparent 42%), linear-gradient(135deg, #1238a8 0%, #2454d8 52%, #4f7cff 100%); } /* GRID TENGAH SMOOTH DI BELAKANG HEADING */ .elementor-1673 .elementor-element.elementor-element-538ae38::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: linear-gradient(rgba(255, 255, 255, 0.095) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.095) 1px, transparent 1px), linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px); background-size: 36px 36px, 36px 36px, 48px 48px, 48px 48px; background-position: center center, center center, center center, center center; opacity: 1; mask-image: radial-gradient( ellipse 560px 300px at 50% 36%, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.75) 34%, rgba(0, 0, 0, 0.34) 58%, rgba(0, 0, 0, 0.08) 76%, rgba(0, 0, 0, 0) 100% ); -webkit-mask-image: radial-gradient( ellipse 560px 300px at 50% 36%, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.75) 34%, rgba(0, 0, 0, 0.34) 58%, rgba(0, 0, 0, 0.08) 76%, rgba(0, 0, 0, 0) 100% ); } /* SOFT BLUR AREA TENGAH */ .elementor-1673 .elementor-element.elementor-element-538ae38::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: radial-gradient( ellipse 620px 320px at 50% 36%, rgba(255, 255, 255, 0.08), transparent 68% ); filter: blur(32px); opacity: 0.55; } /* IMAGE WRAP */ .elementor-1673 .elementor-element.elementor-element-538ae38 .hero-image-wrap { position: relative; z-index: 2; text-align: center; } /* IMAGE FADE */ .elementor-1673 .elementor-element.elementor-element-538ae38 .hero-image-wrap img { display: block; width: 100%; max-width: 1000px; height: auto; margin: 0 auto; -webkit-mask-image: linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%), linear-gradient(to bottom, black 0%, black 74%, transparent 100%); mask-image: linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%), linear-gradient(to bottom, black 0%, black 74%, transparent 100%); -webkit-mask-composite: source-in; mask-composite: intersect; } /* CONTENT DI ATAS */ .elementor-1673 .elementor-element.elementor-element-538ae38 > * { position: relative; z-index: 3; } /* RESPONSIVE */ @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-538ae38::before { background-size: 28px 28px, 28px 28px, 38px 38px, 38px 38px; mask-image: radial-gradient( ellipse 330px 260px at 50% 34%, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.58) 42%, rgba(0, 0, 0, 0.18) 68%, rgba(0, 0, 0, 0) 100% ); -webkit-mask-image: radial-gradient( ellipse 330px 260px at 50% 34%, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.58) 42%, rgba(0, 0, 0, 0.18) 68%, rgba(0, 0, 0, 0) 100% ); } .elementor-1673 .elementor-element.elementor-element-538ae38::after { filter: blur(24px); opacity: 0.42; } .elementor-1673 .elementor-element.elementor-element-538ae38 .hero-image-wrap img { -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%), linear-gradient(to bottom, black 0%, black 78%, transparent 100%); mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%), linear-gradient(to bottom, black 0%, black 78%, transparent 100%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f8d94a1 */.elementor-1673 .elementor-element.elementor-element-f8d94a1 { position: relative !important; overflow: hidden !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 24px !important; min-height: 170px !important; padding: 38px 42px !important; background: #ffffff !important; border: 1px solid #e6ecf5 !important; border-radius: 34px 52px 42px 30px / 38px 44px 32px 48px !important; box-shadow: none !important; transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1::before { content: "" !important; position: absolute !important; inset: 0 !important; background: radial-gradient( circle at top left, rgba(6, 21, 121, 0.045), transparent 42% ) !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1:hover { transform: translateY(-4px) !important; border-color: #cfd9eb !important; box-shadow: none !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1:hover::before { opacity: 1 !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-widget-icon { position: relative !important; z-index: 1 !important; flex: 0 0 68px !important; width: 68px !important; height: 68px !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-icon { width: 68px !important; height: 68px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 18px !important; background: #f0f3fa !important; border: 1px solid #d3ddf0 !important; transition: transform 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-icon svg { width: 26px !important; height: 26px !important; fill: #061579 !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1:hover .elementor-icon { transform: scale(1.05) rotate(-2deg) !important; background: #eef3ff !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1 > .e-con { position: relative !important; z-index: 1 !important; flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-widget-heading { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-heading-title { margin: 0 !important; color: #001169 !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.25 !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-widget-text-editor { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-widget-text-editor p { margin: 0 !important; color: #536176 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.55 !important; } @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-f8d94a1 { padding: 32px 30px !important; gap: 20px !important; border-radius: 30px 44px 36px 28px / 34px 38px 30px 40px !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-icon { flex-basis: 60px !important; width: 60px !important; height: 60px !important; border-radius: 16px !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-heading-title { font-size: 20px !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-widget-text-editor p { font-size: 16.5px !important; } } @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-f8d94a1 { min-height: auto !important; padding: 26px 22px !important; gap: 16px !important; border-radius: 26px 36px 30px 24px / 30px 32px 26px 34px !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1:hover { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-icon { flex-basis: 52px !important; width: 52px !important; height: 52px !important; border-radius: 15px !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-icon svg { width: 22px !important; height: 22px !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1:hover .elementor-icon { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-heading-title { font-size: 18px !important; line-height: 1.3 !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-widget-text-editor p { font-size: 15.5px !important; line-height: 1.55 !important; } } @media (max-width: 480px) { .elementor-1673 .elementor-element.elementor-element-f8d94a1 { padding: 22px 18px !important; gap: 14px !important; border-radius: 24px 32px 28px 22px / 28px 30px 24px 32px !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-icon { flex-basis: 48px !important; width: 48px !important; height: 48px !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-icon svg { width: 20px !important; height: 20px !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-heading-title { font-size: 17px !important; } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-widget-text-editor p { font-size: 14.5px !important; } } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-widget-image { display: flex; align-items: center; justify-content: center; position: relative; } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-widget-image::before { content: ""; position: absolute; width: 120px; height: 120px; border-radius: 16px; background: linear-gradient(rgba(6, 21, 121, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 21, 121, 0.05) 1px, transparent 1px); background-size: 16px 16px; opacity: 0.5; z-index: 0; transform: rotate(6deg); } .elementor-1673 .elementor-element.elementor-element-f8d94a1 .elementor-widget-image img { position: relative; z-index: 2; display: block; transition: transform 0.32s cubic-bezier(.22, 1, .36, 1); will-change: transform; } .elementor-1673 .elementor-element.elementor-element-f8d94a1:hover .elementor-widget-image img { transform: scale(1.06) rotate(-2deg); } .elementor-1673 .elementor-element.elementor-element-f8d94a1:hover .elementor-widget-image::before { opacity: 0.7; transform: rotate(8deg) scale(1.04); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8fdd73d */.elementor-1673 .elementor-element.elementor-element-8fdd73d { position: relative !important; overflow: hidden !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 24px !important; min-height: 170px !important; padding: 38px 42px !important; background: #ffffff !important; border: 1px solid #e6ecf5 !important; border-radius: 34px 52px 42px 30px / 38px 44px 32px 48px !important; box-shadow: none !important; transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d::before { content: "" !important; position: absolute !important; inset: 0 !important; background: radial-gradient( circle at top left, rgba(6, 21, 121, 0.045), transparent 42% ) !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d:hover { transform: translateY(-4px) !important; border-color: #cfd9eb !important; box-shadow: none !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d:hover::before { opacity: 1 !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-widget-icon { position: relative !important; z-index: 1 !important; flex: 0 0 68px !important; width: 68px !important; height: 68px !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-icon { width: 68px !important; height: 68px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 18px !important; background: #f0f3fa !important; border: 1px solid #d3ddf0 !important; transition: transform 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-icon svg { width: 26px !important; height: 26px !important; fill: #061579 !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d:hover .elementor-icon { transform: scale(1.05) rotate(-2deg) !important; background: #eef3ff !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d > .e-con { position: relative !important; z-index: 1 !important; flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-widget-heading { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-heading-title { margin: 0 !important; color: #001169 !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.25 !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-widget-text-editor { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-widget-text-editor p { margin: 0 !important; color: #536176 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.55 !important; } @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-8fdd73d { padding: 32px 30px !important; gap: 20px !important; border-radius: 30px 44px 36px 28px / 34px 38px 30px 40px !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-icon { flex-basis: 60px !important; width: 60px !important; height: 60px !important; border-radius: 16px !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-heading-title { font-size: 20px !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-widget-text-editor p { font-size: 16.5px !important; } } @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-8fdd73d { min-height: auto !important; padding: 26px 22px !important; gap: 16px !important; border-radius: 26px 36px 30px 24px / 30px 32px 26px 34px !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d:hover { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-icon { flex-basis: 52px !important; width: 52px !important; height: 52px !important; border-radius: 15px !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-icon svg { width: 22px !important; height: 22px !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d:hover .elementor-icon { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-heading-title { font-size: 18px !important; line-height: 1.3 !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-widget-text-editor p { font-size: 15.5px !important; line-height: 1.55 !important; } } @media (max-width: 480px) { .elementor-1673 .elementor-element.elementor-element-8fdd73d { padding: 22px 18px !important; gap: 14px !important; border-radius: 24px 32px 28px 22px / 28px 30px 24px 32px !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-icon { flex-basis: 48px !important; width: 48px !important; height: 48px !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-icon svg { width: 20px !important; height: 20px !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-heading-title { font-size: 17px !important; } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-widget-text-editor p { font-size: 14.5px !important; } } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-widget-image { display: flex; align-items: center; justify-content: center; position: relative; } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-widget-image::before { content: ""; position: absolute; width: 120px; height: 120px; border-radius: 16px; background: linear-gradient(rgba(6, 21, 121, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 21, 121, 0.05) 1px, transparent 1px); background-size: 16px 16px; opacity: 0.5; z-index: 0; transform: rotate(6deg); } .elementor-1673 .elementor-element.elementor-element-8fdd73d .elementor-widget-image img { position: relative; z-index: 2; display: block; transition: transform 0.32s cubic-bezier(.22, 1, .36, 1); will-change: transform; } .elementor-1673 .elementor-element.elementor-element-8fdd73d:hover .elementor-widget-image img { transform: scale(1.06) rotate(-2deg); } .elementor-1673 .elementor-element.elementor-element-8fdd73d:hover .elementor-widget-image::before { opacity: 0.7; transform: rotate(8deg) scale(1.04); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-853f1ae */.elementor-1673 .elementor-element.elementor-element-853f1ae { position: relative !important; overflow: hidden !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 24px !important; min-height: 170px !important; padding: 38px 42px !important; background: #ffffff !important; border: 1px solid #e6ecf5 !important; border-radius: 34px 52px 42px 30px / 38px 44px 32px 48px !important; box-shadow: none !important; transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae::before { content: "" !important; position: absolute !important; inset: 0 !important; background: radial-gradient( circle at top left, rgba(6, 21, 121, 0.045), transparent 42% ) !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae:hover { transform: translateY(-4px) !important; border-color: #cfd9eb !important; box-shadow: none !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae:hover::before { opacity: 1 !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-widget-icon { position: relative !important; z-index: 1 !important; flex: 0 0 68px !important; width: 68px !important; height: 68px !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-icon { width: 68px !important; height: 68px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 18px !important; background: #f0f3fa !important; border: 1px solid #d3ddf0 !important; transition: transform 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-icon svg { width: 26px !important; height: 26px !important; fill: #061579 !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae:hover .elementor-icon { transform: scale(1.05) rotate(-2deg) !important; background: #eef3ff !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae > .e-con { position: relative !important; z-index: 1 !important; flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-widget-heading { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-heading-title { margin: 0 !important; color: #001169 !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.25 !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-widget-text-editor { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-widget-text-editor p { margin: 0 !important; color: #536176 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.55 !important; } @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-853f1ae { padding: 32px 30px !important; gap: 20px !important; border-radius: 30px 44px 36px 28px / 34px 38px 30px 40px !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-icon { flex-basis: 60px !important; width: 60px !important; height: 60px !important; border-radius: 16px !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-heading-title { font-size: 20px !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-widget-text-editor p { font-size: 16.5px !important; } } @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-853f1ae { min-height: auto !important; padding: 26px 22px !important; gap: 16px !important; border-radius: 26px 36px 30px 24px / 30px 32px 26px 34px !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae:hover { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-icon { flex-basis: 52px !important; width: 52px !important; height: 52px !important; border-radius: 15px !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-icon svg { width: 22px !important; height: 22px !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae:hover .elementor-icon { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-heading-title { font-size: 18px !important; line-height: 1.3 !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-widget-text-editor p { font-size: 15.5px !important; line-height: 1.55 !important; } } @media (max-width: 480px) { .elementor-1673 .elementor-element.elementor-element-853f1ae { padding: 22px 18px !important; gap: 14px !important; border-radius: 24px 32px 28px 22px / 28px 30px 24px 32px !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-icon { flex-basis: 48px !important; width: 48px !important; height: 48px !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-icon svg { width: 20px !important; height: 20px !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-heading-title { font-size: 17px !important; } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-widget-text-editor p { font-size: 14.5px !important; } } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-widget-image { display: flex; align-items: center; justify-content: center; position: relative; } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-widget-image::before { content: ""; position: absolute; width: 120px; height: 120px; border-radius: 16px; background: linear-gradient(rgba(6, 21, 121, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 21, 121, 0.05) 1px, transparent 1px); background-size: 16px 16px; opacity: 0.5; z-index: 0; transform: rotate(6deg); } .elementor-1673 .elementor-element.elementor-element-853f1ae .elementor-widget-image img { position: relative; z-index: 2; display: block; transition: transform 0.32s cubic-bezier(.22, 1, .36, 1); will-change: transform; } .elementor-1673 .elementor-element.elementor-element-853f1ae:hover .elementor-widget-image img { transform: scale(1.06) rotate(-2deg); } .elementor-1673 .elementor-element.elementor-element-853f1ae:hover .elementor-widget-image::before { opacity: 0.7; transform: rotate(8deg) scale(1.04); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d1dca64 */.elementor-1673 .elementor-element.elementor-element-d1dca64 { position: relative; overflow: hidden; background: linear-gradient( 180deg, #f6f9ff 0%, #eef4fb 50%, #f4f7fc 100% ); } .elementor-1673 .elementor-element.elementor-element-d1dca64::before { content: ""; position: absolute; top: -150px; left: 50%; transform: translateX(-50%); width: 860px; height: 420px; border-radius: 0 0 999px 999px; background: linear-gradient(rgba(6, 21, 121, 0.075) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 21, 121, 0.075) 1px, transparent 1px), linear-gradient(rgba(6, 21, 121, 0.03) 2px, transparent 2px), linear-gradient(90deg, rgba(6, 21, 121, 0.03) 2px, transparent 2px), radial-gradient(circle at center, rgba(6, 21, 121, 0.12), transparent 70%); background-size: 24px 24px, 24px 24px, 96px 96px, 96px 96px, auto; opacity: 0.78; pointer-events: none; z-index: 0; mask-image: radial-gradient( ellipse at center, #000 0%, #000 54%, transparent 78% ); -webkit-mask-image: radial-gradient( ellipse at center, #000 0%, #000 54%, transparent 78% ); } .elementor-1673 .elementor-element.elementor-element-d1dca64::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 18% 6%, rgba(35, 62, 180, 0.14), transparent 34%), radial-gradient(circle at 86% 18%, rgba(255, 138, 0, 0.08), transparent 30%), radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.95), transparent 42%), radial-gradient(circle at 110% 110%, rgba(0, 174, 239, 0.12), transparent 54%); pointer-events: none; z-index: 0; } .elementor-1673 .elementor-element.elementor-element-d1dca64 > * { position: relative; z-index: 2; } @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-d1dca64::before { top: -130px; width: 680px; height: 340px; background-size: 22px 22px, 22px 22px, 88px 88px, 88px 88px, auto; } } @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-d1dca64::before { top: -95px; width: 460px; height: 260px; opacity: 0.62; background-size: 20px 20px, 20px 20px, 80px 80px, 80px 80px, auto; } .elementor-1673 .elementor-element.elementor-element-d1dca64::after { background: radial-gradient(circle at 12% 4%, rgba(35, 62, 180, 0.12), transparent 38%), radial-gradient(circle at 88% 10%, rgba(255, 138, 0, 0.07), transparent 36%), radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.9), transparent 46%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-efbc21e */.elementor-1673 .elementor-element.elementor-element-efbc21e { position: relative; overflow: hidden; isolation: isolate; margin-top: 0 !important; padding-top: 0 !important; background: radial-gradient(circle at 50% 18%, rgba(124, 154, 255, 0.20), transparent 42%), linear-gradient(135deg, #1238a8 0%, #2454d8 52%, #4f7cff 100%); } /* GRID TENGAH SMOOTH DI BELAKANG HEADING */ .elementor-1673 .elementor-element.elementor-element-efbc21e::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: linear-gradient(rgba(255, 255, 255, 0.095) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.095) 1px, transparent 1px), linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px); background-size: 36px 36px, 36px 36px, 48px 48px, 48px 48px; background-position: center center, center center, center center, center center; opacity: 1; mask-image: radial-gradient( ellipse 560px 300px at 50% 36%, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.75) 34%, rgba(0, 0, 0, 0.34) 58%, rgba(0, 0, 0, 0.08) 76%, rgba(0, 0, 0, 0) 100% ); -webkit-mask-image: radial-gradient( ellipse 560px 300px at 50% 36%, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.75) 34%, rgba(0, 0, 0, 0.34) 58%, rgba(0, 0, 0, 0.08) 76%, rgba(0, 0, 0, 0) 100% ); } /* SOFT BLUR AREA TENGAH */ .elementor-1673 .elementor-element.elementor-element-efbc21e::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: radial-gradient( ellipse 620px 320px at 50% 36%, rgba(255, 255, 255, 0.08), transparent 68% ); filter: blur(32px); opacity: 0.55; } /* IMAGE WRAP */ .elementor-1673 .elementor-element.elementor-element-efbc21e .hero-image-wrap { position: relative; z-index: 2; text-align: center; } /* IMAGE FADE */ .elementor-1673 .elementor-element.elementor-element-efbc21e .hero-image-wrap img { display: block; width: 100%; max-width: 1000px; height: auto; margin: 0 auto; -webkit-mask-image: linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%), linear-gradient(to bottom, black 0%, black 74%, transparent 100%); mask-image: linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%), linear-gradient(to bottom, black 0%, black 74%, transparent 100%); -webkit-mask-composite: source-in; mask-composite: intersect; } /* CONTENT DI ATAS */ .elementor-1673 .elementor-element.elementor-element-efbc21e > * { position: relative; z-index: 3; } /* RESPONSIVE */ @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-efbc21e::before { background-size: 28px 28px, 28px 28px, 38px 38px, 38px 38px; mask-image: radial-gradient( ellipse 330px 260px at 50% 34%, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.58) 42%, rgba(0, 0, 0, 0.18) 68%, rgba(0, 0, 0, 0) 100% ); -webkit-mask-image: radial-gradient( ellipse 330px 260px at 50% 34%, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.58) 42%, rgba(0, 0, 0, 0.18) 68%, rgba(0, 0, 0, 0) 100% ); } .elementor-1673 .elementor-element.elementor-element-efbc21e::after { filter: blur(24px); opacity: 0.42; } .elementor-1673 .elementor-element.elementor-element-efbc21e .hero-image-wrap img { -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%), linear-gradient(to bottom, black 0%, black 78%, transparent 100%); mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%), linear-gradient(to bottom, black 0%, black 78%, transparent 100%); } }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-9c6e604 */.elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item { border: 1px solid #e6ecf5 !important; border-radius: 22px 26px 24px 20px / 24px 22px 26px 22px !important; background: #ffffff !important; margin-bottom: 14px !important; overflow: hidden !important; box-shadow: none !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item-title { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px !important; padding: 24px 28px 16px 28px !important; background: #ffffff !important; border: none !important; cursor: pointer !important; transition: background-color 0.25s ease, transform 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item-title:hover { background: #f8faff !important; transform: translateY(-2px) !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item-title-header { order: 1 !important; flex: 1 1 auto !important; min-width: 0 !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item-title-text { display: grid !important; grid-template-columns: 56px minmax(0, 1fr) !important; column-gap: 18px !important; align-items: center !important; width: 100% !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .day-badge { grid-column: 1 !important; grid-row: 1 / span 2 !important; width: 56px !important; height: 56px !important; min-width: 56px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 18px !important; background: linear-gradient(180deg, #233eb4, #1a2f8a) !important; color: #ffffff !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1 !important; position: relative; border: 1px solid rgba(0,0,0,0.08) !important; transition: transform 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .day-badge::after { content: ""; position: absolute; inset: 0; border-radius: 18px; background: linear-gradient( 233eb4, transparent 60% ); pointer-events: none; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item-title:hover .day-badge { transform: translateY(-2px) !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .acc-head { grid-column: 2 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 6px !important; min-width: 0 !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .acc-title { margin: 0 !important; color: #001169 !important; font-size: 18px !important; font-weight: 600 !important; line-height: 1.2 !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item-title:hover .acc-title { color: #061579 !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .acc-subtitle { margin: 0 !important; color: #8d99b3 !important; font-size: 15.5px !important; font-weight: 500 !important; line-height: 1.35 !important; } /* ICON FIX PERFECT CIRCLE */ .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item-title-icon { order: 2 !important; flex: 0 0 42px !important; width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-left: auto !important; border-radius: 50% !important; background: #f0f2f7 !important; color: #061579 !important; border: 1px solid #e1e7f0 !important; transition: background 0.25s ease, transform 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item-title-icon svg { width: 15px !important; height: 15px !important; fill: #061579 !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon { background: #e8eef8 !important; transform: scale(1.05) !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item > div[role="region"] { border: none !important; background: #ffffff !important; padding: 12px 28px 28px 28px !important; color: #263b5c !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.55 !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item > div[role="region"] p { margin: 0 0 10px 0 !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item > div[role="region"] p:last-child { margin-bottom: 0 !important; } /* ANIMATION */ .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item { opacity: 0; transform: translateY(14px); animation: fadeUp 0.5s ease forwards; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item:nth-child(1) { animation-delay: 0.05s; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item:nth-child(2) { animation-delay: 0.15s; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item:nth-child(3) { animation-delay: 0.25s; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item:nth-child(4) { animation-delay: 0.35s; } @keyframes fadeUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } } /* TABLET */ @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item { border-radius: 20px 24px 22px 18px / 22px 20px 24px 20px !important; } } /* MOBILE */ @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item { border-radius: 18px 22px 20px 16px / 20px 18px 22px 18px !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item-title { padding: 18px 18px 12px 18px !important; gap: 12px !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item-title-text { grid-template-columns: 46px minmax(0, 1fr) !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .day-badge { width: 46px !important; height: 46px !important; font-size: 16px !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .acc-title { font-size: 16px !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .acc-subtitle { font-size: 14px !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item-title-icon { width: 34px !important; height: 34px !important; } .elementor-1673 .elementor-element.elementor-element-9c6e604 .e-n-accordion-item > div[role="region"] { padding: 10px 18px 22px 18px !important; font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4426bc2 */.elementor-1673 .elementor-element.elementor-element-4426bc2 { position: relative; overflow: hidden; background: linear-gradient( 180deg, #f6f9ff 0%, #eef4fb 50%, #f4f7fc 100% ); } .elementor-1673 .elementor-element.elementor-element-4426bc2::before { content: ""; position: absolute; top: -150px; left: 50%; transform: translateX(-50%); width: 860px; height: 420px; border-radius: 0 0 999px 999px; background: linear-gradient(rgba(6, 21, 121, 0.075) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 21, 121, 0.075) 1px, transparent 1px), linear-gradient(rgba(6, 21, 121, 0.03) 2px, transparent 2px), linear-gradient(90deg, rgba(6, 21, 121, 0.03) 2px, transparent 2px), radial-gradient(circle at center, rgba(6, 21, 121, 0.12), transparent 70%); background-size: 24px 24px, 24px 24px, 96px 96px, 96px 96px, auto; opacity: 0.78; pointer-events: none; z-index: 0; mask-image: radial-gradient( ellipse at center, #000 0%, #000 54%, transparent 78% ); -webkit-mask-image: radial-gradient( ellipse at center, #000 0%, #000 54%, transparent 78% ); } .elementor-1673 .elementor-element.elementor-element-4426bc2::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 18% 6%, rgba(35, 62, 180, 0.14), transparent 34%), radial-gradient(circle at 86% 18%, rgba(255, 138, 0, 0.08), transparent 30%), radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.95), transparent 42%), radial-gradient(circle at 110% 110%, rgba(0, 174, 239, 0.12), transparent 54%); pointer-events: none; z-index: 0; } .elementor-1673 .elementor-element.elementor-element-4426bc2 > * { position: relative; z-index: 2; } @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-4426bc2::before { top: -130px; width: 680px; height: 340px; background-size: 22px 22px, 22px 22px, 88px 88px, 88px 88px, auto; } } @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-4426bc2::before { top: -95px; width: 460px; height: 260px; opacity: 0.62; background-size: 20px 20px, 20px 20px, 80px 80px, 80px 80px, auto; } .elementor-1673 .elementor-element.elementor-element-4426bc2::after { background: radial-gradient(circle at 12% 4%, rgba(35, 62, 180, 0.12), transparent 38%), radial-gradient(circle at 88% 10%, rgba(255, 138, 0, 0.07), transparent 36%), radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.9), transparent 46%); } }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-b31297d */.elementor-1673 .elementor-element.elementor-element-b31297d .e-n-accordion-item { border: 1px solid #e6ecf5 !important; border-radius: 20px 24px 22px 18px / 22px 20px 24px 20px !important; background: #ffffff !important; margin-bottom: 10px !important; overflow: hidden !important; box-shadow: none !important; } .elementor-1673 .elementor-element.elementor-element-b31297d .e-n-accordion-item-title { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; padding: 18px 22px 12px 22px !important; background: #ffffff !important; border: none !important; cursor: pointer !important; transition: background-color 0.25s ease, transform 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-b31297d .e-n-accordion-item-title:hover { background: #f8faff !important; transform: translateY(-2px) !important; } .elementor-1673 .elementor-element.elementor-element-b31297d .acc-title { margin: 0 !important; color: #001169 !important; font-size: 16.5px !important; font-weight: 600 !important; } .elementor-1673 .elementor-element.elementor-element-b31297d .e-n-accordion-item-title:hover .acc-title { color: #061579 !important; } .elementor-1673 .elementor-element.elementor-element-b31297d .e-n-accordion-item-title-icon { order: 2 !important; flex: 0 0 36px !important; width: 36px !important; height: 36px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-left: auto !important; border-radius: 50% !important; background: #f0f2f7 !important; color: #061579 !important; transition: background 0.25s ease, transform 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-b31297d .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon { background: #e8eef8 !important; transform: scale(1.05) !important; } .elementor-1673 .elementor-element.elementor-element-b31297d .e-n-accordion-item > div[role="region"] { border: none !important; background: #ffffff !important; padding: 10px 22px 22px 22px !important; color: #263b5c !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.5 !important; } .elementor-1673 .elementor-element.elementor-element-b31297d .e-n-accordion-item > div[role="region"] p { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-b31297d .duration-badge { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; padding: 8px 12px; border-radius: 999px; background: #ff8a00; border: 1px solid #e67600; color: #001169; font-size: 13px; font-weight: 800; line-height: 1; white-space: nowrap; position: relative; } /* highlight atas biar ada efek 3D */ .elementor-1673 .elementor-element.elementor-element-b31297d .duration-badge::after { content: ""; position: absolute; inset: 0; border-radius: 999px; background: linear-gradient( to bottom, rgba(255,255,255,0.35), transparent 60% ); pointer-events: none; } .elementor-1673 .elementor-element.elementor-element-b31297d .e-n-accordion-item-title-header, .elementor-1673 .elementor-element.elementor-element-b31297d .duration-badge { transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-4198f51 */.elementor-1673 .elementor-element.elementor-element-4198f51 .e-n-accordion-item { border: 1px solid #e6ecf5 !important; border-radius: 20px 24px 22px 18px / 22px 20px 24px 20px !important; background: #ffffff !important; margin-bottom: 10px !important; overflow: hidden !important; box-shadow: none !important; } .elementor-1673 .elementor-element.elementor-element-4198f51 .e-n-accordion-item-title { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; padding: 18px 22px 12px 22px !important; background: #ffffff !important; border: none !important; cursor: pointer !important; transition: background-color 0.25s ease, transform 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-4198f51 .e-n-accordion-item-title:hover { background: #f8faff !important; transform: translateY(-2px) !important; } .elementor-1673 .elementor-element.elementor-element-4198f51 .acc-title { margin: 0 !important; color: #001169 !important; font-size: 16.5px !important; font-weight: 600 !important; } .elementor-1673 .elementor-element.elementor-element-4198f51 .e-n-accordion-item-title:hover .acc-title { color: #061579 !important; } .elementor-1673 .elementor-element.elementor-element-4198f51 .e-n-accordion-item-title-icon { order: 2 !important; flex: 0 0 36px !important; width: 36px !important; height: 36px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-left: auto !important; border-radius: 50% !important; background: #f0f2f7 !important; color: #061579 !important; transition: background 0.25s ease, transform 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-4198f51 .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon { background: #e8eef8 !important; transform: scale(1.05) !important; } .elementor-1673 .elementor-element.elementor-element-4198f51 .e-n-accordion-item > div[role="region"] { border: none !important; background: #ffffff !important; padding: 10px 22px 22px 22px !important; color: #263b5c !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.5 !important; } .elementor-1673 .elementor-element.elementor-element-4198f51 .e-n-accordion-item > div[role="region"] p { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-4198f51 .duration-badge { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; padding: 8px 12px; border-radius: 999px; background: #ff8a00; border: 1px solid #e67600; color: #001169; font-size: 13px; font-weight: 800; line-height: 1; white-space: nowrap; position: relative; } /* highlight atas biar ada efek 3D */ .elementor-1673 .elementor-element.elementor-element-4198f51 .duration-badge::after { content: ""; position: absolute; inset: 0; border-radius: 999px; background: linear-gradient( to bottom, rgba(255,255,255,0.35), transparent 60% ); pointer-events: none; } .elementor-1673 .elementor-element.elementor-element-4198f51 .e-n-accordion-item-title-header, .elementor-1673 .elementor-element.elementor-element-4198f51 .duration-badge { transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-23a8559 */.elementor-1673 .elementor-element.elementor-element-23a8559 .e-n-accordion-item { border: 1px solid #e6ecf5 !important; border-radius: 20px 24px 22px 18px / 22px 20px 24px 20px !important; background: #ffffff !important; margin-bottom: 10px !important; overflow: hidden !important; box-shadow: none !important; } .elementor-1673 .elementor-element.elementor-element-23a8559 .e-n-accordion-item-title { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; padding: 18px 22px 12px 22px !important; background: #ffffff !important; border: none !important; cursor: pointer !important; transition: background-color 0.25s ease, transform 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-23a8559 .e-n-accordion-item-title:hover { background: #f8faff !important; transform: translateY(-2px) !important; } .elementor-1673 .elementor-element.elementor-element-23a8559 .acc-title { margin: 0 !important; color: #001169 !important; font-size: 16.5px !important; font-weight: 600 !important; } .elementor-1673 .elementor-element.elementor-element-23a8559 .e-n-accordion-item-title:hover .acc-title { color: #061579 !important; } .elementor-1673 .elementor-element.elementor-element-23a8559 .e-n-accordion-item-title-icon { order: 2 !important; flex: 0 0 36px !important; width: 36px !important; height: 36px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-left: auto !important; border-radius: 50% !important; background: #f0f2f7 !important; color: #061579 !important; transition: background 0.25s ease, transform 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-23a8559 .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon { background: #e8eef8 !important; transform: scale(1.05) !important; } .elementor-1673 .elementor-element.elementor-element-23a8559 .e-n-accordion-item > div[role="region"] { border: none !important; background: #ffffff !important; padding: 10px 22px 22px 22px !important; color: #263b5c !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.5 !important; } .elementor-1673 .elementor-element.elementor-element-23a8559 .e-n-accordion-item > div[role="region"] p { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-23a8559 .duration-badge { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; padding: 8px 12px; border-radius: 999px; background: #ff8a00; border: 1px solid #e67600; color: #001169; font-size: 13px; font-weight: 800; line-height: 1; white-space: nowrap; position: relative; } /* highlight atas biar ada efek 3D */ .elementor-1673 .elementor-element.elementor-element-23a8559 .duration-badge::after { content: ""; position: absolute; inset: 0; border-radius: 999px; background: linear-gradient( to bottom, rgba(255,255,255,0.35), transparent 60% ); pointer-events: none; } .elementor-1673 .elementor-element.elementor-element-23a8559 .e-n-accordion-item-title-header, .elementor-1673 .elementor-element.elementor-element-23a8559 .duration-badge { transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fd2faaa */.elementor-1673 .elementor-element.elementor-element-fd2faaa { position: relative !important; overflow: hidden !important; background: linear-gradient(180deg, #233eb4, #1a2f8a) !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 34px 52px 42px 30px / 38px 44px 32px 48px !important; } .elementor-1673 .elementor-element.elementor-element-fd2faaa::before { content: "" !important; position: absolute !important; width: 400px !important; height: 400px !important; top: -100px !important; right: -100px !important; background: radial-gradient( circle, rgba(35,62,180,0.25), transparent 70% ) !important; filter: blur(60px) !important; pointer-events: none !important; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-297b3a3 */.elementor-1673 .elementor-element.elementor-element-297b3a3 .elementor-icon-list-items { display: flex; flex-direction: column; gap: 14px; } .elementor-1673 .elementor-element.elementor-element-297b3a3 .elementor-icon-list-item { display: flex; align-items: center; gap: 16px; padding: 14px 18px; background: #ffffff; border: 1px solid rgba(15, 40, 90, 0.08); border-radius: 22px 30px 24px 18px / 26px 28px 20px 30px; transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease; } .elementor-1673 .elementor-element.elementor-element-297b3a3 .elementor-icon-list-item:hover { transform: translateY(-2px); border-color: rgba(15, 40, 90, 0.16); } .elementor-1673 .elementor-element.elementor-element-297b3a3 .elementor-icon-list-icon { width: 40px; height: 40px; min-width: 40px; display: flex; align-items: center; justify-content: center; background: #f4f7ff; border: 1px solid rgba(15, 40, 90, 0.08); border-radius: 14px 18px 16px 12px / 16px 14px 18px 14px; transition: transform 0.25s ease; } .elementor-1673 .elementor-element.elementor-element-297b3a3 .elementor-icon-list-item:hover .elementor-icon-list-icon { transform: scale(1.05) rotate(-2deg); } .elementor-1673 .elementor-element.elementor-element-297b3a3 .elementor-icon-list-icon i, .elementor-1673 .elementor-element.elementor-element-297b3a3 .elementor-icon-list-icon svg { color: #1d4ed8; font-size: 15px; width: 15px; height: 15px; } .elementor-1673 .elementor-element.elementor-element-297b3a3 .elementor-icon-list-text { color: #1e2f4d; font-size: 16.5px; line-height: 1.5; font-weight: 500; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-92a503e */.elementor-1673 .elementor-element.elementor-element-92a503e { position: relative; overflow: visible; } .elementor-1673 .elementor-element.elementor-element-92a503e .elementor-widget-image img { border-radius: 28px; box-shadow: 0 30px 80px rgba(0, 35, 120, .18); } .elementor-1673 .elementor-element.elementor-element-92a503e .floating-card { position: absolute; z-index: 100; display: flex; align-items: center; gap: 14px; padding: 16px 20px; min-width: 210px; border-radius: 22px; background: rgba(255, 255, 255, .86); border: 1px solid rgba(255, 255, 255, .95); box-shadow: 0 22px 55px rgba(0, 35, 120, .18); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); } .elementor-1673 .elementor-element.elementor-element-92a503e .card-icon { width: 52px; height: 52px; min-width: 52px; border-radius: 50%; background: #eaf2ff; display: flex; align-items: center; justify-content: center; } .elementor-1673 .elementor-element.elementor-element-92a503e .card-icon svg { width: 30px; height: 30px; } .elementor-1673 .elementor-element.elementor-element-92a503e .floating-card span { display: block; color: #19345d; font-size: 14px; font-weight: 600; } .elementor-1673 .elementor-element.elementor-element-92a503e .floating-card strong { display: block; color: #006bff; font-size: 25px; font-weight: 800; line-height: 1.15; } .elementor-1673 .elementor-element.elementor-element-92a503e .card-exp { left: -48px; bottom: 150px; animation: floatUpDown 4s ease-in-out infinite; } .elementor-1673 .elementor-element.elementor-element-92a503e .card-brand { right: -62px; top:80px; animation: floatUpDown 4.8s ease-in-out infinite; } @keyframes floatUpDown { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-18px); } } @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-92a503e .floating-card { min-width: 160px; padding: 12px 14px; } .elementor-1673 .elementor-element.elementor-element-92a503e .card-exp { left: 10px; bottom: 20px; } .elementor-1673 .elementor-element.elementor-element-92a503e .card-brand { right: 10px; top: 24px; } .elementor-1673 .elementor-element.elementor-element-92a503e .floating-card strong { font-size: 19px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f807ba3 *//* container jadi reference */ .elementor-1673 .elementor-element.elementor-element-f807ba3 { position: relative; overflow: visible; } /* paksa HTML widget di atas */ .elementor-1673 .elementor-element.elementor-element-f807ba3 .elementor-widget-html { position: absolute; inset: 0; z-index: 99; pointer-events: none; } /* image di bawah */ .elementor-1673 .elementor-element.elementor-element-f807ba3 .elementor-widget-image { position: relative; z-index: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-146aeec */.elementor-1673 .elementor-element.elementor-element-146aeec { position: relative; overflow: hidden; background: linear-gradient( 180deg, #f6f9ff 0%, #eef4fb 50%, #f4f7fc 100% ); } /* Mesh grid setengah lingkaran di area atas */ .elementor-1673 .elementor-element.elementor-element-146aeec::before { content: ""; position: absolute; top: -170px; left: 50%; transform: translateX(-50%); width: 780px; height: 360px; border-radius: 0 0 999px 999px; background: linear-gradient(rgba(6, 21, 121, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 21, 121, 0.045) 1px, transparent 1px), radial-gradient(circle at center, rgba(6, 21, 121, 0.08), transparent 68%); background-size: 26px 26px, 26px 26px, auto; opacity: 0.55; pointer-events: none; z-index: 0; mask-image: radial-gradient( ellipse at center, #000 0%, #000 48%, transparent 76% ); -webkit-mask-image: radial-gradient( ellipse at center, #000 0%, #000 48%, transparent 76% ); } /* Soft glow kiri-kanan */ .elementor-1673 .elementor-element.elementor-element-146aeec::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at -10% -10%, rgba(66, 133, 244, 0.16), transparent 58%), radial-gradient(circle at 110% 110%, rgba(0, 174, 239, 0.12), transparent 58%); filter: blur(60px); pointer-events: none; z-index: 0; } /* Konten tetap di atas */ .elementor-1673 .elementor-element.elementor-element-146aeec > * { position: relative; z-index: 2; } /* Tablet */ @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-146aeec::before { top: -140px; width: 620px; height: 300px; background-size: 24px 24px, 24px 24px, auto; } } /* Mobile */ @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-146aeec::before { top: -110px; width: 420px; height: 240px; opacity: 0.45; background-size: 22px 22px, 22px 22px, auto; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e60403a */.elementor-1673 .elementor-element.elementor-element-e60403a { position: relative !important; overflow: hidden !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 24px !important; min-height: 170px !important; padding: 38px 42px !important; background: #ffffff !important; border: 1px solid #e6ecf5 !important; border-radius: 34px 52px 42px 30px / 38px 44px 32px 48px !important; box-shadow: none !important; transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-e60403a::before { content: "" !important; position: absolute !important; inset: 0 !important; background: radial-gradient( circle at top left, rgba(6, 21, 121, 0.045), transparent 42% ) !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-e60403a:hover { transform: translateY(-4px) !important; border-color: #cfd9eb !important; box-shadow: none !important; } .elementor-1673 .elementor-element.elementor-element-e60403a:hover::before { opacity: 1 !important; } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-widget-icon { position: relative !important; z-index: 1 !important; flex: 0 0 68px !important; width: 68px !important; height: 68px !important; } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-icon { width: 68px !important; height: 68px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 18px !important; background: #f0f3fa !important; border: 1px solid #d3ddf0 !important; transition: transform 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-icon svg { width: 26px !important; height: 26px !important; fill: #061579 !important; } .elementor-1673 .elementor-element.elementor-element-e60403a:hover .elementor-icon { transform: scale(1.05) rotate(-2deg) !important; background: #eef3ff !important; } .elementor-1673 .elementor-element.elementor-element-e60403a > .e-con { position: relative !important; z-index: 1 !important; flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-widget-heading { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-heading-title { margin: 0 !important; color: #001169 !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.25 !important; } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-widget-text-editor { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-widget-text-editor p { margin: 0 !important; color: #536176 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.55 !important; } @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-e60403a { padding: 32px 30px !important; gap: 20px !important; border-radius: 30px 44px 36px 28px / 34px 38px 30px 40px !important; } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-icon { flex-basis: 60px !important; width: 60px !important; height: 60px !important; border-radius: 16px !important; } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-heading-title { font-size: 20px !important; } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-widget-text-editor p { font-size: 16.5px !important; } } @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-e60403a { min-height: auto !important; padding: 26px 22px !important; gap: 16px !important; border-radius: 26px 36px 30px 24px / 30px 32px 26px 34px !important; } .elementor-1673 .elementor-element.elementor-element-e60403a:hover { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-icon { flex-basis: 52px !important; width: 52px !important; height: 52px !important; border-radius: 15px !important; } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-icon svg { width: 22px !important; height: 22px !important; } .elementor-1673 .elementor-element.elementor-element-e60403a:hover .elementor-icon { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-heading-title { font-size: 18px !important; line-height: 1.3 !important; } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-widget-text-editor p { font-size: 15.5px !important; line-height: 1.55 !important; } } @media (max-width: 480px) { .elementor-1673 .elementor-element.elementor-element-e60403a { padding: 22px 18px !important; gap: 14px !important; border-radius: 24px 32px 28px 22px / 28px 30px 24px 32px !important; } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-icon { flex-basis: 48px !important; width: 48px !important; height: 48px !important; } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-icon svg { width: 20px !important; height: 20px !important; } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-heading-title { font-size: 17px !important; } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-widget-text-editor p { font-size: 14.5px !important; } } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-widget-image { display: flex; align-items: center; justify-content: center; position: relative; } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-widget-image::before { content: ""; position: absolute; width: 120px; height: 120px; border-radius: 16px; background: linear-gradient(rgba(6, 21, 121, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 21, 121, 0.05) 1px, transparent 1px); background-size: 16px 16px; opacity: 0.5; z-index: 0; transform: rotate(6deg); } .elementor-1673 .elementor-element.elementor-element-e60403a .elementor-widget-image img { position: relative; z-index: 2; display: block; transition: transform 0.32s cubic-bezier(.22, 1, .36, 1); will-change: transform; } .elementor-1673 .elementor-element.elementor-element-e60403a:hover .elementor-widget-image img { transform: scale(1.06) rotate(-2deg); } .elementor-1673 .elementor-element.elementor-element-e60403a:hover .elementor-widget-image::before { opacity: 0.7; transform: rotate(8deg) scale(1.04); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-79d6f0d */.elementor-1673 .elementor-element.elementor-element-79d6f0d { position: relative !important; overflow: hidden !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 24px !important; min-height: 170px !important; padding: 38px 42px !important; background: #ffffff !important; border: 1px solid #e6ecf5 !important; border-radius: 34px 52px 42px 30px / 38px 44px 32px 48px !important; box-shadow: none !important; transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d::before { content: "" !important; position: absolute !important; inset: 0 !important; background: radial-gradient( circle at top left, rgba(6, 21, 121, 0.045), transparent 42% ) !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d:hover { transform: translateY(-4px) !important; border-color: #cfd9eb !important; box-shadow: none !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d:hover::before { opacity: 1 !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-widget-icon { position: relative !important; z-index: 1 !important; flex: 0 0 68px !important; width: 68px !important; height: 68px !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-icon { width: 68px !important; height: 68px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 18px !important; background: #f0f3fa !important; border: 1px solid #d3ddf0 !important; transition: transform 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-icon svg { width: 26px !important; height: 26px !important; fill: #061579 !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d:hover .elementor-icon { transform: scale(1.05) rotate(-2deg) !important; background: #eef3ff !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d > .e-con { position: relative !important; z-index: 1 !important; flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-widget-heading { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-heading-title { margin: 0 !important; color: #001169 !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.25 !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-widget-text-editor { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-widget-text-editor p { margin: 0 !important; color: #536176 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.55 !important; } @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-79d6f0d { padding: 32px 30px !important; gap: 20px !important; border-radius: 30px 44px 36px 28px / 34px 38px 30px 40px !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-icon { flex-basis: 60px !important; width: 60px !important; height: 60px !important; border-radius: 16px !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-heading-title { font-size: 20px !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-widget-text-editor p { font-size: 16.5px !important; } } @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-79d6f0d { min-height: auto !important; padding: 26px 22px !important; gap: 16px !important; border-radius: 26px 36px 30px 24px / 30px 32px 26px 34px !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d:hover { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-icon { flex-basis: 52px !important; width: 52px !important; height: 52px !important; border-radius: 15px !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-icon svg { width: 22px !important; height: 22px !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d:hover .elementor-icon { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-heading-title { font-size: 18px !important; line-height: 1.3 !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-widget-text-editor p { font-size: 15.5px !important; line-height: 1.55 !important; } } @media (max-width: 480px) { .elementor-1673 .elementor-element.elementor-element-79d6f0d { padding: 22px 18px !important; gap: 14px !important; border-radius: 24px 32px 28px 22px / 28px 30px 24px 32px !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-icon { flex-basis: 48px !important; width: 48px !important; height: 48px !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-icon svg { width: 20px !important; height: 20px !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-heading-title { font-size: 17px !important; } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-widget-text-editor p { font-size: 14.5px !important; } } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-widget-image { display: flex; align-items: center; justify-content: center; position: relative; } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-widget-image::before { content: ""; position: absolute; width: 120px; height: 120px; border-radius: 16px; background: linear-gradient(rgba(6, 21, 121, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 21, 121, 0.05) 1px, transparent 1px); background-size: 16px 16px; opacity: 0.5; z-index: 0; transform: rotate(6deg); } .elementor-1673 .elementor-element.elementor-element-79d6f0d .elementor-widget-image img { position: relative; z-index: 2; display: block; transition: transform 0.32s cubic-bezier(.22, 1, .36, 1); will-change: transform; } .elementor-1673 .elementor-element.elementor-element-79d6f0d:hover .elementor-widget-image img { transform: scale(1.06) rotate(-2deg); } .elementor-1673 .elementor-element.elementor-element-79d6f0d:hover .elementor-widget-image::before { opacity: 0.7; transform: rotate(8deg) scale(1.04); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e326440 */.elementor-1673 .elementor-element.elementor-element-e326440 { position: relative !important; overflow: hidden !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 24px !important; min-height: 170px !important; padding: 38px 42px !important; background: #ffffff !important; border: 1px solid #e6ecf5 !important; border-radius: 34px 52px 42px 30px / 38px 44px 32px 48px !important; box-shadow: none !important; transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-e326440::before { content: "" !important; position: absolute !important; inset: 0 !important; background: radial-gradient( circle at top left, rgba(6, 21, 121, 0.045), transparent 42% ) !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-e326440:hover { transform: translateY(-4px) !important; border-color: #cfd9eb !important; box-shadow: none !important; } .elementor-1673 .elementor-element.elementor-element-e326440:hover::before { opacity: 1 !important; } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-widget-icon { position: relative !important; z-index: 1 !important; flex: 0 0 68px !important; width: 68px !important; height: 68px !important; } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-icon { width: 68px !important; height: 68px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 18px !important; background: #f0f3fa !important; border: 1px solid #d3ddf0 !important; transition: transform 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-icon svg { width: 26px !important; height: 26px !important; fill: #061579 !important; } .elementor-1673 .elementor-element.elementor-element-e326440:hover .elementor-icon { transform: scale(1.05) rotate(-2deg) !important; background: #eef3ff !important; } .elementor-1673 .elementor-element.elementor-element-e326440 > .e-con { position: relative !important; z-index: 1 !important; flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-widget-heading { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-heading-title { margin: 0 !important; color: #001169 !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.25 !important; } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-widget-text-editor { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-widget-text-editor p { margin: 0 !important; color: #536176 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.55 !important; } @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-e326440 { padding: 32px 30px !important; gap: 20px !important; border-radius: 30px 44px 36px 28px / 34px 38px 30px 40px !important; } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-icon { flex-basis: 60px !important; width: 60px !important; height: 60px !important; border-radius: 16px !important; } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-heading-title { font-size: 20px !important; } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-widget-text-editor p { font-size: 16.5px !important; } } @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-e326440 { min-height: auto !important; padding: 26px 22px !important; gap: 16px !important; border-radius: 26px 36px 30px 24px / 30px 32px 26px 34px !important; } .elementor-1673 .elementor-element.elementor-element-e326440:hover { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-icon { flex-basis: 52px !important; width: 52px !important; height: 52px !important; border-radius: 15px !important; } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-icon svg { width: 22px !important; height: 22px !important; } .elementor-1673 .elementor-element.elementor-element-e326440:hover .elementor-icon { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-heading-title { font-size: 18px !important; line-height: 1.3 !important; } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-widget-text-editor p { font-size: 15.5px !important; line-height: 1.55 !important; } } @media (max-width: 480px) { .elementor-1673 .elementor-element.elementor-element-e326440 { padding: 22px 18px !important; gap: 14px !important; border-radius: 24px 32px 28px 22px / 28px 30px 24px 32px !important; } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-icon { flex-basis: 48px !important; width: 48px !important; height: 48px !important; } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-icon svg { width: 20px !important; height: 20px !important; } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-heading-title { font-size: 17px !important; } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-widget-text-editor p { font-size: 14.5px !important; } } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-widget-image { display: flex; align-items: center; justify-content: center; position: relative; } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-widget-image::before { content: ""; position: absolute; width: 120px; height: 120px; border-radius: 16px; background: linear-gradient(rgba(6, 21, 121, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 21, 121, 0.05) 1px, transparent 1px); background-size: 16px 16px; opacity: 0.5; z-index: 0; transform: rotate(6deg); } .elementor-1673 .elementor-element.elementor-element-e326440 .elementor-widget-image img { position: relative; z-index: 2; display: block; transition: transform 0.32s cubic-bezier(.22, 1, .36, 1); will-change: transform; } .elementor-1673 .elementor-element.elementor-element-e326440:hover .elementor-widget-image img { transform: scale(1.06) rotate(-2deg); } .elementor-1673 .elementor-element.elementor-element-e326440:hover .elementor-widget-image::before { opacity: 0.7; transform: rotate(8deg) scale(1.04); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ca648b */.elementor-1673 .elementor-element.elementor-element-1ca648b { position: relative; overflow: hidden; background: linear-gradient( 180deg, #f6f9ff 0%, #eef4fb 50%, #f4f7fc 100% ); } /* Mesh grid setengah lingkaran di area atas */ .elementor-1673 .elementor-element.elementor-element-1ca648b::before { content: ""; position: absolute; top: -170px; left: 50%; transform: translateX(-50%); width: 780px; height: 360px; border-radius: 0 0 999px 999px; background: linear-gradient(rgba(6, 21, 121, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 21, 121, 0.045) 1px, transparent 1px), radial-gradient(circle at center, rgba(6, 21, 121, 0.08), transparent 68%); background-size: 26px 26px, 26px 26px, auto; opacity: 0.55; pointer-events: none; z-index: 0; mask-image: radial-gradient( ellipse at center, #000 0%, #000 48%, transparent 76% ); -webkit-mask-image: radial-gradient( ellipse at center, #000 0%, #000 48%, transparent 76% ); } /* Soft glow kiri-kanan */ .elementor-1673 .elementor-element.elementor-element-1ca648b::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at -10% -10%, rgba(66, 133, 244, 0.16), transparent 58%), radial-gradient(circle at 110% 110%, rgba(0, 174, 239, 0.12), transparent 58%); filter: blur(60px); pointer-events: none; z-index: 0; } /* Konten tetap di atas */ .elementor-1673 .elementor-element.elementor-element-1ca648b > * { position: relative; z-index: 2; } /* Tablet */ @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-1ca648b::before { top: -140px; width: 620px; height: 300px; background-size: 24px 24px, 24px 24px, auto; } } /* Mobile */ @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-1ca648b::before { top: -110px; width: 420px; height: 240px; opacity: 0.45; background-size: 22px 22px, 22px 22px, auto; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1713251 */.review-stats { width: 100%; padding: 48px 5%; background: transparent; color: #001169; font-family: inherit; } .review-container { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 48px; } .review-title { font-size: 42px; font-weight: 600; margin: 0; color: #001169; line-height: 1.25; } .review-stats-group { display: flex; align-items: flex-start; gap: 56px; } .stat-item { display: flex; flex-direction: column; gap: 6px; position: relative; } .stat-value { font-size: 40px; font-weight: 600; line-height: 1; color: #ff8a00; letter-spacing: -0.3px; } .stat-label { font-size: 15px; line-height: 1.45; color: #001169; opacity: 0.7; } .stat-item:not(:last-child)::after { content: ""; position: absolute; right: -28px; top: 50%; transform: translateY(-50%); width: 1px; height: 32px; background: rgba(0, 17, 105, 0.1); } @media (max-width: 1024px) { .review-container { gap: 32px; } .review-title { font-size: 34px; } .review-stats-group { gap: 36px; } .stat-value { font-size: 34px; } .stat-label { font-size: 14px; } .stat-item:not(:last-child)::after { right: -18px; height: 28px; } } @media (max-width: 767px) { .review-stats { padding: 36px 20px; } .review-container { flex-direction: column; align-items: flex-start; gap: 24px; } .review-title { font-size: 28px; } .review-stats-group { width: 100%; display: grid; grid-template-columns: 1fr; gap: 18px; } .stat-item { padding-bottom: 14px; border-bottom: 1px solid rgba(0, 17, 105, 0.1); } .stat-item:last-child { border-bottom: none; padding-bottom: 0; } .stat-item::after { display: none; } .stat-value { font-size: 30px; } .stat-label { font-size: 14px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6a4a45b */.testimonial-section { width: 100%; padding: 40px 0; background: transparent; overflow: hidden; font-family: inherit; /* ikut font container */ } .testimonial-carousel { width: 100%; overflow: hidden; } .testimonial-track { display: flex; gap: 22px; width: max-content; padding: 10px 24px; animation: testimonialLoop 28s linear infinite; } .testimonial-carousel:hover .testimonial-track { animation-play-state: paused; } .testimonial-card { width: 275px; min-height: 285px; padding: 26px 22px 22px; border-radius: 24px; background: #ffffff; border: 1px solid #e6eaf2; display: flex; flex-direction: column; justify-content: space-between; flex-shrink: 0; transition: all 0.25s ease; } .testimonial-card:hover { transform: translateY(-6px); border-color: #001b86; } .quote-icon { font-size: 38px; /* diperbesar */ color: #ff4d4f; line-height: 0.8; font-weight: 800; margin-bottom: 10px; } .quote-text { font-size: 18px; /* diperbesar */ line-height: 1.6; color: #2d3b55; margin: 0; } .profile { display: flex; align-items: center; gap: 15px; margin-top: -20px; } .avatar { width: 42px; height: 42px; border-radius: 50%; color: #ffffff; font-weight: 800; font-size: 13px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .avatar.blue { background: #001b86; } .avatar.orange { background: linear-gradient(135deg, #ff7a00, #e11d48); } .profile h4 { margin-bottom: -5px; font-size: 15.5px; /* diperbesar */ font-weight: 500; color: #111827; } .profile span { font-size: 13.5px; /* diperbesar */ color: #8b97b1; } @keyframes testimonialLoop { from { transform: translateX(0); } to { transform: translateX(calc(-50% - 11px)); } } /* Tablet */ @media (max-width: 1024px) { .testimonial-track { gap: 18px; animation-duration: 24s; } .testimonial-card { width: 260px; } } /* Mobile */ @media (max-width: 767px) { .testimonial-section { padding: 28px 0; } .testimonial-track { gap: 16px; padding: 8px 16px; animation-duration: 20s; } .testimonial-card { width: 240px; min-height: 270px; padding: 24px 20px 20px; border-radius: 22px; } .quote-icon { font-size: 32px; } .quote-text { font-size: 15px; line-height: 1.65; } .avatar { width: 38px; height: 38px; font-size: 12px; } .profile h4 { font-size: 14px; } .profile span { font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8d3ea7e */.elementor-1673 .elementor-element.elementor-element-8d3ea7e { position: relative; overflow: hidden; background: linear-gradient( 180deg, #f6f9ff 0%, #eef4fb 50%, #f4f7fc 100% ); } /* Mesh grid setengah lingkaran di area atas */ .elementor-1673 .elementor-element.elementor-element-8d3ea7e::before { content: ""; position: absolute; top: -170px; left: 50%; transform: translateX(-50%); width: 780px; height: 360px; border-radius: 0 0 999px 999px; background: linear-gradient(rgba(6, 21, 121, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 21, 121, 0.045) 1px, transparent 1px), radial-gradient(circle at center, rgba(6, 21, 121, 0.08), transparent 68%); background-size: 26px 26px, 26px 26px, auto; opacity: 0.55; pointer-events: none; z-index: 0; mask-image: radial-gradient( ellipse at center, #000 0%, #000 48%, transparent 76% ); -webkit-mask-image: radial-gradient( ellipse at center, #000 0%, #000 48%, transparent 76% ); } /* Soft glow kiri-kanan */ .elementor-1673 .elementor-element.elementor-element-8d3ea7e::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at -10% -10%, rgba(66, 133, 244, 0.16), transparent 58%), radial-gradient(circle at 110% 110%, rgba(0, 174, 239, 0.12), transparent 58%); filter: blur(60px); pointer-events: none; z-index: 0; } /* Konten tetap di atas */ .elementor-1673 .elementor-element.elementor-element-8d3ea7e > * { position: relative; z-index: 2; } /* Tablet */ @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-8d3ea7e::before { top: -140px; width: 620px; height: 300px; background-size: 24px 24px, 24px 24px, auto; } } /* Mobile */ @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-8d3ea7e::before { top: -110px; width: 420px; height: 240px; opacity: 0.45; background-size: 22px 22px, 22px 22px, auto; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9638623 */.elementor-1673 .elementor-element.elementor-element-9638623 { position: relative !important; overflow: hidden !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 24px !important; min-height: 170px !important; padding: 38px 42px !important; background: #ffffff !important; border: 1px solid #e6ecf5 !important; border-radius: 34px 52px 42px 30px / 38px 44px 32px 48px !important; box-shadow: none !important; transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-9638623::before { content: "" !important; position: absolute !important; inset: 0 !important; background: radial-gradient( circle at top left, rgba(6, 21, 121, 0.045), transparent 42% ) !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-9638623:hover { transform: translateY(-4px) !important; border-color: #cfd9eb !important; box-shadow: none !important; } .elementor-1673 .elementor-element.elementor-element-9638623:hover::before { opacity: 1 !important; } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-widget-icon { position: relative !important; z-index: 1 !important; flex: 0 0 68px !important; width: 68px !important; height: 68px !important; } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-icon { width: 68px !important; height: 68px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 18px !important; background: #f0f3fa !important; border: 1px solid #d3ddf0 !important; transition: transform 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-icon svg { width: 26px !important; height: 26px !important; fill: #061579 !important; } .elementor-1673 .elementor-element.elementor-element-9638623:hover .elementor-icon { transform: scale(1.05) rotate(-2deg) !important; background: #eef3ff !important; } .elementor-1673 .elementor-element.elementor-element-9638623 > .e-con { position: relative !important; z-index: 1 !important; flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-widget-heading { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-heading-title { margin: 0 !important; color: #001169 !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.25 !important; } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-widget-text-editor { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-widget-text-editor p { margin: 0 !important; color: #536176 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.55 !important; } @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-9638623 { padding: 32px 30px !important; gap: 20px !important; border-radius: 30px 44px 36px 28px / 34px 38px 30px 40px !important; } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-icon { flex-basis: 60px !important; width: 60px !important; height: 60px !important; border-radius: 16px !important; } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-heading-title { font-size: 20px !important; } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-widget-text-editor p { font-size: 16.5px !important; } } @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-9638623 { min-height: auto !important; padding: 26px 22px !important; gap: 16px !important; border-radius: 26px 36px 30px 24px / 30px 32px 26px 34px !important; } .elementor-1673 .elementor-element.elementor-element-9638623:hover { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-icon { flex-basis: 52px !important; width: 52px !important; height: 52px !important; border-radius: 15px !important; } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-icon svg { width: 22px !important; height: 22px !important; } .elementor-1673 .elementor-element.elementor-element-9638623:hover .elementor-icon { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-heading-title { font-size: 18px !important; line-height: 1.3 !important; } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-widget-text-editor p { font-size: 15.5px !important; line-height: 1.55 !important; } } @media (max-width: 480px) { .elementor-1673 .elementor-element.elementor-element-9638623 { padding: 22px 18px !important; gap: 14px !important; border-radius: 24px 32px 28px 22px / 28px 30px 24px 32px !important; } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-icon { flex-basis: 48px !important; width: 48px !important; height: 48px !important; } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-icon svg { width: 20px !important; height: 20px !important; } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-heading-title { font-size: 17px !important; } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-widget-text-editor p { font-size: 14.5px !important; } } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-widget-image { display: flex; align-items: center; justify-content: center; position: relative; } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-widget-image::before { content: ""; position: absolute; width: 120px; height: 120px; border-radius: 16px; background: linear-gradient(rgba(6, 21, 121, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 21, 121, 0.05) 1px, transparent 1px); background-size: 16px 16px; opacity: 0.5; z-index: 0; transform: rotate(6deg); } .elementor-1673 .elementor-element.elementor-element-9638623 .elementor-widget-image img { position: relative; z-index: 2; display: block; transition: transform 0.32s cubic-bezier(.22, 1, .36, 1); will-change: transform; } .elementor-1673 .elementor-element.elementor-element-9638623:hover .elementor-widget-image img { transform: scale(1.06) rotate(-2deg); } .elementor-1673 .elementor-element.elementor-element-9638623:hover .elementor-widget-image::before { opacity: 0.7; transform: rotate(8deg) scale(1.04); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4858a72 */.elementor-1673 .elementor-element.elementor-element-4858a72 { position: relative !important; overflow: hidden !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 24px !important; min-height: 170px !important; padding: 38px 42px !important; background: #ffffff !important; border: 1px solid #e6ecf5 !important; border-radius: 34px 52px 42px 30px / 38px 44px 32px 48px !important; box-shadow: none !important; transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-4858a72::before { content: "" !important; position: absolute !important; inset: 0 !important; background: radial-gradient( circle at top left, rgba(6, 21, 121, 0.045), transparent 42% ) !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-4858a72:hover { transform: translateY(-4px) !important; border-color: #cfd9eb !important; box-shadow: none !important; } .elementor-1673 .elementor-element.elementor-element-4858a72:hover::before { opacity: 1 !important; } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-widget-icon { position: relative !important; z-index: 1 !important; flex: 0 0 68px !important; width: 68px !important; height: 68px !important; } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-icon { width: 68px !important; height: 68px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 18px !important; background: #f0f3fa !important; border: 1px solid #d3ddf0 !important; transition: transform 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-icon svg { width: 26px !important; height: 26px !important; fill: #061579 !important; } .elementor-1673 .elementor-element.elementor-element-4858a72:hover .elementor-icon { transform: scale(1.05) rotate(-2deg) !important; background: #eef3ff !important; } .elementor-1673 .elementor-element.elementor-element-4858a72 > .e-con { position: relative !important; z-index: 1 !important; flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-widget-heading { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-heading-title { margin: 0 !important; color: #001169 !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.25 !important; } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-widget-text-editor { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-widget-text-editor p { margin: 0 !important; color: #536176 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.55 !important; } @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-4858a72 { padding: 32px 30px !important; gap: 20px !important; border-radius: 30px 44px 36px 28px / 34px 38px 30px 40px !important; } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-icon { flex-basis: 60px !important; width: 60px !important; height: 60px !important; border-radius: 16px !important; } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-heading-title { font-size: 20px !important; } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-widget-text-editor p { font-size: 16.5px !important; } } @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-4858a72 { min-height: auto !important; padding: 26px 22px !important; gap: 16px !important; border-radius: 26px 36px 30px 24px / 30px 32px 26px 34px !important; } .elementor-1673 .elementor-element.elementor-element-4858a72:hover { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-icon { flex-basis: 52px !important; width: 52px !important; height: 52px !important; border-radius: 15px !important; } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-icon svg { width: 22px !important; height: 22px !important; } .elementor-1673 .elementor-element.elementor-element-4858a72:hover .elementor-icon { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-heading-title { font-size: 18px !important; line-height: 1.3 !important; } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-widget-text-editor p { font-size: 15.5px !important; line-height: 1.55 !important; } } @media (max-width: 480px) { .elementor-1673 .elementor-element.elementor-element-4858a72 { padding: 22px 18px !important; gap: 14px !important; border-radius: 24px 32px 28px 22px / 28px 30px 24px 32px !important; } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-icon { flex-basis: 48px !important; width: 48px !important; height: 48px !important; } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-icon svg { width: 20px !important; height: 20px !important; } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-heading-title { font-size: 17px !important; } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-widget-text-editor p { font-size: 14.5px !important; } } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-widget-image { display: flex; align-items: center; justify-content: center; position: relative; } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-widget-image::before { content: ""; position: absolute; width: 120px; height: 120px; border-radius: 16px; background: linear-gradient(rgba(6, 21, 121, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 21, 121, 0.05) 1px, transparent 1px); background-size: 16px 16px; opacity: 0.5; z-index: 0; transform: rotate(6deg); } .elementor-1673 .elementor-element.elementor-element-4858a72 .elementor-widget-image img { position: relative; z-index: 2; display: block; transition: transform 0.32s cubic-bezier(.22, 1, .36, 1); will-change: transform; } .elementor-1673 .elementor-element.elementor-element-4858a72:hover .elementor-widget-image img { transform: scale(1.06) rotate(-2deg); } .elementor-1673 .elementor-element.elementor-element-4858a72:hover .elementor-widget-image::before { opacity: 0.7; transform: rotate(8deg) scale(1.04); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1f96868 */.elementor-1673 .elementor-element.elementor-element-1f96868 { position: relative !important; overflow: hidden !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 24px !important; min-height: 170px !important; padding: 38px 42px !important; background: #ffffff !important; border: 1px solid #e6ecf5 !important; border-radius: 34px 52px 42px 30px / 38px 44px 32px 48px !important; box-shadow: none !important; transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-1f96868::before { content: "" !important; position: absolute !important; inset: 0 !important; background: radial-gradient( circle at top left, rgba(6, 21, 121, 0.045), transparent 42% ) !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-1f96868:hover { transform: translateY(-4px) !important; border-color: #cfd9eb !important; box-shadow: none !important; } .elementor-1673 .elementor-element.elementor-element-1f96868:hover::before { opacity: 1 !important; } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-widget-icon { position: relative !important; z-index: 1 !important; flex: 0 0 68px !important; width: 68px !important; height: 68px !important; } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-icon { width: 68px !important; height: 68px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 18px !important; background: #f0f3fa !important; border: 1px solid #d3ddf0 !important; transition: transform 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-icon svg { width: 26px !important; height: 26px !important; fill: #061579 !important; } .elementor-1673 .elementor-element.elementor-element-1f96868:hover .elementor-icon { transform: scale(1.05) rotate(-2deg) !important; background: #eef3ff !important; } .elementor-1673 .elementor-element.elementor-element-1f96868 > .e-con { position: relative !important; z-index: 1 !important; flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-widget-heading { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-heading-title { margin: 0 !important; color: #001169 !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.25 !important; } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-widget-text-editor { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-widget-text-editor p { margin: 0 !important; color: #536176 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.55 !important; } @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-1f96868 { padding: 32px 30px !important; gap: 20px !important; border-radius: 30px 44px 36px 28px / 34px 38px 30px 40px !important; } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-icon { flex-basis: 60px !important; width: 60px !important; height: 60px !important; border-radius: 16px !important; } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-heading-title { font-size: 20px !important; } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-widget-text-editor p { font-size: 16.5px !important; } } @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-1f96868 { min-height: auto !important; padding: 26px 22px !important; gap: 16px !important; border-radius: 26px 36px 30px 24px / 30px 32px 26px 34px !important; } .elementor-1673 .elementor-element.elementor-element-1f96868:hover { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-icon { flex-basis: 52px !important; width: 52px !important; height: 52px !important; border-radius: 15px !important; } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-icon svg { width: 22px !important; height: 22px !important; } .elementor-1673 .elementor-element.elementor-element-1f96868:hover .elementor-icon { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-heading-title { font-size: 18px !important; line-height: 1.3 !important; } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-widget-text-editor p { font-size: 15.5px !important; line-height: 1.55 !important; } } @media (max-width: 480px) { .elementor-1673 .elementor-element.elementor-element-1f96868 { padding: 22px 18px !important; gap: 14px !important; border-radius: 24px 32px 28px 22px / 28px 30px 24px 32px !important; } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-icon { flex-basis: 48px !important; width: 48px !important; height: 48px !important; } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-icon svg { width: 20px !important; height: 20px !important; } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-heading-title { font-size: 17px !important; } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-widget-text-editor p { font-size: 14.5px !important; } } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-widget-image { display: flex; align-items: center; justify-content: center; position: relative; } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-widget-image::before { content: ""; position: absolute; width: 120px; height: 120px; border-radius: 16px; background: linear-gradient(rgba(6, 21, 121, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 21, 121, 0.05) 1px, transparent 1px); background-size: 16px 16px; opacity: 0.5; z-index: 0; transform: rotate(6deg); } .elementor-1673 .elementor-element.elementor-element-1f96868 .elementor-widget-image img { position: relative; z-index: 2; display: block; transition: transform 0.32s cubic-bezier(.22, 1, .36, 1); will-change: transform; } .elementor-1673 .elementor-element.elementor-element-1f96868:hover .elementor-widget-image img { transform: scale(1.06) rotate(-2deg); } .elementor-1673 .elementor-element.elementor-element-1f96868:hover .elementor-widget-image::before { opacity: 0.7; transform: rotate(8deg) scale(1.04); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2dd8f42 */.elementor-1673 .elementor-element.elementor-element-2dd8f42 { position: relative; overflow: hidden; background: linear-gradient( 180deg, #f6f9ff 0%, #eef4fb 50%, #f4f7fc 100% ); } /* Mesh grid setengah lingkaran di area atas */ .elementor-1673 .elementor-element.elementor-element-2dd8f42::before { content: ""; position: absolute; top: -170px; left: 50%; transform: translateX(-50%); width: 780px; height: 360px; border-radius: 0 0 999px 999px; background: linear-gradient(rgba(6, 21, 121, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 21, 121, 0.045) 1px, transparent 1px), radial-gradient(circle at center, rgba(6, 21, 121, 0.08), transparent 68%); background-size: 26px 26px, 26px 26px, auto; opacity: 0.55; pointer-events: none; z-index: 0; mask-image: radial-gradient( ellipse at center, #000 0%, #000 48%, transparent 76% ); -webkit-mask-image: radial-gradient( ellipse at center, #000 0%, #000 48%, transparent 76% ); } /* Soft glow kiri-kanan */ .elementor-1673 .elementor-element.elementor-element-2dd8f42::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at -10% -10%, rgba(66, 133, 244, 0.16), transparent 58%), radial-gradient(circle at 110% 110%, rgba(0, 174, 239, 0.12), transparent 58%); filter: blur(60px); pointer-events: none; z-index: 0; } /* Konten tetap di atas */ .elementor-1673 .elementor-element.elementor-element-2dd8f42 > * { position: relative; z-index: 2; } /* Tablet */ @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-2dd8f42::before { top: -140px; width: 620px; height: 300px; background-size: 24px 24px, 24px 24px, auto; } } /* Mobile */ @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-2dd8f42::before { top: -110px; width: 420px; height: 240px; opacity: 0.45; background-size: 22px 22px, 22px 22px, auto; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a207b1f */.elementor-1673 .elementor-element.elementor-element-a207b1f { position: relative !important; overflow: hidden !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 24px !important; min-height: 170px !important; padding: 38px 42px !important; background: #ffffff !important; border: 1px solid #e6ecf5 !important; border-radius: 34px 52px 42px 30px / 38px 44px 32px 48px !important; box-shadow: none !important; transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f::before { content: "" !important; position: absolute !important; inset: 0 !important; background: radial-gradient( circle at top left, rgba(6, 21, 121, 0.045), transparent 42% ) !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f:hover { transform: translateY(-4px) !important; border-color: #cfd9eb !important; box-shadow: none !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f:hover::before { opacity: 1 !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-widget-icon { position: relative !important; z-index: 1 !important; flex: 0 0 68px !important; width: 68px !important; height: 68px !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-icon { width: 68px !important; height: 68px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 18px !important; background: #f0f3fa !important; border: 1px solid #d3ddf0 !important; transition: transform 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-icon svg { width: 26px !important; height: 26px !important; fill: #061579 !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f:hover .elementor-icon { transform: scale(1.05) rotate(-2deg) !important; background: #eef3ff !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f > .e-con { position: relative !important; z-index: 1 !important; flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-widget-heading { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-heading-title { margin: 0 !important; color: #001169 !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.25 !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-widget-text-editor { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-widget-text-editor p { margin: 0 !important; color: #536176 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.55 !important; } @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-a207b1f { padding: 32px 30px !important; gap: 20px !important; border-radius: 30px 44px 36px 28px / 34px 38px 30px 40px !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-icon { flex-basis: 60px !important; width: 60px !important; height: 60px !important; border-radius: 16px !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-heading-title { font-size: 20px !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-widget-text-editor p { font-size: 16.5px !important; } } @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-a207b1f { min-height: auto !important; padding: 26px 22px !important; gap: 16px !important; border-radius: 26px 36px 30px 24px / 30px 32px 26px 34px !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f:hover { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-icon { flex-basis: 52px !important; width: 52px !important; height: 52px !important; border-radius: 15px !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-icon svg { width: 22px !important; height: 22px !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f:hover .elementor-icon { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-heading-title { font-size: 18px !important; line-height: 1.3 !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-widget-text-editor p { font-size: 15.5px !important; line-height: 1.55 !important; } } @media (max-width: 480px) { .elementor-1673 .elementor-element.elementor-element-a207b1f { padding: 22px 18px !important; gap: 14px !important; border-radius: 24px 32px 28px 22px / 28px 30px 24px 32px !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-icon { flex-basis: 48px !important; width: 48px !important; height: 48px !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-icon svg { width: 20px !important; height: 20px !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-heading-title { font-size: 17px !important; } .elementor-1673 .elementor-element.elementor-element-a207b1f .elementor-widget-text-editor p { font-size: 14.5px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1cc175b */.elementor-1673 .elementor-element.elementor-element-1cc175b { position: relative !important; overflow: hidden !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 24px !important; min-height: 170px !important; padding: 38px 42px !important; background: #ffffff !important; border: 1px solid #e6ecf5 !important; border-radius: 34px 52px 42px 30px / 38px 44px 32px 48px !important; box-shadow: none !important; transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b::before { content: "" !important; position: absolute !important; inset: 0 !important; background: radial-gradient( circle at top left, rgba(6, 21, 121, 0.045), transparent 42% ) !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b:hover { transform: translateY(-4px) !important; border-color: #cfd9eb !important; box-shadow: none !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b:hover::before { opacity: 1 !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-widget-icon { position: relative !important; z-index: 1 !important; flex: 0 0 68px !important; width: 68px !important; height: 68px !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-icon { width: 68px !important; height: 68px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 18px !important; background: #f0f3fa !important; border: 1px solid #d3ddf0 !important; transition: transform 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-icon svg { width: 26px !important; height: 26px !important; fill: #061579 !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b:hover .elementor-icon { transform: scale(1.05) rotate(-2deg) !important; background: #eef3ff !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b > .e-con { position: relative !important; z-index: 1 !important; flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-widget-heading { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-heading-title { margin: 0 !important; color: #001169 !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.25 !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-widget-text-editor { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-widget-text-editor p { margin: 0 !important; color: #536176 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.55 !important; } @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-1cc175b { padding: 32px 30px !important; gap: 20px !important; border-radius: 30px 44px 36px 28px / 34px 38px 30px 40px !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-icon { flex-basis: 60px !important; width: 60px !important; height: 60px !important; border-radius: 16px !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-heading-title { font-size: 20px !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-widget-text-editor p { font-size: 16.5px !important; } } @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-1cc175b { min-height: auto !important; padding: 26px 22px !important; gap: 16px !important; border-radius: 26px 36px 30px 24px / 30px 32px 26px 34px !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b:hover { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-icon { flex-basis: 52px !important; width: 52px !important; height: 52px !important; border-radius: 15px !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-icon svg { width: 22px !important; height: 22px !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b:hover .elementor-icon { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-heading-title { font-size: 18px !important; line-height: 1.3 !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-widget-text-editor p { font-size: 15.5px !important; line-height: 1.55 !important; } } @media (max-width: 480px) { .elementor-1673 .elementor-element.elementor-element-1cc175b { padding: 22px 18px !important; gap: 14px !important; border-radius: 24px 32px 28px 22px / 28px 30px 24px 32px !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-icon { flex-basis: 48px !important; width: 48px !important; height: 48px !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-icon svg { width: 20px !important; height: 20px !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-heading-title { font-size: 17px !important; } .elementor-1673 .elementor-element.elementor-element-1cc175b .elementor-widget-text-editor p { font-size: 14.5px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2e740ec */.elementor-1673 .elementor-element.elementor-element-2e740ec { position: relative !important; overflow: hidden !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 24px !important; min-height: 170px !important; padding: 38px 42px !important; background: #ffffff !important; border: 1px solid #e6ecf5 !important; border-radius: 34px 52px 42px 30px / 38px 44px 32px 48px !important; box-shadow: none !important; transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec::before { content: "" !important; position: absolute !important; inset: 0 !important; background: radial-gradient( circle at top left, rgba(6, 21, 121, 0.045), transparent 42% ) !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec:hover { transform: translateY(-4px) !important; border-color: #cfd9eb !important; box-shadow: none !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec:hover::before { opacity: 1 !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-widget-icon { position: relative !important; z-index: 1 !important; flex: 0 0 68px !important; width: 68px !important; height: 68px !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-icon { width: 68px !important; height: 68px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 18px !important; background: #f0f3fa !important; border: 1px solid #d3ddf0 !important; transition: transform 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-icon svg { width: 26px !important; height: 26px !important; fill: #061579 !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec:hover .elementor-icon { transform: scale(1.05) rotate(-2deg) !important; background: #eef3ff !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec > .e-con { position: relative !important; z-index: 1 !important; flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-widget-heading { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-heading-title { margin: 0 !important; color: #001169 !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.25 !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-widget-text-editor { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-widget-text-editor p { margin: 0 !important; color: #536176 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.55 !important; } @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-2e740ec { padding: 32px 30px !important; gap: 20px !important; border-radius: 30px 44px 36px 28px / 34px 38px 30px 40px !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-icon { flex-basis: 60px !important; width: 60px !important; height: 60px !important; border-radius: 16px !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-heading-title { font-size: 20px !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-widget-text-editor p { font-size: 16.5px !important; } } @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-2e740ec { min-height: auto !important; padding: 26px 22px !important; gap: 16px !important; border-radius: 26px 36px 30px 24px / 30px 32px 26px 34px !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec:hover { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-icon { flex-basis: 52px !important; width: 52px !important; height: 52px !important; border-radius: 15px !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-icon svg { width: 22px !important; height: 22px !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec:hover .elementor-icon { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-heading-title { font-size: 18px !important; line-height: 1.3 !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-widget-text-editor p { font-size: 15.5px !important; line-height: 1.55 !important; } } @media (max-width: 480px) { .elementor-1673 .elementor-element.elementor-element-2e740ec { padding: 22px 18px !important; gap: 14px !important; border-radius: 24px 32px 28px 22px / 28px 30px 24px 32px !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-icon { flex-basis: 48px !important; width: 48px !important; height: 48px !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-icon svg { width: 20px !important; height: 20px !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-heading-title { font-size: 17px !important; } .elementor-1673 .elementor-element.elementor-element-2e740ec .elementor-widget-text-editor p { font-size: 14.5px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8898176 */.elementor-1673 .elementor-element.elementor-element-8898176 { position: relative !important; overflow: hidden !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 24px !important; min-height: 170px !important; padding: 38px 42px !important; background: #ffffff !important; border: 1px solid #e6ecf5 !important; border-radius: 34px 52px 42px 30px / 38px 44px 32px 48px !important; box-shadow: none !important; transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-8898176::before { content: "" !important; position: absolute !important; inset: 0 !important; background: radial-gradient( circle at top left, rgba(6, 21, 121, 0.045), transparent 42% ) !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-8898176:hover { transform: translateY(-4px) !important; border-color: #cfd9eb !important; box-shadow: none !important; } .elementor-1673 .elementor-element.elementor-element-8898176:hover::before { opacity: 1 !important; } .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-widget-icon { position: relative !important; z-index: 1 !important; flex: 0 0 68px !important; width: 68px !important; height: 68px !important; } .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-icon { width: 68px !important; height: 68px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 18px !important; background: #f0f3fa !important; border: 1px solid #d3ddf0 !important; transition: transform 0.25s ease, background-color 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-icon svg { width: 26px !important; height: 26px !important; fill: #061579 !important; } .elementor-1673 .elementor-element.elementor-element-8898176:hover .elementor-icon { transform: scale(1.05) rotate(-2deg) !important; background: #eef3ff !important; } .elementor-1673 .elementor-element.elementor-element-8898176 > .e-con { position: relative !important; z-index: 1 !important; flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; } .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-widget-heading { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-heading-title { margin: 0 !important; color: #001169 !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.25 !important; } .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-widget-text-editor { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-widget-text-editor p { margin: 0 !important; color: #536176 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.55 !important; } @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-8898176 { padding: 32px 30px !important; gap: 20px !important; border-radius: 30px 44px 36px 28px / 34px 38px 30px 40px !important; } .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-icon { flex-basis: 60px !important; width: 60px !important; height: 60px !important; border-radius: 16px !important; } .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-heading-title { font-size: 20px !important; } .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-widget-text-editor p { font-size: 16.5px !important; } } @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-8898176 { min-height: auto !important; padding: 26px 22px !important; gap: 16px !important; border-radius: 26px 36px 30px 24px / 30px 32px 26px 34px !important; } .elementor-1673 .elementor-element.elementor-element-8898176:hover { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-icon { flex-basis: 52px !important; width: 52px !important; height: 52px !important; border-radius: 15px !important; } .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-icon svg { width: 22px !important; height: 22px !important; } .elementor-1673 .elementor-element.elementor-element-8898176:hover .elementor-icon { transform: none !important; } .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-heading-title { font-size: 18px !important; line-height: 1.3 !important; } .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-widget-text-editor p { font-size: 15.5px !important; line-height: 1.55 !important; } } @media (max-width: 480px) { .elementor-1673 .elementor-element.elementor-element-8898176 { padding: 22px 18px !important; gap: 14px !important; border-radius: 24px 32px 28px 22px / 28px 30px 24px 32px !important; } .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-widget-icon, .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-icon-wrapper, .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-icon { flex-basis: 48px !important; width: 48px !important; height: 48px !important; } .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-icon svg { width: 20px !important; height: 20px !important; } .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-heading-title { font-size: 17px !important; } .elementor-1673 .elementor-element.elementor-element-8898176 .elementor-widget-text-editor p { font-size: 14.5px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b189b13 */.elementor-1673 .elementor-element.elementor-element-b189b13 { position: relative; overflow: hidden; background: linear-gradient( 180deg, #f6f9ff 0%, #eef4fb 50%, #f4f7fc 100% ); } /* Mesh grid setengah lingkaran di area atas */ .elementor-1673 .elementor-element.elementor-element-b189b13::before { content: ""; position: absolute; top: -170px; left: 50%; transform: translateX(-50%); width: 780px; height: 360px; border-radius: 0 0 999px 999px; background: linear-gradient(rgba(6, 21, 121, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 21, 121, 0.045) 1px, transparent 1px), radial-gradient(circle at center, rgba(6, 21, 121, 0.08), transparent 68%); background-size: 26px 26px, 26px 26px, auto; opacity: 0.55; pointer-events: none; z-index: 0; mask-image: radial-gradient( ellipse at center, #000 0%, #000 48%, transparent 76% ); -webkit-mask-image: radial-gradient( ellipse at center, #000 0%, #000 48%, transparent 76% ); } /* Soft glow kiri-kanan */ .elementor-1673 .elementor-element.elementor-element-b189b13::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at -10% -10%, rgba(66, 133, 244, 0.16), transparent 58%), radial-gradient(circle at 110% 110%, rgba(0, 174, 239, 0.12), transparent 58%); filter: blur(60px); pointer-events: none; z-index: 0; } /* Konten tetap di atas */ .elementor-1673 .elementor-element.elementor-element-b189b13 > * { position: relative; z-index: 2; } /* Tablet */ @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-b189b13::before { top: -140px; width: 620px; height: 300px; background-size: 24px 24px, 24px 24px, auto; } } /* Mobile */ @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-b189b13::before { top: -110px; width: 420px; height: 240px; opacity: 0.45; background-size: 22px 22px, 22px 22px, auto; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1cc521b */.pricing-grid-custom { width: 100%; max-width: 940px; margin: 60px auto 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; align-items: flex-start; } /* CARD */ .price-card-custom { position: relative; min-width: 0; overflow: visible; background: #ffffff; border: 1px solid rgba(35, 62, 180, 0.12); border-radius: 26px 32px 28px 22px / 28px 26px 32px 24px; padding: 56px 42px 40px; /* ruang untuk badge */ box-shadow: none; transition: transform 0.25s ease, border-color 0.25s ease; } /* subtle light */ .price-card-custom::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient( to bottom, rgba(255,255,255,0.45), transparent 60% ); pointer-events: none; z-index: 0; } .price-card-custom > * { position: relative; z-index: 1; } .price-card-custom:hover { transform: translateY(-4px); border-color: rgba(35, 62, 180, 0.22); } /* FEATURED */ .price-card-custom.featured { border: 1px solid #233eb4; background: linear-gradient( 180deg, #ffffff 0%, #f4f7ff 100% ); } /* BADGE FIX */ .badge { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); padding: 10px 22px; border-radius: 999px; background: linear-gradient( 180deg, #4c63d9 0%, #233eb4 100% ); color: #ffffff; font-size: 15px; font-weight: 600; z-index: 5; } /* LABEL */ .price-label-custom { margin: 0 0 14px; color: #8fa0c2; font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; text-align: center; } .featured-label { color: #233eb4; } /* OLD PRICE */ .price-old-custom { margin: 0 0 8px; color: #9aa5bc; font-size: 16px; text-decoration: line-through; text-align: center; } /* PRICE (DARK) */ .price-main-custom { margin: 0; color: #001169; font-size: 44px; font-weight: 600; letter-spacing: -0.03em; text-align: center; } .featured-price { font-size: 52px; color: #001169; } /* SAVE */ .price-save-custom { margin: 16px auto 0; width: fit-content; padding: 7px 14px; border-radius: 999px; background: rgba(35, 62, 180, 0.08); color: #233eb4; font-size: 13.5px; font-weight: 700; } /* FEATURES */ .price-features-custom { list-style: none; margin: 36px 0; padding: 0; display: flex; flex-direction: column; gap: 14px; } .price-features-custom li { display: flex; align-items: flex-start; gap: 10px; color: #253552; font-size: 15px; line-height: 1.45; } .price-card-custom.featured .price-features-custom li { color: #001169; font-weight: 600; } .price-features-custom li::before { content: "✓"; flex: 0 0 22px; width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #eef2ff; color: #233eb4; font-size: 12px; font-weight: 900; } .price-card-custom.featured .price-features-custom li::before { background: #233eb4; color: #ffffff; } /* BUTTON NORMAL */ .price-button-custom, .price-button-custom:visited, .price-button-custom:focus { width: 100%; min-height: 54px; display: inline-flex; align-items: center; justify-content: center; padding: 14px 24px; border-radius: 20px 26px 22px 18px / 22px 20px 26px 20px; border: 1px solid #d9e2f2; background: #ffffff; color: #001169; font-size: 16px; font-weight: 600; text-decoration: none !important; transition: transform 0.25s ease, background-color 0.25s ease; } .price-button-custom:hover { transform: translateY(-2px); background: #f6f9ff; } /* 3D BUTTON (UNCHANGED) */ .btn-3d-orange-html, .btn-3d-orange-html:visited, .btn-3d-orange-html:focus { position: relative; overflow: hidden; isolation: isolate; min-height: 60px; padding: 18px 32px; border: none; border-radius: 20px 26px 22px 18px / 22px 20px 26px 20px; background: linear-gradient(135deg, #ffb071 0%, #ff8648 45%, #f06a2d 100%); color: #ffffff; font-size: 18px; font-weight: 800; transform: translateY(-2px); box-shadow: 0 4px 0 #c85a24, 0 16px 36px rgba(255, 134, 72, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.28); } /* MOBILE */ @media (max-width: 767px) { .pricing-grid-custom { grid-template-columns: 1fr; gap: 28px; } .price-card-custom { padding: 48px 28px 30px; } .price-main-custom { font-size: 36px; } .featured-price { font-size: 40px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e7658f5 */.elementor-1673 .elementor-element.elementor-element-e7658f5 { position: relative; overflow: hidden; background: linear-gradient( 180deg, #f6f9ff 0%, #eef4fb 50%, #f4f7fc 100% ); } /* Mesh grid setengah lingkaran di area atas */ .elementor-1673 .elementor-element.elementor-element-e7658f5::before { content: ""; position: absolute; top: -170px; left: 50%; transform: translateX(-50%); width: 780px; height: 360px; border-radius: 0 0 999px 999px; background: linear-gradient(rgba(6, 21, 121, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 21, 121, 0.045) 1px, transparent 1px), radial-gradient(circle at center, rgba(6, 21, 121, 0.08), transparent 68%); background-size: 26px 26px, 26px 26px, auto; opacity: 0.55; pointer-events: none; z-index: 0; mask-image: radial-gradient( ellipse at center, #000 0%, #000 48%, transparent 76% ); -webkit-mask-image: radial-gradient( ellipse at center, #000 0%, #000 48%, transparent 76% ); } /* Soft glow kiri-kanan */ .elementor-1673 .elementor-element.elementor-element-e7658f5::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at -10% -10%, rgba(66, 133, 244, 0.16), transparent 58%), radial-gradient(circle at 110% 110%, rgba(0, 174, 239, 0.12), transparent 58%); filter: blur(60px); pointer-events: none; z-index: 0; } /* Konten tetap di atas */ .elementor-1673 .elementor-element.elementor-element-e7658f5 > * { position: relative; z-index: 2; } /* Tablet */ @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-e7658f5::before { top: -140px; width: 620px; height: 300px; background-size: 24px 24px, 24px 24px, auto; } } /* Mobile */ @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-e7658f5::before { top: -110px; width: 420px; height: 240px; opacity: 0.45; background-size: 22px 22px, 22px 22px, auto; } }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-f2017c0 */.elementor-1673 .elementor-element.elementor-element-f2017c0 .e-n-accordion-item { border: 1px solid #e6ecf5 !important; border-radius: 20px 24px 22px 18px / 22px 20px 24px 20px !important; background: #ffffff !important; margin-bottom: 10px !important; overflow: hidden !important; box-shadow: none !important; } .elementor-1673 .elementor-element.elementor-element-f2017c0 .e-n-accordion-item-title { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; padding: 18px 22px 12px 22px !important; background: #ffffff !important; border: none !important; cursor: pointer !important; transition: background-color 0.25s ease, transform 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-f2017c0 .e-n-accordion-item-title:hover { background: #f8faff !important; transform: translateY(-2px) !important; } .elementor-1673 .elementor-element.elementor-element-f2017c0 .acc-title { margin: 0 !important; color: #001169 !important; font-size: 22px !important; font-weight: 600 !important; } .elementor-1673 .elementor-element.elementor-element-f2017c0 .e-n-accordion-item-title:hover .acc-title { color: #061579 !important; } .elementor-1673 .elementor-element.elementor-element-f2017c0 .e-n-accordion-item-title-icon { order: 2 !important; flex: 0 0 36px !important; width: 36px !important; height: 36px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-left: auto !important; border-radius: 50% !important; background: #f0f2f7 !important; color: #061579 !important; transition: background 0.25s ease, transform 0.25s ease !important; } .elementor-1673 .elementor-element.elementor-element-f2017c0 .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon { background: #e8eef8 !important; transform: scale(1.05) !important; } .elementor-1673 .elementor-element.elementor-element-f2017c0 .e-n-accordion-item > div[role="region"] { border: none !important; background: #ffffff !important; padding: 10px 22px 22px 22px !important; color: #263b5c !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.5 !important; } .elementor-1673 .elementor-element.elementor-element-f2017c0 .e-n-accordion-item > div[role="region"] p { margin: 0 !important; } .elementor-1673 .elementor-element.elementor-element-f2017c0 .duration-badge { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; padding: 8px 12px; border-radius: 999px; background: #ff8a00; border: 1px solid #e67600; color: #001169; font-size: 13px; font-weight: 800; line-height: 1; white-space: nowrap; position: relative; } /* highlight atas biar ada efek 3D */ .elementor-1673 .elementor-element.elementor-element-f2017c0 .duration-badge::after { content: ""; position: absolute; inset: 0; border-radius: 999px; background: linear-gradient( to bottom, rgba(255,255,255,0.35), transparent 60% ); pointer-events: none; } .elementor-1673 .elementor-element.elementor-element-f2017c0 .e-n-accordion-item-title-header, .elementor-1673 .elementor-element.elementor-element-f2017c0 .duration-badge { transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f6df6af */.elementor-1673 .elementor-element.elementor-element-f6df6af { position: relative; overflow: hidden; background: linear-gradient( 180deg, #f6f9ff 0%, #eef4fb 50%, #f4f7fc 100% ); } /* Mesh grid setengah lingkaran di area atas */ .elementor-1673 .elementor-element.elementor-element-f6df6af::before { content: ""; position: absolute; top: -170px; left: 50%; transform: translateX(-50%); width: 780px; height: 360px; border-radius: 0 0 999px 999px; background: linear-gradient(rgba(6, 21, 121, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 21, 121, 0.045) 1px, transparent 1px), radial-gradient(circle at center, rgba(6, 21, 121, 0.08), transparent 68%); background-size: 26px 26px, 26px 26px, auto; opacity: 0.55; pointer-events: none; z-index: 0; mask-image: radial-gradient( ellipse at center, #000 0%, #000 48%, transparent 76% ); -webkit-mask-image: radial-gradient( ellipse at center, #000 0%, #000 48%, transparent 76% ); } /* Soft glow kiri-kanan */ .elementor-1673 .elementor-element.elementor-element-f6df6af::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at -10% -10%, rgba(66, 133, 244, 0.16), transparent 58%), radial-gradient(circle at 110% 110%, rgba(0, 174, 239, 0.12), transparent 58%); filter: blur(60px); pointer-events: none; z-index: 0; } /* Konten tetap di atas */ .elementor-1673 .elementor-element.elementor-element-f6df6af > * { position: relative; z-index: 2; } /* Tablet */ @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-f6df6af::before { top: -140px; width: 620px; height: 300px; background-size: 24px 24px, 24px 24px, auto; } } /* Mobile */ @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-f6df6af::before { top: -110px; width: 420px; height: 240px; opacity: 0.45; background-size: 22px 22px, 22px 22px, auto; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-332c110 */.lp-last-push { padding: 0; text-align: center; background: transparent; } .lp-last-push-inner { max-width: 1100px; margin: 0 auto; padding: 0 20px; } .lp-title { font-size: clamp(36px, 5vw, 64px); font-weight: 800; color: #061579; line-height: 1.1; } .lp-subtitle { margin: 20px 0 28px; font-size: 20px; color: #6b7a90; } .lp-countdown { display: flex; justify-content: center; gap: 18px; margin-bottom: 36px; } .lp-time-box { width: 110px; height: 120px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 20px 24px 22px 18px / 22px 20px 24px 20px; background: #ffffff; border: 1px solid #e6ecf5; box-shadow: none; transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease; } .lp-time-box:hover { transform: translateY(-3px); border-color: #cfd9eb; background: #ffffff; } .lp-time-number { font-size: 40px; font-weight: 700; color: #061579; line-height: 1; } .lp-time-label { margin-top: 10px; font-size: 12px; color: #9aa8bb; letter-spacing: 1px; } .lp-cta { display: inline-flex; align-items: center; justify-content: center; min-width: 460px; text-align: center; text-decoration: none !important; } .lp-secure-text { margin-top: 20px; font-size: 14px; color: #9aa8bb; } .btn-3d-orange-html, .btn-3d-orange-html:visited, .btn-3d-orange-html:focus { position: relative; overflow: hidden; isolation: isolate; min-height: 60px; padding: 18px 32px; border: none; border-radius: 20px 26px 22px 18px / 22px 20px 26px 20px; background: linear-gradient(135deg, #ffb071 0%, #ff8648 45%, #f06a2d 100%); color: #ffffff; font-size: 18px; font-weight: 800; transform: translateY(-2px); box-shadow: 0 4px 0 #c85a24, 0 16px 36px rgba(255, 134, 72, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.28); } .btn-3d-orange-html::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient( 120deg, transparent 0%, rgba(255, 255, 255, 0.34) 36%, transparent 68% ); transform: translateX(-130%) skewX(-12deg); transition: transform 0.7s ease; } .btn-3d-orange-html:hover { transform: translateY(-6px) scale(1.015); box-shadow: 0 8px 0 #c85a24, 0 24px 48px rgba(255, 134, 72, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.34); } .btn-3d-orange-html:hover::before { transform: translateX(130%) skewX(-12deg); } .btn-3d-orange-html:active { transform: translateY(-1px) scale(0.99); box-shadow: 0 2px 0 #c85a24, 0 12px 24px rgba(255, 134, 72, 0.26), inset 0 2px 8px rgba(0, 0, 0, 0.14); } .btn-3d-orange-html, .btn-3d-orange-html:visited, .btn-3d-orange-html:focus, .btn-3d-orange-html:hover, .btn-3d-orange-html:active { background: linear-gradient(135deg, #ffb071 0%, #ff8648 45%, #f06a2d 100%) !important; color: #ffffff !important; } @media (max-width: 1024px) { .lp-time-box { width: 96px; height: 110px; border-radius: 18px 22px 20px 16px / 20px 18px 22px 18px; } .lp-time-number { font-size: 34px; } .lp-cta { min-width: 400px; } } @media (max-width: 767px) { .lp-last-push-inner { padding: 0 14px; } .lp-countdown { gap: 10px; } .lp-time-box { width: 70px; height: 82px; border-radius: 16px 20px 18px 14px / 18px 16px 20px 16px; } .lp-time-box:hover { transform: none; } .lp-time-number { font-size: 28px; } .lp-time-label { font-size: 10px; margin-top: 6px; } .lp-cta { width: 100%; min-width: 0; } .btn-3d-orange-html { min-height: 56px; padding: 16px 24px; border-radius: 18px 22px 20px 16px / 20px 18px 22px 18px; font-size: 16px; } .btn-3d-orange-html:hover { transform: translateY(-2px); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3185e86 */.elementor-1673 .elementor-element.elementor-element-3185e86 { position: relative !important; overflow: hidden !important; background: linear-gradient(180deg, #233eb4, #1a2f8a) !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 34px 52px 42px 30px / 38px 44px 32px 48px !important; } .elementor-1673 .elementor-element.elementor-element-3185e86::before { content: "" !important; position: absolute !important; width: 400px !important; height: 400px !important; top: -100px !important; right: -100px !important; background: radial-gradient( circle, rgba(35,62,180,0.25), transparent 70% ) !important; filter: blur(60px) !important; pointer-events: none !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a9b03e5 */.elementor-1673 .elementor-element.elementor-element-a9b03e5 { position: relative; overflow: hidden; background: linear-gradient( 180deg, #f6f9ff 0%, #eef4fb 50%, #f4f7fc 100% ); } /* Mesh grid setengah lingkaran di area atas */ .elementor-1673 .elementor-element.elementor-element-a9b03e5::before { content: ""; position: absolute; top: -170px; left: 50%; transform: translateX(-50%); width: 780px; height: 360px; border-radius: 0 0 999px 999px; background: linear-gradient(rgba(6, 21, 121, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 21, 121, 0.045) 1px, transparent 1px), radial-gradient(circle at center, rgba(6, 21, 121, 0.08), transparent 68%); background-size: 26px 26px, 26px 26px, auto; opacity: 0.55; pointer-events: none; z-index: 0; mask-image: radial-gradient( ellipse at center, #000 0%, #000 48%, transparent 76% ); -webkit-mask-image: radial-gradient( ellipse at center, #000 0%, #000 48%, transparent 76% ); } /* Soft glow kiri-kanan */ .elementor-1673 .elementor-element.elementor-element-a9b03e5::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at -10% -10%, rgba(66, 133, 244, 0.16), transparent 58%), radial-gradient(circle at 110% 110%, rgba(0, 174, 239, 0.12), transparent 58%); filter: blur(60px); pointer-events: none; z-index: 0; } /* Konten tetap di atas */ .elementor-1673 .elementor-element.elementor-element-a9b03e5 > * { position: relative; z-index: 2; } /* Tablet */ @media (max-width: 1024px) { .elementor-1673 .elementor-element.elementor-element-a9b03e5::before { top: -140px; width: 620px; height: 300px; background-size: 24px 24px, 24px 24px, auto; } } /* Mobile */ @media (max-width: 767px) { .elementor-1673 .elementor-element.elementor-element-a9b03e5::before { top: -110px; width: 420px; height: 240px; opacity: 0.45; background-size: 22px 22px, 22px 22px, auto; } }/* End custom CSS */