.elementor-1085 .elementor-element.elementor-element-f1f26f2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );color:var( --e-global-color-primary );}.elementor-1085 .elementor-element.elementor-element-1dcc5b9.elementor-element{--align-self:stretch;}.elementor-1085 .elementor-element.elementor-element-0aba588{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-1085 .elementor-element.elementor-element-a6421ef{--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-1085 .elementor-element.elementor-element-542b398{--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-1085 .elementor-element.elementor-element-42d3c27{--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-1085 .elementor-element.elementor-element-294b760{--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-1085 .elementor-element.elementor-element-486b897{--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-1085 .elementor-element.elementor-element-64dc519{--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-1085 .elementor-element.elementor-element-2269249{--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-1085 .elementor-element.elementor-element-cfb15de{--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-1085 .elementor-element.elementor-element-ab2bbcc{--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-1085 .elementor-element.elementor-element-9c84814{--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-1085 .elementor-element.elementor-element-678461b{--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-1085 .elementor-element.elementor-element-e6e1319{--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-1085 .elementor-element.elementor-element-8bd4f02{--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-1085 .elementor-element.elementor-element-2e7d24e{--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-1085 .elementor-element.elementor-element-69b2da9{--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-1085 .elementor-element.elementor-element-f85278c{--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-1085 .elementor-element.elementor-element-f41340b{--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-1085 .elementor-element.elementor-element-aa1429a{--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-1085 .elementor-element.elementor-element-c7e00bc{--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-1085 .elementor-element.elementor-element-db5598e{--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-1085 .elementor-element.elementor-element-264cd1d{--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-1085 .elementor-element.elementor-element-2c162e5{--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-1085 .elementor-element.elementor-element-3a86aea{--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-1085 .elementor-element.elementor-element-1fdf5b3{--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-1085 .elementor-element.elementor-element-232860d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-1085 .elementor-element.elementor-element-4fe7bbc .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:40px;font-weight:700;font-style:normal;}.elementor-1085 .elementor-element.elementor-element-9392fec{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1085 .elementor-element.elementor-element-b372dd4{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#8D8D8D;--border-color:#8D8D8D;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1085 .elementor-element.elementor-element-7b3d06d{--spacer-size:9px;width:100%;max-width:100%;background-color:transparent;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;background-image:linear-gradient(90deg, #085DAD 0%, #001426 100%);}.elementor-1085 .elementor-element.elementor-element-bd33782{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 80px 20px;}.elementor-1085 .elementor-element.elementor-element-bd33782 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:26px;font-weight:600;font-style:normal;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1085 .elementor-element.elementor-element-7d4ad47 .elementor-button{background-color:#8CC73900;font-family:"Instrument Sans", Sans-serif;font-size:21px;font-weight:500;fill:#030303EB;color:#030303EB;}.elementor-1085 .elementor-element.elementor-element-7d4ad47{padding:80px 0px 0px 0px;}.elementor-1085 .elementor-element.elementor-element-7d4ad47 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1085 .elementor-element.elementor-element-7d4ad47 .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-1085 .elementor-element.elementor-element-1026b16{--display:flex;--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-1085 .elementor-element.elementor-element-3705493{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#8D8D8D;--border-color:#8D8D8D;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1085 .elementor-element.elementor-element-cb54b7b{--spacer-size:9px;width:100%;max-width:100%;background-color:transparent;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;background-image:linear-gradient(90deg, #085DAD 0%, #001426 100%);}.elementor-1085 .elementor-element.elementor-element-3c4629c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 80px 20px;}.elementor-1085 .elementor-element.elementor-element-3c4629c .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:26px;font-weight:600;font-style:normal;}.elementor-1085 .elementor-element.elementor-element-6a9987f .elementor-button{background-color:#8CC73900;font-family:"Instrument Sans", Sans-serif;font-size:21px;font-weight:500;fill:#030303EB;color:#030303EB;}.elementor-1085 .elementor-element.elementor-element-6a9987f{padding:80px 0px 0px 0px;}.elementor-1085 .elementor-element.elementor-element-6a9987f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1085 .elementor-element.elementor-element-6a9987f .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-1085 .elementor-element.elementor-element-bba3bf1{--display:flex;--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-1085 .elementor-element.elementor-element-02ddd8e{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#8D8D8D;--border-color:#8D8D8D;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1085 .elementor-element.elementor-element-8e6db39{--spacer-size:9px;width:100%;max-width:100%;background-color:transparent;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;background-image:linear-gradient(90deg, #085DAD 0%, #001426 100%);}.elementor-1085 .elementor-element.elementor-element-e984b33{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 80px 20px;}.elementor-1085 .elementor-element.elementor-element-e984b33 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:26px;font-weight:600;font-style:normal;}.elementor-1085 .elementor-element.elementor-element-7a13ac3 .elementor-button{background-color:#8CC73900;font-family:"Instrument Sans", Sans-serif;font-size:21px;font-weight:500;fill:#030303EB;color:#030303EB;}.elementor-1085 .elementor-element.elementor-element-7a13ac3{padding:80px 0px 0px 0px;}.elementor-1085 .elementor-element.elementor-element-7a13ac3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1085 .elementor-element.elementor-element-7a13ac3 .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-1085 .elementor-element.elementor-element-443bb25{--e-n-carousel-swiper-slides-gap:10px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 80px) 0px;padding:0px 0px 0px 0px;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-size:5px;--e-n-carousel-swiper-pagination-size:5px;--e-n-carousel-swiper-pagination-spacing:0px;}.elementor-1085 .elementor-element.elementor-element-443bb25 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:0px;--swiper-pagination-bullet-vertical-gap:0px;}@media(min-width:768px){.elementor-1085 .elementor-element.elementor-element-f1f26f2{--content-width:1152px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-1085 .elementor-element.elementor-element-443bb25{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-1085 .elementor-element.elementor-element-232860d{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-1085 .elementor-element.elementor-element-443bb25{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for button, class: .elementor-element-7d4ad47 *//* Apply gradient to the Button Text */ .elementor-1085 .elementor-element.elementor-element-7d4ad47 .elementor-button-text { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } /* Apply gradient to the Button Icon (Arrow) */ .elementor-1085 .elementor-element.elementor-element-7d4ad47 .elementor-button-icon i, .elementor-1085 .elementor-element.elementor-element-7d4ad47 .elementor-button-icon svg { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* Ensures the icon behaves like text for the clipping to work */ display: inline-block; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9392fec */.carousel-card { background: #ffffff; /* Regular border for left, right, and bottom */ border: 1px solid #e0e0e0; /* Disable the standard top border */ border-top: none; position: relative; padding: 30px; overflow: hidden; /* This clips the gradient to your card corners */ } /* Creating the "Gradient Top Border" */ .carousel-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 6px; /* This is the "thickness" of your top border */ background: linear-gradient(90deg, #085DAD 0%, #001426 100%); z-index: 1; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6a9987f *//* Apply gradient to the Button Text */ .elementor-1085 .elementor-element.elementor-element-6a9987f .elementor-button-text { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } /* Apply gradient to the Button Icon (Arrow) */ .elementor-1085 .elementor-element.elementor-element-6a9987f .elementor-button-icon i, .elementor-1085 .elementor-element.elementor-element-6a9987f .elementor-button-icon svg { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* Ensures the icon behaves like text for the clipping to work */ display: inline-block; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7a13ac3 *//* Apply gradient to the Button Text */ .elementor-1085 .elementor-element.elementor-element-7a13ac3 .elementor-button-text { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } /* Apply gradient to the Button Icon (Arrow) */ .elementor-1085 .elementor-element.elementor-element-7a13ac3 .elementor-button-icon i, .elementor-1085 .elementor-element.elementor-element-7a13ac3 .elementor-button-icon svg { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* Ensures the icon behaves like text for the clipping to work */ display: inline-block; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7d4ad47 *//* Apply gradient to the Button Text */ .elementor-1085 .elementor-element.elementor-element-7d4ad47 .elementor-button-text { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } /* Apply gradient to the Button Icon (Arrow) */ .elementor-1085 .elementor-element.elementor-element-7d4ad47 .elementor-button-icon i, .elementor-1085 .elementor-element.elementor-element-7d4ad47 .elementor-button-icon svg { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* Ensures the icon behaves like text for the clipping to work */ display: inline-block; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9392fec */.carousel-card { background: #ffffff; /* Regular border for left, right, and bottom */ border: 1px solid #e0e0e0; /* Disable the standard top border */ border-top: none; position: relative; padding: 30px; overflow: hidden; /* This clips the gradient to your card corners */ } /* Creating the "Gradient Top Border" */ .carousel-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 6px; /* This is the "thickness" of your top border */ background: linear-gradient(90deg, #085DAD 0%, #001426 100%); z-index: 1; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6a9987f *//* Apply gradient to the Button Text */ .elementor-1085 .elementor-element.elementor-element-6a9987f .elementor-button-text { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } /* Apply gradient to the Button Icon (Arrow) */ .elementor-1085 .elementor-element.elementor-element-6a9987f .elementor-button-icon i, .elementor-1085 .elementor-element.elementor-element-6a9987f .elementor-button-icon svg { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* Ensures the icon behaves like text for the clipping to work */ display: inline-block; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7a13ac3 *//* Apply gradient to the Button Text */ .elementor-1085 .elementor-element.elementor-element-7a13ac3 .elementor-button-text { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } /* Apply gradient to the Button Icon (Arrow) */ .elementor-1085 .elementor-element.elementor-element-7a13ac3 .elementor-button-icon i, .elementor-1085 .elementor-element.elementor-element-7a13ac3 .elementor-button-icon svg { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* Ensures the icon behaves like text for the clipping to work */ display: inline-block; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7d4ad47 *//* Apply gradient to the Button Text */ .elementor-1085 .elementor-element.elementor-element-7d4ad47 .elementor-button-text { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } /* Apply gradient to the Button Icon (Arrow) */ .elementor-1085 .elementor-element.elementor-element-7d4ad47 .elementor-button-icon i, .elementor-1085 .elementor-element.elementor-element-7d4ad47 .elementor-button-icon svg { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* Ensures the icon behaves like text for the clipping to work */ display: inline-block; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9392fec */.carousel-card { background: #ffffff; /* Regular border for left, right, and bottom */ border: 1px solid #e0e0e0; /* Disable the standard top border */ border-top: none; position: relative; padding: 30px; overflow: hidden; /* This clips the gradient to your card corners */ } /* Creating the "Gradient Top Border" */ .carousel-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 6px; /* This is the "thickness" of your top border */ background: linear-gradient(90deg, #085DAD 0%, #001426 100%); z-index: 1; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6a9987f *//* Apply gradient to the Button Text */ .elementor-1085 .elementor-element.elementor-element-6a9987f .elementor-button-text { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } /* Apply gradient to the Button Icon (Arrow) */ .elementor-1085 .elementor-element.elementor-element-6a9987f .elementor-button-icon i, .elementor-1085 .elementor-element.elementor-element-6a9987f .elementor-button-icon svg { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* Ensures the icon behaves like text for the clipping to work */ display: inline-block; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7a13ac3 *//* Apply gradient to the Button Text */ .elementor-1085 .elementor-element.elementor-element-7a13ac3 .elementor-button-text { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } /* Apply gradient to the Button Icon (Arrow) */ .elementor-1085 .elementor-element.elementor-element-7a13ac3 .elementor-button-icon i, .elementor-1085 .elementor-element.elementor-element-7a13ac3 .elementor-button-icon svg { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* Ensures the icon behaves like text for the clipping to work */ display: inline-block; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7d4ad47 *//* Apply gradient to the Button Text */ .elementor-1085 .elementor-element.elementor-element-7d4ad47 .elementor-button-text { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } /* Apply gradient to the Button Icon (Arrow) */ .elementor-1085 .elementor-element.elementor-element-7d4ad47 .elementor-button-icon i, .elementor-1085 .elementor-element.elementor-element-7d4ad47 .elementor-button-icon svg { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* Ensures the icon behaves like text for the clipping to work */ display: inline-block; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9392fec */.carousel-card { background: #ffffff; /* Regular border for left, right, and bottom */ border: 1px solid #e0e0e0; /* Disable the standard top border */ border-top: none; position: relative; padding: 30px; overflow: hidden; /* This clips the gradient to your card corners */ } /* Creating the "Gradient Top Border" */ .carousel-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 6px; /* This is the "thickness" of your top border */ background: linear-gradient(90deg, #085DAD 0%, #001426 100%); z-index: 1; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6a9987f *//* Apply gradient to the Button Text */ .elementor-1085 .elementor-element.elementor-element-6a9987f .elementor-button-text { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } /* Apply gradient to the Button Icon (Arrow) */ .elementor-1085 .elementor-element.elementor-element-6a9987f .elementor-button-icon i, .elementor-1085 .elementor-element.elementor-element-6a9987f .elementor-button-icon svg { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* Ensures the icon behaves like text for the clipping to work */ display: inline-block; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7a13ac3 *//* Apply gradient to the Button Text */ .elementor-1085 .elementor-element.elementor-element-7a13ac3 .elementor-button-text { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } /* Apply gradient to the Button Icon (Arrow) */ .elementor-1085 .elementor-element.elementor-element-7a13ac3 .elementor-button-icon i, .elementor-1085 .elementor-element.elementor-element-7a13ac3 .elementor-button-icon svg { background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* Ensures the icon behaves like text for the clipping to work */ display: inline-block; }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-443bb25 *//* 1. Ensure visibility */ .elementor-1085 .elementor-element.elementor-element-443bb25, .elementor-1085 .elementor-element.elementor-element-443bb25 .elementor-widget-container, .elementor-1085 .elementor-element.elementor-element-443bb25 .elementor-main-swiper { overflow: visible !important; } /* 2. Style the Arrow Box */ .elementor-1085 .elementor-element.elementor-element-443bb25 .elementor-swiper-button-prev, .elementor-1085 .elementor-element.elementor-element-443bb25 .elementor-swiper-button-next { display: flex !important; align-items: center !important; /* Vertical Center */ justify-content: center !important; /* Horizontal Center */ background: linear-gradient(90deg, #085DAD 0%, #001426 100%) !important; width: 45px !important; height: 45px !important; top: auto !important; bottom: -80px !important; /* Moves boxes below carousel */ opacity: 1 !important; z-index: 100 !important; } /* 3. Style the Icon inside to be perfectly centered */ .elementor-1085 .elementor-element.elementor-element-443bb25 .elementor-swiper-button-prev i, .elementor-1085 .elementor-element.elementor-element-443bb25 .elementor-swiper-button-next i, .elementor-1085 .elementor-element.elementor-element-443bb25 .elementor-swiper-button-prev svg, .elementor-1085 .elementor-element.elementor-element-443bb25 .elementor-swiper-button-next svg { font-size: 18px !important; color: #ffffff !important; fill: #ffffff !important; /* Reset any default margins that push the icon off-center */ margin: 0 !important; padding: 0 !important; position: static !important; line-height: 1 !important; } /* 4. Align Arrows and Dots in a row */ /* Left Arrow */ .elementor-1085 .elementor-element.elementor-element-443bb25 .elementor-swiper-button-prev { left: calc(% - 95px) !important; } /* Right Arrow */ .elementor-1085 .elementor-element.elementor-element-443bb25 .elementor-swiper-button-next { right: calc(% - 95px) !important; left: auto !important; } /* Dots in the middle */ .elementor-1085 .elementor-element.elementor-element-443bb25 .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: -68px !important; /* Adjusted to line up with the middle of the 45px boxes */ width: auto !important; left: 50% !important; transform: translateX(-50%) !important; } /* 5. Dots Styling */ .elementor-1085 .elementor-element.elementor-element-443bb25 .swiper-pagination-bullet { width: 10px !important; height: 10px !important; background-color: #001426 !important; margin: 0 5px !important; } /* 6. Page Spacing */ .elementor-1085 .elementor-element.elementor-element-443bb25 { margin-bottom: 120px !important; }/* End custom CSS */