.elementor-13362 .elementor-element.elementor-element-a4eb7d2 > .elementor-container{max-width:1400px;}.elementor-13362 .elementor-element.elementor-element-a4eb7d2{padding:0px 0px 50px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );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 );}.elementor-13362 .elementor-element.elementor-element-c723c6b > .elementor-widget-container{background-color:#E9E5DE;}.elementor-13362 .elementor-element.elementor-element-63d963b .razzi-heading-title{font-size:28px;}.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-13362 .elementor-element.elementor-element-7911824{font-size:16px;font-weight:400;color:#000000;}.elementor-13362 .elementor-element.elementor-element-41a87ef{width:100%;max-width:100%;text-align:left;}.elementor-13362 .elementor-element.elementor-element-41a87ef > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-13362 .elementor-element.elementor-element-41a87ef img{width:23%;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );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 );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-13362 .elementor-element.elementor-element-3e5242a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-3e5242a .elementor-counter{flex-direction:column;}.elementor-13362 .elementor-element.elementor-element-3e5242a .elementor-counter-title{justify-content:start;color:#1B1B1B;font-size:16px;font-weight:500;line-height:25px;}.elementor-13362 .elementor-element.elementor-element-3e5242a .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;color:#383838;font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;line-height:35px;}.elementor-widget-progress .elementor-title{color:var( --e-global-color-primary );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 );}.elementor-widget-progress .elementor-progress-wrapper .elementor-progress-bar{background-color:var( --e-global-color-primary );}.elementor-13362 .elementor-element.elementor-element-f177243 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-13362 .elementor-element.elementor-element-f177243 .elementor-progress-wrapper .elementor-progress-bar{background-color:#599AB9;}.elementor-13362 .elementor-element.elementor-element-f177243 .elementor-progress-wrapper{border-radius:100px;overflow:hidden;}.elementor-13362 .elementor-element.elementor-element-f177243 .elementor-progress-bar{color:#FFFFFF;font-size:17px;}.elementor-13362 .elementor-element.elementor-element-0698d85 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-13362 .elementor-element.elementor-element-0698d85 .elementor-progress-wrapper .elementor-progress-bar{background-color:#599AB9;}.elementor-13362 .elementor-element.elementor-element-0698d85 .elementor-progress-wrapper{border-radius:100px;overflow:hidden;}.elementor-13362 .elementor-element.elementor-element-0698d85 .elementor-progress-bar{color:#FFFFFF;font-size:17px;}.elementor-13362 .elementor-element.elementor-element-680b5b1 > .elementor-element-populated{border-style:none;}.elementor-13362 .elementor-element.elementor-element-195ce6f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-195ce6f{font-size:16px;font-weight:500;line-height:15px;color:#000000;}.elementor-13362 .elementor-element.elementor-element-3606fec{width:auto;max-width:auto;}.elementor-13362 .elementor-element.elementor-element-3606fec > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-3606fec .razzi-button{font-size:16px;font-weight:500;line-height:24px;fill:#1D1D1D;color:#1D1D1D;background-color:#02010100;border-style:solid;border-width:1px 1px 1px 1px;padding:0px 20px 0px 20px;}.elementor-13362 .elementor-element.elementor-element-064fece{width:auto;max-width:auto;}.elementor-13362 .elementor-element.elementor-element-064fece > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-064fece .razzi-button{font-size:16px;font-weight:500;line-height:24px;fill:#1D1D1D;color:#1D1D1D;background-color:#02010100;border-style:solid;border-width:1px 1px 1px 1px;padding:0px 20px 0px 20px;}.elementor-13362 .elementor-element.elementor-element-e5e9e9f{width:auto;max-width:auto;}.elementor-13362 .elementor-element.elementor-element-e5e9e9f > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-e5e9e9f .razzi-button{font-size:16px;font-weight:500;line-height:24px;fill:#1D1D1D;color:#1D1D1D;background-color:#02010100;border-style:solid;border-width:1px 1px 1px 1px;padding:0px 20px 0px 20px;}.elementor-13362 .elementor-element.elementor-element-5ad0ff5{width:auto;max-width:auto;}.elementor-13362 .elementor-element.elementor-element-5ad0ff5 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-5ad0ff5 .razzi-button{font-size:16px;font-weight:500;line-height:24px;fill:#1D1D1D;color:#1D1D1D;background-color:#02010100;border-style:solid;border-width:1px 1px 1px 1px;padding:0px 20px 0px 20px;}.elementor-13362 .elementor-element.elementor-element-5f8c4e4{width:auto;max-width:auto;}.elementor-13362 .elementor-element.elementor-element-5f8c4e4 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-5f8c4e4 .razzi-button{font-size:16px;font-weight:500;line-height:24px;fill:#1D1D1D;color:#1D1D1D;background-color:#02010100;border-style:solid;border-width:1px 1px 1px 1px;padding:0px 20px 0px 20px;}.elementor-13362 .elementor-element.elementor-element-24c443f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-24c443f{font-size:16px;font-weight:500;line-height:15px;color:#000000;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-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 );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );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 );}.elementor-13362 .elementor-element.elementor-element-fe0328d .elementor-accordion-icon, .elementor-13362 .elementor-element.elementor-element-fe0328d .elementor-accordion-title{color:#0F0F0F;}.elementor-13362 .elementor-element.elementor-element-fe0328d .elementor-accordion-icon svg{fill:#0F0F0F;}.elementor-13362 .elementor-element.elementor-element-fe0328d .elementor-active .elementor-accordion-icon, .elementor-13362 .elementor-element.elementor-element-fe0328d .elementor-active .elementor-accordion-title{color:#0F0F0F;}.elementor-13362 .elementor-element.elementor-element-fe0328d .elementor-active .elementor-accordion-icon svg{fill:#0F0F0F;}.elementor-13362 .elementor-element.elementor-element-fe0328d .elementor-accordion-title{font-size:13px;font-weight:500;}.elementor-13362 .elementor-element.elementor-element-fe0328d .elementor-tab-content{color:#464646;font-size:16px;font-weight:400;line-height:4px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-13362 .elementor-element.elementor-element-a00eb0e{--divider-border-style:solid;--divider-color:#00000099;--divider-border-width:1px;}.elementor-13362 .elementor-element.elementor-element-a00eb0e > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-13362 .elementor-element.elementor-element-a00eb0e .elementor-divider-separator{width:100%;}.elementor-13362 .elementor-element.elementor-element-a00eb0e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-13362 .elementor-element.elementor-element-9b18f99{width:100%;max-width:100%;}.elementor-13362 .elementor-element.elementor-element-9b18f99 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-9b18f99 .razzi-button{font-size:18px;fill:#FFFFFF;color:#FFFFFF;background-color:#2C497F;padding:0px 200px 0px 200px;}.elementor-13362 .elementor-element.elementor-element-9fa6355:not(.elementor-motion-effects-element-type-background), .elementor-13362 .elementor-element.elementor-element-9fa6355 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F2EE;}.elementor-13362 .elementor-element.elementor-element-9fa6355{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 30px 50px 30px;}.elementor-13362 .elementor-element.elementor-element-9fa6355 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13362 .elementor-element.elementor-element-e46e005 > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-13362 .elementor-element.elementor-element-e46e005{text-align:center;}.elementor-13362 .elementor-element.elementor-element-e46e005 .razzi-heading-title{color:#111111;font-size:30px;}.elementor-13362 .elementor-element.elementor-element-9034ae7 .razzi-images-carousel .razzi-images-carousel__heading{color:#0F0F0F;}.elementor-13362 .elementor-element.elementor-element-9034ae7 .razzi-images-carousel .content-subtitle{font-weight:500;color:#0F0F0F;}.elementor-13362 .elementor-element.elementor-element-9034ae7 .razzi-images-carousel .content-title{color:#0F0F0F;}.elementor-13362 .elementor-element.elementor-element-6503f70:not(.elementor-motion-effects-element-type-background), .elementor-13362 .elementor-element.elementor-element-6503f70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F2EE;}.elementor-13362 .elementor-element.elementor-element-6503f70 > .elementor-container{max-width:1452px;}.elementor-13362 .elementor-element.elementor-element-6503f70{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-13362 .elementor-element.elementor-element-6503f70 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13362 .elementor-element.elementor-element-6503f70 .elementor-heading-title{color:#000000;}.elementor-13362 .elementor-element.elementor-element-233affa:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-13362 .elementor-element.elementor-element-233affa > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-bc-flex-widget .elementor-13362 .elementor-element.elementor-element-233affa.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-13362 .elementor-element.elementor-element-233affa.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-13362 .elementor-element.elementor-element-233affa.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-13362 .elementor-element.elementor-element-233affa > .elementor-element-populated, .elementor-13362 .elementor-element.elementor-element-233affa > .elementor-element-populated > .elementor-background-overlay, .elementor-13362 .elementor-element.elementor-element-233affa > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-13362 .elementor-element.elementor-element-233affa > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-13362 .elementor-element.elementor-element-233affa > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13362 .elementor-element.elementor-element-d259793 > .elementor-widget-container{background-color:#FFFFFF;}.elementor-13362 .elementor-element.elementor-element-d259793 img{max-width:61%;}.elementor-13362 .elementor-element.elementor-element-c859771 > .elementor-element-populated{padding:0px 40px 0px 40px;}.elementor-13362 .elementor-element.elementor-element-03635f1 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;}.elementor-13362 .elementor-element.elementor-element-03635f1{text-align:left;}.elementor-13362 .elementor-element.elementor-element-03635f1 .razzi-heading-title{color:#3A3A3A;font-size:28px;font-weight:500;}.elementor-13362 .elementor-element.elementor-element-03635f1 .razzi-heading-title small{color:#FFFFFF;}.elementor-13362 .elementor-element.elementor-element-6623ac4 > .elementor-widget-container{background-color:#FFFFFF;}.elementor-13362 .elementor-element.elementor-element-6623ac4{text-align:left;}.elementor-13362 .elementor-element.elementor-element-21e83ce > .elementor-container{max-width:781px;}.elementor-13362 .elementor-element.elementor-element-21e83ce{padding:80px 0px 50px 0px;}.elementor-13362 .elementor-element.elementor-element-0bae25f > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-13362 .elementor-element.elementor-element-0bae25f{text-align:center;}.elementor-13362 .elementor-element.elementor-element-0bae25f .razzi-heading-title{font-size:28px;font-weight:500;line-height:35px;}.elementor-13362 .elementor-element.elementor-element-072787b{text-align:justify;font-size:16px;font-weight:400;color:#000000;}.elementor-13362 .elementor-element.elementor-element-a93f30f{margin-top:0px;margin-bottom:80px;padding:0px 0px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-f756193 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-542120c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-b7d8ef3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-5c71117 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-969a6af > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-4dc9e8e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-4dc9e8e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13362 .elementor-element.elementor-element-93b8f15 > .elementor-container{max-width:1600px;}.elementor-13362 .elementor-element.elementor-element-93b8f15{padding:40px 40px 40px 40px;}@media(min-width:768px){.elementor-13362 .elementor-element.elementor-element-d8a463d{width:29.304%;}.elementor-13362 .elementor-element.elementor-element-8596aa6{width:70.696%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-counter .elementor-counter-number-wrapper{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-counter .elementor-counter-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-progress .elementor-title{font-size:var( --e-global-typography-text-font-size );}.elementor-13362 .elementor-element.elementor-element-5ad0ff5 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-5f8c4e4 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-widget-accordion .elementor-accordion-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-accordion .elementor-tab-content{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-13362 .elementor-element.elementor-element-9b18f99 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-9b18f99 .razzi-button{padding:0px 50px 0px 50px;}.elementor-13362 .elementor-element.elementor-element-21e83ce > .elementor-container{max-width:638px;}.elementor-13362 .elementor-element.elementor-element-93b8f15{padding:30px 0px 0px 0px;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-13362 .elementor-element.elementor-element-63d963b .razzi-heading-title{line-height:1.3em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-13362 .elementor-element.elementor-element-41a87ef img{width:42%;}.elementor-widget-counter .elementor-counter-number-wrapper{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-counter .elementor-counter-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-progress .elementor-title{font-size:var( --e-global-typography-text-font-size );}.elementor-13362 .elementor-element.elementor-element-e5e9e9f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-widget-accordion .elementor-accordion-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-accordion .elementor-tab-content{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-13362 .elementor-element.elementor-element-9fa6355{padding:50px 20px 50px 20px;}.elementor-13362 .elementor-element.elementor-element-9034ae7 .razzi-images-carousel .razzi-images-carousel__heading{font-size:14px;}.elementor-13362 .elementor-element.elementor-element-9034ae7 .razzi-images-carousel .content-subtitle{font-size:14px;}.elementor-13362 .elementor-element.elementor-element-6503f70{padding:50px 0px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-233affa > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-c859771 > .elementor-element-populated{padding:0px 40px 40px 40px;}.elementor-13362 .elementor-element.elementor-element-21e83ce{padding:80px 30px 40px 30px;}.elementor-13362 .elementor-element.elementor-element-4dc9e8e{padding:0px 0px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-93b8f15{margin-top:0px;margin-bottom:0px;padding:30px 0px 0px 0px;}.elementor-13362 .elementor-element.elementor-element-86584ec.elementor-column > .elementor-widget-wrap{justify-content:center;}}/* Start custom CSS for html, class: .elementor-element-b7d8ef3 */.category-banner { width: 100%; height: 300px; background-size: cover; background-position: center; overflow: hidden; position: relative; display: flex; align-items: flex-end; cursor: pointer; transition: transform 0.3s ease-in-out; } .category-banner .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, rgba(89, 154, 185, 0) 0%, rgba(89, 154, 185, 0.5) 100%); transition: background 0.5s ease-in-out; z-index: 1; } .category-banner:hover .overlay { background: linear-gradient(to bottom, rgba(89, 154, 185, 0) 0%, rgba(89, 154, 185, 0.8) 100%); } .category-banner:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient( 270deg, #599AB9, #21638B, #FFFFFF, #21638B, #599AB9); background-size: 500% 100%; opacity: 0; transition: opacity 0.5s ease-in-out, background-position 0s linear; z-index: 2; } .category-banner:hover:before { opacity: 1; animation: GradientWave 8s linear infinite; } @keyframes GradientWave { 0% { background-position: 100% 50%; } 50% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } .category-banner .content { z-index: 3; position: relative; width: 100%; color: white; padding: 20px; transition: transform 0.3s ease-in-out, color 0.3s ease; } .category-banner:hover .content { transform: translateY(-10px); } .category-banner h2, .category-banner p { margin: 0; } .category-banner .learn-more { opacity: 0; transition: opacity 0.3s ease-in-out; text-decoration: none; color: #fff; } .category-banner:hover .learn-more { opacity: 1; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-969a6af */.category-banner { width: 100%; height: 300px; background-size: cover; background-position: center; overflow: hidden; position: relative; display: flex; align-items: flex-end; cursor: pointer; transition: transform 0.3s ease-in-out; } .category-banner .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, rgba(89, 154, 185, 0) 0%, rgba(89, 154, 185, 0.5) 100%); transition: background 0.5s ease-in-out; z-index: 1; } .category-banner:hover .overlay { background: linear-gradient(to bottom, rgba(89, 154, 185, 0) 0%, rgba(89, 154, 185, 0.8) 100%); } .category-banner:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient( 270deg, #599AB9, #21638B, #FFFFFF, #21638B, #599AB9); background-size: 500% 100%; opacity: 0; transition: opacity 0.5s ease-in-out, background-position 0s linear; z-index: 2; } .category-banner:hover:before { opacity: 1; animation: GradientWave 8s linear infinite; } @keyframes GradientWave { 0% { background-position: 100% 50%; } 50% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } .category-banner .content { z-index: 3; position: relative; width: 100%; color: white; padding: 20px; transition: transform 0.3s ease-in-out, color 0.3s ease; } .category-banner:hover .content { transform: translateY(-10px); } .category-banner h2, .category-banner p { margin: 0; } .category-banner .learn-more { opacity: 0; transition: opacity 0.3s ease-in-out; text-decoration: none; color: #fff; } .category-banner:hover .learn-more { opacity: 1; }/* End custom CSS */