.elementor-7 .elementor-element.elementor-element-35f20fc{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.61;--margin-top:-11px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-35f20fc:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-35f20fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aspiredrivingschool.apollo-clients.com/wp-content/uploads/2025/06/bg-4.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-35f20fc::before, .elementor-7 .elementor-element.elementor-element-35f20fc > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-35f20fc > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-35f20fc > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-35f20fc > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-35f20fc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.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-7 .elementor-element.elementor-element-29be008 .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-7 .elementor-element.elementor-element-29be008 .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-7 .elementor-element.elementor-element-29be008{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-7 .elementor-element.elementor-element-29be008 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7 .elementor-element.elementor-element-29be008 .elementor-icon-list-item > a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-7 .elementor-element.elementor-element-29be008 .elementor-icon-list-text{transition:color 0.3s;}.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-7 .elementor-element.elementor-element-4e1f57b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:600;color:var( --e-global-color-accent );}.elementor-7 .elementor-element.elementor-element-9941217{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:050px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-54a9d9b{--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-7 .elementor-element.elementor-element-f89e2ef{--display:flex;--min-height:0px;--justify-content:center;--border-radius:25px 25px 25px 25px;}.elementor-7 .elementor-element.elementor-element-f89e2ef:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-f89e2ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-7 .elementor-element.elementor-element-fbfb856{--display:flex;--min-height:174px;--border-radius:25px 25px 25px 25px;--margin-top:0220px;--margin-bottom:0px;--margin-left:050px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-fbfb856:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-fbfb856 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.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-7 .elementor-element.elementor-element-09002f8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-7 .elementor-element.elementor-element-785f74a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-7b0d0ca .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-text );}.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-7 .elementor-element.elementor-element-843facd{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:400;color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-edd03b9 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-9238d60{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:400;color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-cfab246{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:050px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-cc97e30 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-f904ee6{text-align:center;}.elementor-7 .elementor-element.elementor-element-f904ee6 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:40px;font-weight:400;color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-fdddd59{width:var( --container-widget-width, 72% );max-width:72%;--container-widget-width:72%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;}.elementor-7 .elementor-element.elementor-element-e9428fd{--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-7 .elementor-element.elementor-element-b0787d4{--display:flex;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-6cfbc26{--icon-box-icon-margin:15px;}.elementor-7 .elementor-element.elementor-element-6cfbc26.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-6cfbc26.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-6cfbc26.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-6cfbc26 .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-6cfbc26 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-6cfbc26 .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-6cfbc26:has(:hover) .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-6cfbc26:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-6cfbc26 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:400;}.elementor-7 .elementor-element.elementor-element-c9c4c62{--display:flex;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-7 .elementor-element.elementor-element-a639be0{--icon-box-icon-margin:15px;}.elementor-7 .elementor-element.elementor-element-a639be0.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-a639be0.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-a639be0.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-a639be0 .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-a639be0 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-a639be0 .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-a639be0:has(:hover) .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-a639be0:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-a639be0 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:400;}.elementor-7 .elementor-element.elementor-element-db62f96{--display:flex;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-7 .elementor-element.elementor-element-a71b85b{--icon-box-icon-margin:15px;}.elementor-7 .elementor-element.elementor-element-a71b85b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-a71b85b.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-a71b85b.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-a71b85b .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-a71b85b .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-a71b85b .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-a71b85b:has(:hover) .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-a71b85b:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-a71b85b .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:400;}.elementor-7 .elementor-element.elementor-element-315eca9{--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-7 .elementor-element.elementor-element-35a7a94{--display:flex;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-7 .elementor-element.elementor-element-46665a8{--icon-box-icon-margin:15px;}.elementor-7 .elementor-element.elementor-element-46665a8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-46665a8.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-46665a8.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-46665a8 .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-46665a8 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-46665a8 .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-46665a8:has(:hover) .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-46665a8:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-46665a8 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:400;}.elementor-7 .elementor-element.elementor-element-85fc1be{--display:flex;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-7 .elementor-element.elementor-element-85fc1be:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-85fc1be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aspiredrivingschool.apollo-clients.com/wp-content/uploads/2025/06/tuv-rheinland-driving-safety-training-sk-770260621_core_4_3.jpg");background-position:center center;background-size:cover;}.elementor-7 .elementor-element.elementor-element-85fc1be:hover{background-color:#02010100;}.elementor-7 .elementor-element.elementor-element-3ce438c{--display:flex;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-7 .elementor-element.elementor-element-b108dac{--icon-box-icon-margin:15px;}.elementor-7 .elementor-element.elementor-element-b108dac.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-b108dac.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-b108dac.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-b108dac .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-b108dac .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-b108dac .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-b108dac:has(:hover) .elementor-icon-box-title, .elementor-7 .elementor-element.elementor-element-b108dac:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-b108dac .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:400;}.elementor-7 .elementor-element.elementor-element-8a9ca7b{--display:flex;--overlay-opacity:0.88;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-8a9ca7b:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-8a9ca7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aspiredrivingschool.apollo-clients.com/wp-content/uploads/2025/06/tuv-rheinland-driving-safety-training-sk-770260621_core_4_3.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-8a9ca7b::before, .elementor-7 .elementor-element.elementor-element-8a9ca7b > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-8a9ca7b > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-8a9ca7b > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-8a9ca7b > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-8a9ca7b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-7 .elementor-element.elementor-element-c8d14cc{text-align:center;}.elementor-7 .elementor-element.elementor-element-c8d14cc .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-7 .elementor-element.elementor-element-120f08c{text-align:center;}.elementor-7 .elementor-element.elementor-element-120f08c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:600;color:var( --e-global-color-accent );}.elementor-7 .elementor-element.elementor-element-61fbb44{--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;}.elementor-7 .elementor-element.elementor-element-4f3b054{width:var( --container-widget-width, 72% );max-width:72%;--container-widget-width:72%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-accent );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-cfab246{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:050px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-7 .elementor-element.elementor-element-f904ee6 .elementor-heading-title{font-size:25px;}.elementor-7 .elementor-element.elementor-element-fdddd59{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:12px;}}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-54a9d9b{--width:50%;}.elementor-7 .elementor-element.elementor-element-f89e2ef{--width:18%;}.elementor-7 .elementor-element.elementor-element-09002f8{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-b0787d4 */.hover-box { position: relative; background: #ffffff; overflow: hidden; transition: background 0.3s ease-in-out; } .hover-box::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #004aad; /* Your blue color */ transform: translateY(-100%); z-index: 0; transition: transform 0.5s ease-in-out; } .hover-box:hover::before { transform: translateY(0); } /* Make sure inner content sits above the background */ .hover-box .elementor-icon-box-wrapper { position: relative; z-index: 1; transition: color 0.4s ease-in-out; } /* Change text and icon color to white on hover */ .hover-box:hover .elementor-icon-box-title, .hover-box:hover .elementor-icon-box-description { color: #ffffff !important; } /* Fix: ensure icon changes to white on hover */ .hover-box:hover .elementor-icon-box-icon, .hover-box:hover .elementor-icon-box-icon i, .hover-box:hover .elementor-icon-box-icon svg { color: #ffffff !important; fill: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c9c4c62 */.hover-box { position: relative; background: #ffffff; overflow: hidden; transition: background 0.3s ease-in-out; } .hover-box::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #004aad; /* Your blue color */ transform: translateY(-100%); z-index: 0; transition: transform 0.5s ease-in-out; } .hover-box:hover::before { transform: translateY(0); } /* Make sure inner content sits above the background */ .hover-box .elementor-icon-box-wrapper { position: relative; z-index: 1; transition: color 0.4s ease-in-out; } /* Change text and icon color to white on hover */ .hover-box:hover .elementor-icon-box-title, .hover-box:hover .elementor-icon-box-description { color: #ffffff !important; } /* Fix: ensure icon changes to white on hover */ .hover-box:hover .elementor-icon-box-icon, .hover-box:hover .elementor-icon-box-icon i, .hover-box:hover .elementor-icon-box-icon svg { color: #ffffff !important; fill: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-db62f96 */.hover-box { position: relative; background: #ffffff; overflow: hidden; transition: background 0.3s ease-in-out; } .hover-box::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #004aad; /* Your blue color */ transform: translateY(-100%); z-index: 0; transition: transform 0.5s ease-in-out; } .hover-box:hover::before { transform: translateY(0); } /* Make sure inner content sits above the background */ .hover-box .elementor-icon-box-wrapper { position: relative; z-index: 1; transition: color 0.4s ease-in-out; } /* Change text and icon color to white on hover */ .hover-box:hover .elementor-icon-box-title, .hover-box:hover .elementor-icon-box-description { color: #ffffff !important; } /* Fix: ensure icon changes to white on hover */ .hover-box:hover .elementor-icon-box-icon, .hover-box:hover .elementor-icon-box-icon i, .hover-box:hover .elementor-icon-box-icon svg { color: #ffffff !important; fill: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-35a7a94 */.hover-box { position: relative; background: #ffffff; overflow: hidden; transition: background 0.3s ease-in-out; } .hover-box::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #004aad; /* Your blue color */ transform: translateY(-100%); z-index: 0; transition: transform 0.5s ease-in-out; } .hover-box:hover::before { transform: translateY(0); } /* Make sure inner content sits above the background */ .hover-box .elementor-icon-box-wrapper { position: relative; z-index: 1; transition: color 0.4s ease-in-out; } /* Change text and icon color to white on hover */ .hover-box:hover .elementor-icon-box-title, .hover-box:hover .elementor-icon-box-description { color: #ffffff !important; } /* Fix: ensure icon changes to white on hover */ .hover-box:hover .elementor-icon-box-icon, .hover-box:hover .elementor-icon-box-icon i, .hover-box:hover .elementor-icon-box-icon svg { color: #ffffff !important; fill: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3ce438c */.hover-box { position: relative; background: #ffffff; overflow: hidden; transition: background 0.3s ease-in-out; } .hover-box::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #004aad; /* Your blue color */ transform: translateY(-100%); z-index: 0; transition: transform 0.5s ease-in-out; } .hover-box:hover::before { transform: translateY(0); } /* Make sure inner content sits above the background */ .hover-box .elementor-icon-box-wrapper { position: relative; z-index: 1; transition: color 0.4s ease-in-out; } /* Change text and icon color to white on hover */ .hover-box:hover .elementor-icon-box-title, .hover-box:hover .elementor-icon-box-description { color: #ffffff !important; } /* Fix: ensure icon changes to white on hover */ .hover-box:hover .elementor-icon-box-icon, .hover-box:hover .elementor-icon-box-icon i, .hover-box:hover .elementor-icon-box-icon svg { color: #ffffff !important; fill: #ffffff !important; }/* End custom CSS */