.elementor-28 .elementor-element.elementor-element-fcee7cd{--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:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--margin-top:2%;--margin-bottom:0%;--margin-left:5%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-28 .elementor-element.elementor-element-fcee7cd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28 .elementor-element.elementor-element-4259454{--display:flex;box-shadow:0px 4px 6px 0px rgba(0, 0, 0, 0.14);}.elementor-28 .elementor-element.elementor-element-4259454:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-4259454 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-f37595b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-28 .elementor-element.elementor-element-f37595b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .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-28 .elementor-element.elementor-element-debb6a3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-28 .elementor-element.elementor-element-fca8062{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-28 .elementor-element.elementor-element-fca8062.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );--n-menu-divider-color:var( --e-global-color-text );}.elementor-28 .elementor-element.elementor-element-440237c{--display:flex;}.elementor-28 .elementor-element.elementor-element-530c08a{--display:flex;--padding-top:1%;--padding-bottom:1%;--padding-left:5%;--padding-right:5%;--z-index:1;}.elementor-28 .elementor-element.elementor-element-530c08a:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-530c08a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B611A00;}.elementor-28 .elementor-element.elementor-element-317c9dc{--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-317c9dc:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-317c9dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-cdf003d{--display:flex;--min-height:77vh;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:20px 0px 0px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-cdf003d:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-cdf003d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-28 .elementor-element.elementor-element-cdf003d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28 .elementor-element.elementor-element-60aaa97{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-28 .elementor-element.elementor-element-e10e416 .elementor-button{background-color:#FFC84733;font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;fill:#444444;color:#444444;border-radius:20px 20px 20px 20px;}.elementor-28 .elementor-element.elementor-element-e10e416 .elementor-button-content-wrapper{flex-direction:row;}.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 );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-ccae996 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;line-height:30px;word-spacing:0px;}.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-28 .elementor-element.elementor-element-b682cf6{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;}.elementor-28 .elementor-element.elementor-element-4de650c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-358e82b .elementor-button{background-color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;border-radius:8px 8px 8px 8px;padding:16px 18px 16px 18px;}.elementor-28 .elementor-element.elementor-element-358e82b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-358e82b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-28 .elementor-element.elementor-element-358e82b .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-28 .elementor-element.elementor-element-a219acb .elementor-button{background-color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;border-radius:8px 8px 8px 8px;padding:16px 18px 16px 18px;}.elementor-28 .elementor-element.elementor-element-a219acb{padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-a219acb .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-28 .elementor-element.elementor-element-a219acb .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-28 .elementor-element.elementor-element-a0a62d9{--display:flex;--min-height:77vh;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;border-color:#CDCDCD;--border-color:#CDCDCD;--border-radius:0px 0px 0px 0px;--padding-top:32px;--padding-bottom:32px;--padding-left:10px;--padding-right:10px;}.elementor-28 .elementor-element.elementor-element-a0a62d9:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-a0a62d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-a0a62d9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28 .elementor-element.elementor-element-76e7750{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-84e2f2c{padding:0px 0px 10px 12px;}.elementor-28 .elementor-element.elementor-element-84e2f2c.elementor-element{--align-self:flex-start;}.elementor-28 .elementor-element.elementor-element-84e2f2c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.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-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-28 .elementor-element.elementor-element-01a46cf:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-01a46cf{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon-box-title{margin-block-end:10px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-01a46cf.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-01a46cf.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-01a46cf.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-01a46cf.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-01a46cf.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-01a46cf.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-01a46cf.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-01a46cf.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-01a46cf.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-01a46cf.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-01a46cf.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-01a46cf.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;line-height:1px;}.elementor-28 .elementor-element.elementor-element-01a46cf:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-01a46cf:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;color:#A3A3A3;}.elementor-28 .elementor-element.elementor-element-786fcd5:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-786fcd5{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon-box-title{margin-block-end:10px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-786fcd5.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-786fcd5.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-786fcd5.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-786fcd5.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-786fcd5.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-786fcd5.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-786fcd5.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-786fcd5.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-786fcd5.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-786fcd5.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-786fcd5.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-786fcd5.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;line-height:1px;}.elementor-28 .elementor-element.elementor-element-786fcd5:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-786fcd5:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-2c2f1c8:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-2c2f1c8{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon-box-title{margin-block-end:10px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-2c2f1c8.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-2c2f1c8.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-2c2f1c8.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-2c2f1c8.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-2c2f1c8.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-2c2f1c8.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-2c2f1c8.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-2c2f1c8.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-2c2f1c8.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-2c2f1c8.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-2c2f1c8.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-2c2f1c8.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;line-height:1px;}.elementor-28 .elementor-element.elementor-element-2c2f1c8:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-2c2f1c8:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-eda7867:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-eda7867{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon-box-title{margin-block-end:10px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-eda7867.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-eda7867.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-eda7867.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-eda7867.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-eda7867.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-eda7867.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-eda7867.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-eda7867.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-eda7867.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-eda7867.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-eda7867.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-eda7867.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;line-height:1px;}.elementor-28 .elementor-element.elementor-element-eda7867:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-eda7867:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-637766a{--display:flex;--min-height:77vh;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;border-color:#CDCDCD;--border-color:#CDCDCD;--border-radius:0px 0px 0px 0px;--padding-top:32px;--padding-bottom:32px;--padding-left:10px;--padding-right:10px;}.elementor-28 .elementor-element.elementor-element-637766a:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-637766a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-637766a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28 .elementor-element.elementor-element-f1686ef{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-e539aa9{padding:0px 0px 10px 12px;}.elementor-28 .elementor-element.elementor-element-e539aa9.elementor-element{--align-self:flex-start;}.elementor-28 .elementor-element.elementor-element-e539aa9 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-043493e:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-043493e{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-043493e .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-043493e .elementor-icon-box-title{margin-block-end:10px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-043493e.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-043493e.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-043493e.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-043493e.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-043493e.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-043493e.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-043493e.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-043493e.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-043493e.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-043493e.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-043493e.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-043493e.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-043493e .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-043493e .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-043493e .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;line-height:1px;}.elementor-28 .elementor-element.elementor-element-043493e:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-043493e:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-043493e .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-0562fa4:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-0562fa4{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon-box-title{margin-block-end:10px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-0562fa4.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-0562fa4.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-0562fa4.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-0562fa4.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-0562fa4.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-0562fa4.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-0562fa4.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-0562fa4.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-0562fa4.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-0562fa4.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-0562fa4.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-0562fa4.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;line-height:1px;}.elementor-28 .elementor-element.elementor-element-0562fa4:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-0562fa4:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-5cbabf5:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-5cbabf5{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon-box-title{margin-block-end:10px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-5cbabf5.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-5cbabf5.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-5cbabf5.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-5cbabf5.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-5cbabf5.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-5cbabf5.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-5cbabf5.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-5cbabf5.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-5cbabf5.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-5cbabf5.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-5cbabf5.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-5cbabf5.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;line-height:1px;}.elementor-28 .elementor-element.elementor-element-5cbabf5:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-5cbabf5:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-635f261:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-635f261{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon-box-title{margin-block-end:10px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-635f261.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-635f261.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-635f261.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-635f261.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-635f261.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-635f261.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-635f261.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-635f261.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-635f261.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-635f261.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-635f261.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-635f261.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;line-height:1px;}.elementor-28 .elementor-element.elementor-element-635f261:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-635f261:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-846c6b1{--display:flex;--min-height:77vh;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;border-color:#CDCDCD;--border-color:#CDCDCD;--border-radius:0px 0px 0px 0px;--padding-top:32px;--padding-bottom:32px;--padding-left:10px;--padding-right:10px;}.elementor-28 .elementor-element.elementor-element-846c6b1:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-846c6b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-846c6b1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28 .elementor-element.elementor-element-6386178{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-16be179{padding:0px 0px 10px 12px;}.elementor-28 .elementor-element.elementor-element-16be179.elementor-element{--align-self:flex-start;}.elementor-28 .elementor-element.elementor-element-16be179 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-c854525:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-c854525{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon-box-title{margin-block-end:10px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-c854525.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-c854525.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-c854525.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-c854525.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-c854525.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-c854525.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-c854525.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-c854525.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-c854525.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-c854525.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-c854525.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-c854525.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;line-height:1px;}.elementor-28 .elementor-element.elementor-element-c854525:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-c854525:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-6be2d46:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-6be2d46{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon-box-title{margin-block-end:10px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-6be2d46.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-6be2d46.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-6be2d46.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-6be2d46.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-6be2d46.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-6be2d46.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-6be2d46.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-6be2d46.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-6be2d46.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-6be2d46.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-6be2d46.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-6be2d46.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;line-height:1px;}.elementor-28 .elementor-element.elementor-element-6be2d46:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-6be2d46:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-f77fff2:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-f77fff2{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon-box-title{margin-block-end:10px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-f77fff2.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-f77fff2.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-f77fff2.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-f77fff2.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-f77fff2.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-f77fff2.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-f77fff2.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-f77fff2.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-f77fff2.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-f77fff2.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-f77fff2.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-f77fff2.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;line-height:1px;}.elementor-28 .elementor-element.elementor-element-f77fff2:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-f77fff2:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-8b6e3c0:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-8b6e3c0{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon-box-title{margin-block-end:10px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-8b6e3c0.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-8b6e3c0.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-8b6e3c0.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-8b6e3c0.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-8b6e3c0.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-8b6e3c0.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-8b6e3c0.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-8b6e3c0.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-8b6e3c0.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-8b6e3c0.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-8b6e3c0.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-8b6e3c0.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;line-height:1px;}.elementor-28 .elementor-element.elementor-element-8b6e3c0:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-8b6e3c0:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-6dc67a5{--display:flex;--min-height:77vh;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;border-color:#CDCDCD;--border-color:#CDCDCD;--border-radius:0px 20px 20px 0px;--padding-top:32px;--padding-bottom:32px;--padding-left:10px;--padding-right:10px;}.elementor-28 .elementor-element.elementor-element-6dc67a5:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-6dc67a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-6540f93{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-9bbd855{padding:0px 0px 10px 12px;}.elementor-28 .elementor-element.elementor-element-9bbd855.elementor-element{--align-self:flex-start;}.elementor-28 .elementor-element.elementor-element-9bbd855 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-f682827:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-f682827{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon-box-title{margin-block-end:10px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-f682827.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-f682827.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-f682827.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-f682827.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-f682827.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-f682827.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-f682827.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-f682827.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-f682827.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-f682827.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-f682827.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-f682827.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;line-height:1px;}.elementor-28 .elementor-element.elementor-element-f682827:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-f682827:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-79a917b:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-79a917b{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon-box-title{margin-block-end:10px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-79a917b.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-79a917b.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-79a917b.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-79a917b.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-79a917b.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-79a917b.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-79a917b.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-79a917b.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-79a917b.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-79a917b.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-79a917b.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-79a917b.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;line-height:1px;}.elementor-28 .elementor-element.elementor-element-79a917b:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-79a917b:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-77f7b7f:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-77f7b7f{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon-box-title{margin-block-end:10px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-77f7b7f.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-77f7b7f.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-77f7b7f.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-77f7b7f.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-77f7b7f.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-77f7b7f.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-77f7b7f.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-77f7b7f.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-77f7b7f.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-77f7b7f.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-77f7b7f.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-77f7b7f.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;line-height:1px;}.elementor-28 .elementor-element.elementor-element-77f7b7f:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-77f7b7f:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-3c0b998:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-3c0b998{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon-box-title{margin-block-end:10px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-3c0b998.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-3c0b998.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-3c0b998.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-3c0b998.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-3c0b998.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-3c0b998.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-3c0b998.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-3c0b998.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-3c0b998.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-3c0b998.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-3c0b998.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-3c0b998.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;line-height:1px;}.elementor-28 .elementor-element.elementor-element-3c0b998:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-3c0b998:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-1c320a5:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-1c320a5{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon-box-title{margin-block-end:10px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-1c320a5.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-1c320a5.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-1c320a5.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-1c320a5.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-1c320a5.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-1c320a5.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-1c320a5.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-1c320a5.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-1c320a5.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-1c320a5.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-1c320a5.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-1c320a5.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;line-height:1px;}.elementor-28 .elementor-element.elementor-element-1c320a5:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-1c320a5:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-764f044:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-764f044{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon-box-title{margin-block-end:10px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-764f044.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-764f044.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-764f044.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-764f044.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-764f044.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-764f044.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-764f044.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-764f044.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-764f044.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-764f044.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-764f044.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-764f044.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;line-height:1px;}.elementor-28 .elementor-element.elementor-element-764f044:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-764f044:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-bae5093{--display:flex;}.elementor-28 .elementor-element.elementor-element-0428838{--display:flex;}.elementor-28 .elementor-element.elementor-element-831c259{--display:flex;}.elementor-28 .elementor-element.elementor-element-1b1040d{--display:flex;}.elementor-28 .elementor-element.elementor-element-39c8a64{--display:flex;}.elementor-28 .elementor-element.elementor-element-a455e51{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:20px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:16px;--n-menu-title-color-normal:#646466;--n-menu-divider-content:"";--n-menu-divider-style:solid;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:var( --e-global-color-text );--n-menu-toggle-icon-color-hover:var( --e-global-color-primary );--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-color-active:var( --e-global-color-primary );--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-28 .elementor-element.elementor-element-a455e51 > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ){background:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-a455e51 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-28 .elementor-element.elementor-element-a455e51 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-28 .elementor-element.elementor-element-a455e51 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Poppins", Sans-serif;font-weight:500;--n-menu-title-line-height:1;letter-spacing:0px;word-spacing:0px;}.elementor-28 .elementor-element.elementor-element-a455e51 {--n-menu-title-color-hover:#646466;--n-menu-title-color-active:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-272f12d{--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:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;box-shadow:0px 8px 10px 0px rgba(0, 0, 0, 0.12);--margin-top:2%;--margin-bottom:0%;--margin-left:5%;--margin-right:0%;--z-index:1;}.elementor-28 .elementor-element.elementor-element-272f12d:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-272f12d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-272f12d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28 .elementor-element.elementor-element-7bf99ad{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-7bf99ad.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28 .elementor-element.elementor-element-a952c3a{text-align:start;}.elementor-28 .elementor-element.elementor-element-a952c3a img{width:80%;}.elementor-28 .elementor-element.elementor-element-d77c364{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-d77c364.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28 .elementor-element.elementor-element-ebb6cd1{--display:flex;}.elementor-28 .elementor-element.elementor-element-a72f2eb{--display:flex;--padding-top:1%;--padding-bottom:1%;--padding-left:5%;--padding-right:5%;--z-index:1;}.elementor-28 .elementor-element.elementor-element-a72f2eb:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-a72f2eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B611A00;}.elementor-28 .elementor-element.elementor-element-73d2e57{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-73d2e57:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-73d2e57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-fd80a99{--display:flex;--min-height:0vh;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:20px 0px 0px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-fd80a99:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-fd80a99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-28 .elementor-element.elementor-element-fd80a99.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28 .elementor-element.elementor-element-6f3f022{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-845c71b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:700;line-height:30px;word-spacing:0px;}.elementor-28 .elementor-element.elementor-element-0a26cda{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;}.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-28 .elementor-element.elementor-element-d2e1ca1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:30%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-2efcbdd .elementor-button{background-color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-radius:8px 8px 8px 8px;padding:16px 18px 16px 18px;}.elementor-28 .elementor-element.elementor-element-2efcbdd{padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-2efcbdd .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-28 .elementor-element.elementor-element-2efcbdd .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-28 .elementor-element.elementor-element-d0c0df3{--display:flex;--min-height:0vh;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;border-color:#CDCDCD;--border-color:#CDCDCD;--border-radius:0px 0px 0px 0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-d0c0df3:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-d0c0df3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-d0c0df3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28 .elementor-element.elementor-element-0fb8656{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-86c9d3a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 15px;padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-86c9d3a.elementor-element{--align-self:flex-start;}.elementor-28 .elementor-element.elementor-element-86c9d3a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:1em;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-552ef64:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-552ef64{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-552ef64.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-552ef64.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-552ef64.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-552ef64.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-552ef64.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-552ef64.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-552ef64.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-552ef64.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-552ef64.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-552ef64.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-552ef64.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-552ef64.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;line-height:1.5em;}.elementor-28 .elementor-element.elementor-element-552ef64:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-552ef64:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-a3ec355:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-a3ec355{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-a3ec355.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-a3ec355.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-a3ec355.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-a3ec355.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-a3ec355.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-a3ec355.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-a3ec355.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-a3ec355.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-a3ec355.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-a3ec355.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-a3ec355.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-a3ec355.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;line-height:1.5em;}.elementor-28 .elementor-element.elementor-element-a3ec355:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-a3ec355:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-1f5bf6c:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-1f5bf6c{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-1f5bf6c.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-1f5bf6c.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-1f5bf6c.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-1f5bf6c.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-1f5bf6c.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-1f5bf6c.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-1f5bf6c.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-1f5bf6c.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-1f5bf6c.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-1f5bf6c.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-1f5bf6c.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-1f5bf6c.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;line-height:1.5em;}.elementor-28 .elementor-element.elementor-element-1f5bf6c:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-1f5bf6c:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-d0563fd:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-d0563fd{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-d0563fd.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-d0563fd.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-d0563fd.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-d0563fd.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-d0563fd.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-d0563fd.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-d0563fd.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-d0563fd.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-d0563fd.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-d0563fd.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-d0563fd.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-d0563fd.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;line-height:1.5em;}.elementor-28 .elementor-element.elementor-element-d0563fd:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-d0563fd:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-2adf36b{--display:flex;--min-height:0vh;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;border-color:#CDCDCD;--border-color:#CDCDCD;--border-radius:0px 0px 0px 0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-2adf36b:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-2adf36b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-2adf36b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28 .elementor-element.elementor-element-8d2eef8{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-9b67037{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 8px;padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-9b67037.elementor-element{--align-self:flex-start;}.elementor-28 .elementor-element.elementor-element-9b67037 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:1em;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-34e0a82:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-34e0a82{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-34e0a82.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-34e0a82.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-34e0a82.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-34e0a82.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-34e0a82.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-34e0a82.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-34e0a82.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-34e0a82.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-34e0a82.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-34e0a82.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-34e0a82.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-34e0a82.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;line-height:1.5em;}.elementor-28 .elementor-element.elementor-element-34e0a82:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-34e0a82:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-2729e51:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-2729e51{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-2729e51.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-2729e51.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-2729e51.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-2729e51.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-2729e51.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-2729e51.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-2729e51.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-2729e51.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-2729e51.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-2729e51.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-2729e51.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-2729e51.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;line-height:1.5em;}.elementor-28 .elementor-element.elementor-element-2729e51:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-2729e51:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-54bf76c:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-54bf76c{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-54bf76c.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-54bf76c.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-54bf76c.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-54bf76c.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-54bf76c.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-54bf76c.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-54bf76c.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-54bf76c.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-54bf76c.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-54bf76c.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-54bf76c.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-54bf76c.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;line-height:1.5em;}.elementor-28 .elementor-element.elementor-element-54bf76c:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-54bf76c:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-1070093:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-1070093{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-1070093.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-1070093.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-1070093.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-1070093.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-1070093.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-1070093.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-1070093.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-1070093.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-1070093.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-1070093.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-1070093.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-1070093.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;line-height:1.5em;}.elementor-28 .elementor-element.elementor-element-1070093:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-1070093:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-c11e1dd{--display:flex;--min-height:0vh;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;border-color:#CDCDCD;--border-color:#CDCDCD;--border-radius:0px 0px 0px 0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-c11e1dd:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-c11e1dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-c11e1dd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28 .elementor-element.elementor-element-ea88ff2{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-2624500{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 15px;padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-2624500.elementor-element{--align-self:flex-start;}.elementor-28 .elementor-element.elementor-element-2624500 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:1em;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-09f94f9:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-09f94f9{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-09f94f9.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-09f94f9.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-09f94f9.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-09f94f9.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-09f94f9.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-09f94f9.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-09f94f9.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-09f94f9.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-09f94f9.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-09f94f9.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-09f94f9.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-09f94f9.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;line-height:1.5em;}.elementor-28 .elementor-element.elementor-element-09f94f9:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-09f94f9:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-7243dae:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-7243dae{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-7243dae.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-7243dae.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-7243dae.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-7243dae.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-7243dae.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-7243dae.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-7243dae.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-7243dae.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-7243dae.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-7243dae.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-7243dae.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-7243dae.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;line-height:1.5em;}.elementor-28 .elementor-element.elementor-element-7243dae:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-7243dae:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-c05b7a8:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-c05b7a8{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-c05b7a8.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-c05b7a8.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-c05b7a8.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-c05b7a8.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-c05b7a8.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-c05b7a8.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-c05b7a8.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-c05b7a8.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-c05b7a8.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-c05b7a8.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-c05b7a8.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-c05b7a8.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;line-height:1.5em;}.elementor-28 .elementor-element.elementor-element-c05b7a8:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-c05b7a8:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-760d43a:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-760d43a{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-760d43a.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-760d43a.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-760d43a.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-760d43a.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-760d43a.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-760d43a.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-760d43a.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-760d43a.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-760d43a.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-760d43a.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-760d43a.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-760d43a.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;line-height:1.5em;}.elementor-28 .elementor-element.elementor-element-760d43a:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-760d43a:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-d04bc81{--display:flex;--min-height:0vh;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;border-color:#CDCDCD;--border-color:#CDCDCD;--border-radius:0px 20px 20px 0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-d04bc81:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-d04bc81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-d04bc81.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28 .elementor-element.elementor-element-93d0939{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-8a6da08{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 15px;padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-8a6da08.elementor-element{--align-self:flex-start;}.elementor-28 .elementor-element.elementor-element-8a6da08 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:1em;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-6d5ceb2:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-6d5ceb2{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-6d5ceb2.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-6d5ceb2.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-6d5ceb2.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-6d5ceb2.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-6d5ceb2.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-6d5ceb2.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-6d5ceb2.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-6d5ceb2.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-6d5ceb2.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-6d5ceb2.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-6d5ceb2.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-6d5ceb2.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;line-height:1.5em;}.elementor-28 .elementor-element.elementor-element-6d5ceb2:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-6d5ceb2:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-bf48a2b:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-bf48a2b{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-bf48a2b.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-bf48a2b.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-bf48a2b.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-bf48a2b.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-bf48a2b.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-bf48a2b.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-bf48a2b.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-bf48a2b.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-bf48a2b.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-bf48a2b.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-bf48a2b.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-bf48a2b.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;line-height:1.5em;}.elementor-28 .elementor-element.elementor-element-bf48a2b:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-bf48a2b:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-f0da51c:hover{background-color:#E7F3E9;}.elementor-28 .elementor-element.elementor-element-f0da51c{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-wrapper{align-items:start;gap:10px;}.elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-f0da51c.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-28 .elementor-element.elementor-element-f0da51c.elementor-view-framed .elementor-icon, .elementor-28 .elementor-element.elementor-element-f0da51c.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-f0da51c.elementor-view-framed .elementor-icon{background-color:#000000;}.elementor-28 .elementor-element.elementor-element-f0da51c.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-f0da51c.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#ECECEC;color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-f0da51c.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-f0da51c.elementor-view-default:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-f0da51c.elementor-view-framed:has(:focus) .elementor-icon, .elementor-28 .elementor-element.elementor-element-f0da51c.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-f0da51c.elementor-view-framed:has(:hover) .elementor-icon, .elementor-28 .elementor-element.elementor-element-f0da51c.elementor-view-framed:has(:focus) .elementor-icon{background-color:#ECECEC;}.elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon{font-size:15px;padding:8px;border-radius:8px 8px 8px 8px;}.elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;line-height:1.5em;}.elementor-28 .elementor-element.elementor-element-f0da51c:has(:hover) .elementor-icon-box-title, .elementor-28 .elementor-element.elementor-element-f0da51c:has(:focus) .elementor-icon-box-title{color:#2D2D2D;}.elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:11px;font-weight:400;color:#A7A7A7;}.elementor-28 .elementor-element.elementor-element-8d2a8b9{--display:flex;}.elementor-28 .elementor-element.elementor-element-eee5d9d{--display:flex;}.elementor-28 .elementor-element.elementor-element-ff24c7b{--display:flex;}.elementor-28 .elementor-element.elementor-element-fd0a983{--display:flex;}.elementor-28 .elementor-element.elementor-element-ad815d9{--display:flex;}.elementor-28 .elementor-element.elementor-element-7c3fcc8{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:20px;padding:0px 0px 0px 0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:14px;--n-menu-title-color-normal:#646466;--n-menu-title-transition:300ms;--n-menu-title-padding:10px 10px 10px 10px;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:var( --e-global-color-text );--n-menu-toggle-icon-color-hover:var( --e-global-color-primary );--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-color-active:var( --e-global-color-primary );--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-28 .elementor-element.elementor-element-7c3fcc8 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ):not( :hover ){background-color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-7c3fcc8 > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ){background:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-7c3fcc8 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-28 .elementor-element.elementor-element-7c3fcc8 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-28 .elementor-element.elementor-element-7c3fcc8 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Poppins", Sans-serif;font-weight:500;--n-menu-title-line-height:1;letter-spacing:0px;word-spacing:0px;}.elementor-28 .elementor-element.elementor-element-7c3fcc8 {--n-menu-title-color-hover:#646466;--n-menu-title-color-active:var( --e-global-color-primary );}:where( .elementor-28 .elementor-element.elementor-element-7c3fcc8 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}:where( [data-core-v316-plus='true'] .elementor-element.elementor-widget-n-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{--padding-block-start:0px;--padding-inline-end:0px;--padding-block-end:0px;--padding-inline-start:0px;}.elementor-28 .elementor-element.elementor-element-4228c62{--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:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-4228c62.e-con{--order:99999 /* order end hack */;}.elementor-28 .elementor-element.elementor-element-08d7bc1 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:20px;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-radius:8px 8px 8px 8px;padding:16px 18px 16px 18px;}.elementor-28 .elementor-element.elementor-element-08d7bc1{padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-08d7bc1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-28 .elementor-element.elementor-element-08d7bc1 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-28 .elementor-element.elementor-element-fcee7cd{--width:90%;}.elementor-28 .elementor-element.elementor-element-f37595b{--width:20%;}.elementor-28 .elementor-element.elementor-element-fca8062{--width:60%;}.elementor-28 .elementor-element.elementor-element-317c9dc{--content-width:100%;}.elementor-28 .elementor-element.elementor-element-cdf003d{--width:20%;}.elementor-28 .elementor-element.elementor-element-a0a62d9{--width:20%;}.elementor-28 .elementor-element.elementor-element-637766a{--width:20%;}.elementor-28 .elementor-element.elementor-element-846c6b1{--width:20%;}.elementor-28 .elementor-element.elementor-element-6dc67a5{--width:20%;}.elementor-28 .elementor-element.elementor-element-272f12d{--width:90%;}.elementor-28 .elementor-element.elementor-element-7bf99ad{--width:20%;}.elementor-28 .elementor-element.elementor-element-d77c364{--width:60%;}.elementor-28 .elementor-element.elementor-element-73d2e57{--content-width:100%;}.elementor-28 .elementor-element.elementor-element-fd80a99{--width:100%;}.elementor-28 .elementor-element.elementor-element-d0c0df3{--width:100%;}.elementor-28 .elementor-element.elementor-element-2adf36b{--width:100%;}.elementor-28 .elementor-element.elementor-element-c11e1dd{--width:100%;}.elementor-28 .elementor-element.elementor-element-d04bc81{--width:100%;}.elementor-28 .elementor-element.elementor-element-4228c62{--content-width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-28 .elementor-element.elementor-element-7bf99ad{--width:30%;}.elementor-28 .elementor-element.elementor-element-d77c364{--width:37.854%;}.elementor-28 .elementor-element.elementor-element-4228c62{--content-width:100%;}}@media(max-width:1024px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-28 .elementor-element.elementor-element-a455e51{--n-menu-toggle-icon-size:32px;}.elementor-28 .elementor-element.elementor-element-272f12d{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-28 .elementor-element.elementor-element-d77c364{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-28 .elementor-element.elementor-element-d77c364.e-con{--align-self:center;}.elementor-28 .elementor-element.elementor-element-73d2e57{--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-28 .elementor-element.elementor-element-7c3fcc8{--n-menu-title-distance-from-content:15px;--n-menu-title-space-between:0px;--n-menu-title-padding:20px 10px 20px 50px;--n-menu-toggle-icon-size:32px;--n-menu-toggle-icon-distance-from-dropdown:30px;}}@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-fcee7cd{--width:100%;--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;--align-items:center;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-4259454{--content-width:95%;--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;--border-radius:8px 8px 8px 8px;--margin-top:2%;--margin-bottom:-2%;--margin-left:2%;--margin-right:2%;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-28 .elementor-element.elementor-element-f37595b{--width:70%;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-28 .elementor-element.elementor-element-debb6a3{width:var( --container-widget-width, 192.875px );max-width:192.875px;--container-widget-width:192.875px;--container-widget-flex-grow:0;}.elementor-28 .elementor-element.elementor-element-fca8062{--width:30%;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-28 .elementor-element.elementor-element-a455e51{--n-menu-title-padding:15px 15px 15px 15px;--n-menu-toggle-icon-size:35px;--n-menu-toggle-icon-padding:0px 0px 0px 0px;--n-menu-toggle-icon-distance-from-dropdown:30px;}.elementor-28 .elementor-element.elementor-element-73d2e57{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for icon-box, class: .elementor-element-01a46cf *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-01a46cf a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-01a46cf { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-01a46cf:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-786fcd5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-786fcd5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-786fcd5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-786fcd5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2c2f1c8 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-2c2f1c8 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-2c2f1c8 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-2c2f1c8:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-eda7867 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-eda7867 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-eda7867 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-eda7867:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-043493e *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-043493e .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-043493e .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-043493e a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-043493e { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-043493e:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-043493e .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-0562fa4 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-0562fa4 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-0562fa4 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-0562fa4:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5cbabf5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-5cbabf5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-5cbabf5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-5cbabf5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-635f261 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-635f261 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-635f261 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-635f261 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-635f261:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c854525 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-c854525 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-c854525 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-c854525 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-c854525:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6be2d46 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-6be2d46 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-6be2d46 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-6be2d46:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f77fff2 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f77fff2 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f77fff2 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f77fff2:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8b6e3c0 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-8b6e3c0 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-8b6e3c0 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-8b6e3c0:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f682827 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f682827 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f682827 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f682827 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f682827:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-79a917b *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-79a917b .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-79a917b a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-79a917b { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-79a917b:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-77f7b7f *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-77f7b7f a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-77f7b7f { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-77f7b7f:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-3c0b998 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-3c0b998 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-3c0b998 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-3c0b998:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1c320a5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1c320a5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1c320a5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1c320a5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-764f044 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-764f044 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-764f044 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-764f044 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-764f044:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-01a46cf *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-01a46cf a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-01a46cf { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-01a46cf:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-786fcd5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-786fcd5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-786fcd5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-786fcd5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2c2f1c8 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-2c2f1c8 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-2c2f1c8 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-2c2f1c8:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-eda7867 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-eda7867 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-eda7867 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-eda7867:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-043493e *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-043493e .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-043493e .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-043493e a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-043493e { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-043493e:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-043493e .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-0562fa4 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-0562fa4 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-0562fa4 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-0562fa4:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5cbabf5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-5cbabf5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-5cbabf5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-5cbabf5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-635f261 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-635f261 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-635f261 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-635f261 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-635f261:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c854525 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-c854525 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-c854525 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-c854525 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-c854525:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6be2d46 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-6be2d46 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-6be2d46 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-6be2d46:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f77fff2 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f77fff2 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f77fff2 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f77fff2:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8b6e3c0 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-8b6e3c0 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-8b6e3c0 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-8b6e3c0:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f682827 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f682827 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f682827 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f682827 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f682827:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-79a917b *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-79a917b .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-79a917b a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-79a917b { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-79a917b:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-77f7b7f *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-77f7b7f a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-77f7b7f { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-77f7b7f:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-3c0b998 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-3c0b998 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-3c0b998 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-3c0b998:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1c320a5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1c320a5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1c320a5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1c320a5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-764f044 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-764f044 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-764f044 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-764f044 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-764f044:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-01a46cf *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-01a46cf a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-01a46cf { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-01a46cf:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-786fcd5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-786fcd5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-786fcd5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-786fcd5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2c2f1c8 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-2c2f1c8 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-2c2f1c8 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-2c2f1c8:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-eda7867 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-eda7867 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-eda7867 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-eda7867:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-043493e *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-043493e .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-043493e .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-043493e a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-043493e { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-043493e:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-043493e .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-0562fa4 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-0562fa4 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-0562fa4 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-0562fa4:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5cbabf5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-5cbabf5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-5cbabf5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-5cbabf5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-635f261 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-635f261 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-635f261 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-635f261 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-635f261:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c854525 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-c854525 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-c854525 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-c854525 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-c854525:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6be2d46 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-6be2d46 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-6be2d46 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-6be2d46:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f77fff2 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f77fff2 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f77fff2 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f77fff2:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8b6e3c0 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-8b6e3c0 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-8b6e3c0 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-8b6e3c0:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f682827 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f682827 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f682827 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f682827 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f682827:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-79a917b *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-79a917b .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-79a917b a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-79a917b { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-79a917b:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-77f7b7f *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-77f7b7f a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-77f7b7f { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-77f7b7f:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-3c0b998 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-3c0b998 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-3c0b998 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-3c0b998:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1c320a5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1c320a5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1c320a5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1c320a5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-764f044 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-764f044 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-764f044 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-764f044 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-764f044:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-01a46cf *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-01a46cf a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-01a46cf { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-01a46cf:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-786fcd5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-786fcd5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-786fcd5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-786fcd5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2c2f1c8 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-2c2f1c8 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-2c2f1c8 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-2c2f1c8:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-eda7867 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-eda7867 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-eda7867 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-eda7867:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-043493e *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-043493e .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-043493e .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-043493e a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-043493e { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-043493e:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-043493e .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-0562fa4 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-0562fa4 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-0562fa4 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-0562fa4:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5cbabf5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-5cbabf5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-5cbabf5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-5cbabf5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-635f261 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-635f261 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-635f261 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-635f261 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-635f261:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c854525 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-c854525 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-c854525 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-c854525 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-c854525:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6be2d46 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-6be2d46 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-6be2d46 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-6be2d46:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f77fff2 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f77fff2 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f77fff2 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f77fff2:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8b6e3c0 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-8b6e3c0 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-8b6e3c0 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-8b6e3c0:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f682827 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f682827 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f682827 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f682827 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f682827:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-79a917b *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-79a917b .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-79a917b a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-79a917b { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-79a917b:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-77f7b7f *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-77f7b7f a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-77f7b7f { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-77f7b7f:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-3c0b998 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-3c0b998 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-3c0b998 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-3c0b998:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1c320a5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1c320a5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1c320a5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1c320a5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-764f044 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-764f044 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-764f044 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-764f044 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-764f044:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-01a46cf *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-01a46cf a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-01a46cf { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-01a46cf:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-786fcd5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-786fcd5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-786fcd5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-786fcd5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2c2f1c8 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-2c2f1c8 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-2c2f1c8 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-2c2f1c8:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-eda7867 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-eda7867 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-eda7867 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-eda7867:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-043493e *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-043493e .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-043493e .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-043493e a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-043493e { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-043493e:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-043493e .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-0562fa4 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-0562fa4 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-0562fa4 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-0562fa4:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5cbabf5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-5cbabf5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-5cbabf5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-5cbabf5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-635f261 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-635f261 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-635f261 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-635f261 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-635f261:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c854525 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-c854525 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-c854525 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-c854525 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-c854525:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6be2d46 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-6be2d46 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-6be2d46 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-6be2d46:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f77fff2 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f77fff2 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f77fff2 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f77fff2:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8b6e3c0 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-8b6e3c0 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-8b6e3c0 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-8b6e3c0:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f682827 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f682827 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f682827 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f682827 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f682827:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-79a917b *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-79a917b .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-79a917b a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-79a917b { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-79a917b:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-77f7b7f *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-77f7b7f a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-77f7b7f { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-77f7b7f:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-3c0b998 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-3c0b998 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-3c0b998 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-3c0b998:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1c320a5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1c320a5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1c320a5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1c320a5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-764f044 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-764f044 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-764f044 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-764f044 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-764f044:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-01a46cf *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-01a46cf a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-01a46cf { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-01a46cf:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-786fcd5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-786fcd5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-786fcd5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-786fcd5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2c2f1c8 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-2c2f1c8 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-2c2f1c8 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-2c2f1c8:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-eda7867 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-eda7867 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-eda7867 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-eda7867:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-043493e *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-043493e .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-043493e .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-043493e a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-043493e { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-043493e:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-043493e .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-0562fa4 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-0562fa4 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-0562fa4 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-0562fa4:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5cbabf5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-5cbabf5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-5cbabf5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-5cbabf5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-635f261 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-635f261 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-635f261 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-635f261 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-635f261:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c854525 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-c854525 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-c854525 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-c854525 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-c854525:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6be2d46 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-6be2d46 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-6be2d46 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-6be2d46:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f77fff2 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f77fff2 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f77fff2 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f77fff2:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8b6e3c0 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-8b6e3c0 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-8b6e3c0 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-8b6e3c0:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f682827 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f682827 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f682827 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f682827 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f682827:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-79a917b *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-79a917b .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-79a917b a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-79a917b { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-79a917b:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-77f7b7f *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-77f7b7f a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-77f7b7f { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-77f7b7f:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-3c0b998 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-3c0b998 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-3c0b998 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-3c0b998:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1c320a5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1c320a5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1c320a5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1c320a5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-764f044 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-764f044 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-764f044 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-764f044 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-764f044:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-01a46cf *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-01a46cf a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-01a46cf { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-01a46cf:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-786fcd5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-786fcd5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-786fcd5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-786fcd5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2c2f1c8 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-2c2f1c8 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-2c2f1c8 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-2c2f1c8:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-eda7867 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-eda7867 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-eda7867 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-eda7867:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-043493e *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-043493e .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-043493e .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-043493e a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-043493e { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-043493e:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-043493e .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-0562fa4 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-0562fa4 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-0562fa4 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-0562fa4:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5cbabf5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-5cbabf5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-5cbabf5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-5cbabf5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-635f261 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-635f261 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-635f261 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-635f261 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-635f261:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c854525 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-c854525 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-c854525 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-c854525 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-c854525:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6be2d46 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-6be2d46 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-6be2d46 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-6be2d46:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f77fff2 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f77fff2 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f77fff2 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f77fff2:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8b6e3c0 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-8b6e3c0 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-8b6e3c0 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-8b6e3c0:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f682827 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f682827 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f682827 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f682827 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f682827:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-79a917b *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-79a917b .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-79a917b a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-79a917b { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-79a917b:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-77f7b7f *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-77f7b7f a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-77f7b7f { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-77f7b7f:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-3c0b998 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-3c0b998 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-3c0b998 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-3c0b998:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1c320a5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1c320a5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1c320a5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1c320a5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-764f044 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-764f044 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-764f044 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-764f044 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-764f044:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-01a46cf *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-01a46cf a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-01a46cf { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-01a46cf:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-01a46cf .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-786fcd5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-786fcd5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-786fcd5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-786fcd5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-786fcd5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2c2f1c8 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-2c2f1c8 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-2c2f1c8 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-2c2f1c8:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-2c2f1c8 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-eda7867 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-eda7867 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-eda7867 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-eda7867:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-eda7867 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-043493e *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-043493e .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-043493e .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-043493e a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-043493e { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-043493e:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-043493e .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-0562fa4 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-0562fa4 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-0562fa4 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-0562fa4:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-0562fa4 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5cbabf5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-5cbabf5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-5cbabf5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-5cbabf5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-5cbabf5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-635f261 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-635f261 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-635f261 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-635f261 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-635f261:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-635f261 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c854525 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-c854525 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-c854525 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-c854525 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-c854525:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-c854525 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6be2d46 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-6be2d46 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-6be2d46 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-6be2d46:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-6be2d46 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f77fff2 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f77fff2 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f77fff2 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f77fff2:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f77fff2 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8b6e3c0 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-8b6e3c0 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-8b6e3c0 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-8b6e3c0:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-8b6e3c0 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f682827 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f682827 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f682827 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f682827 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f682827:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f682827 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-79a917b *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-79a917b .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-79a917b a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-79a917b { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-79a917b:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-79a917b .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-77f7b7f *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-77f7b7f a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-77f7b7f { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-77f7b7f:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-77f7b7f .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-3c0b998 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-3c0b998 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-3c0b998 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-3c0b998:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-3c0b998 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1c320a5 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1c320a5 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1c320a5 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1c320a5:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1c320a5 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-764f044 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-764f044 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-764f044 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-764f044 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-764f044:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-764f044 .elementor-icon-box-description { transition: color 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-552ef64 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-552ef64 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-552ef64 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-552ef64:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-a3ec355 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-a3ec355 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-a3ec355 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-a3ec355:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1f5bf6c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1f5bf6c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1f5bf6c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1f5bf6c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d0563fd *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-d0563fd a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-d0563fd { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-d0563fd:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-34e0a82 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-34e0a82 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-34e0a82 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-34e0a82:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2729e51 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-2729e51 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-2729e51 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-2729e51:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-54bf76c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-54bf76c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-54bf76c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-54bf76c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1070093 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1070093 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1070093 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1070093 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1070093:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-09f94f9 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-09f94f9 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-09f94f9 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-09f94f9:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7243dae *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-7243dae .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-7243dae a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-7243dae { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-7243dae:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c05b7a8 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-c05b7a8 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-c05b7a8 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-c05b7a8:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-760d43a *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-760d43a .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-760d43a a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-760d43a { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-760d43a:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6d5ceb2 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-6d5ceb2 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-6d5ceb2:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-bf48a2b *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-bf48a2b a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-bf48a2b { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-bf48a2b:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f0da51c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f0da51c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f0da51c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f0da51c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-552ef64 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-552ef64 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-552ef64 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-552ef64:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-a3ec355 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-a3ec355 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-a3ec355 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-a3ec355:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1f5bf6c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1f5bf6c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1f5bf6c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1f5bf6c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d0563fd *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-d0563fd a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-d0563fd { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-d0563fd:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-34e0a82 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-34e0a82 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-34e0a82 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-34e0a82:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2729e51 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-2729e51 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-2729e51 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-2729e51:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-54bf76c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-54bf76c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-54bf76c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-54bf76c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1070093 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1070093 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1070093 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1070093 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1070093:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-09f94f9 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-09f94f9 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-09f94f9 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-09f94f9:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7243dae *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-7243dae .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-7243dae a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-7243dae { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-7243dae:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c05b7a8 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-c05b7a8 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-c05b7a8 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-c05b7a8:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-760d43a *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-760d43a .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-760d43a a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-760d43a { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-760d43a:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6d5ceb2 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-6d5ceb2 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-6d5ceb2:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-bf48a2b *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-bf48a2b a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-bf48a2b { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-bf48a2b:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f0da51c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f0da51c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f0da51c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f0da51c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-552ef64 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-552ef64 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-552ef64 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-552ef64:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-a3ec355 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-a3ec355 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-a3ec355 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-a3ec355:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1f5bf6c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1f5bf6c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1f5bf6c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1f5bf6c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d0563fd *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-d0563fd a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-d0563fd { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-d0563fd:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-34e0a82 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-34e0a82 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-34e0a82 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-34e0a82:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2729e51 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-2729e51 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-2729e51 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-2729e51:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-54bf76c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-54bf76c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-54bf76c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-54bf76c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1070093 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1070093 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1070093 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1070093 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1070093:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-09f94f9 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-09f94f9 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-09f94f9 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-09f94f9:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7243dae *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-7243dae .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-7243dae a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-7243dae { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-7243dae:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c05b7a8 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-c05b7a8 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-c05b7a8 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-c05b7a8:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-760d43a *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-760d43a .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-760d43a a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-760d43a { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-760d43a:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6d5ceb2 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-6d5ceb2 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-6d5ceb2:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-bf48a2b *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-bf48a2b a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-bf48a2b { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-bf48a2b:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f0da51c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f0da51c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f0da51c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f0da51c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-552ef64 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-552ef64 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-552ef64 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-552ef64:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-a3ec355 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-a3ec355 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-a3ec355 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-a3ec355:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1f5bf6c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1f5bf6c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1f5bf6c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1f5bf6c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d0563fd *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-d0563fd a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-d0563fd { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-d0563fd:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-34e0a82 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-34e0a82 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-34e0a82 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-34e0a82:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2729e51 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-2729e51 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-2729e51 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-2729e51:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-54bf76c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-54bf76c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-54bf76c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-54bf76c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1070093 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1070093 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1070093 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1070093 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1070093:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-09f94f9 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-09f94f9 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-09f94f9 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-09f94f9:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7243dae *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-7243dae .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-7243dae a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-7243dae { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-7243dae:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c05b7a8 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-c05b7a8 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-c05b7a8 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-c05b7a8:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-760d43a *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-760d43a .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-760d43a a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-760d43a { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-760d43a:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6d5ceb2 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-6d5ceb2 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-6d5ceb2:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-bf48a2b *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-bf48a2b a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-bf48a2b { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-bf48a2b:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f0da51c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f0da51c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f0da51c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f0da51c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-552ef64 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-552ef64 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-552ef64 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-552ef64:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-a3ec355 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-a3ec355 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-a3ec355 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-a3ec355:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1f5bf6c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1f5bf6c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1f5bf6c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1f5bf6c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d0563fd *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-d0563fd a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-d0563fd { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-d0563fd:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-34e0a82 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-34e0a82 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-34e0a82 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-34e0a82:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2729e51 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-2729e51 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-2729e51 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-2729e51:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-54bf76c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-54bf76c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-54bf76c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-54bf76c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1070093 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1070093 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1070093 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1070093 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1070093:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-09f94f9 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-09f94f9 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-09f94f9 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-09f94f9:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7243dae *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-7243dae .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-7243dae a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-7243dae { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-7243dae:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c05b7a8 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-c05b7a8 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-c05b7a8 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-c05b7a8:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-760d43a *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-760d43a .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-760d43a a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-760d43a { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-760d43a:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6d5ceb2 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-6d5ceb2 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-6d5ceb2:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-bf48a2b *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-bf48a2b a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-bf48a2b { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-bf48a2b:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f0da51c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f0da51c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f0da51c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f0da51c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-552ef64 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-552ef64 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-552ef64 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-552ef64:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-a3ec355 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-a3ec355 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-a3ec355 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-a3ec355:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1f5bf6c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1f5bf6c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1f5bf6c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1f5bf6c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d0563fd *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-d0563fd a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-d0563fd { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-d0563fd:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-34e0a82 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-34e0a82 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-34e0a82 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-34e0a82:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2729e51 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-2729e51 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-2729e51 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-2729e51:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-54bf76c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-54bf76c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-54bf76c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-54bf76c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1070093 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1070093 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1070093 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1070093 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1070093:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-09f94f9 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-09f94f9 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-09f94f9 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-09f94f9:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7243dae *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-7243dae .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-7243dae a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-7243dae { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-7243dae:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c05b7a8 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-c05b7a8 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-c05b7a8 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-c05b7a8:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-760d43a *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-760d43a .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-760d43a a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-760d43a { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-760d43a:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6d5ceb2 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-6d5ceb2 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-6d5ceb2:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-bf48a2b *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-bf48a2b a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-bf48a2b { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-bf48a2b:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f0da51c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f0da51c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f0da51c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f0da51c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-552ef64 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-552ef64 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-552ef64 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-552ef64:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-a3ec355 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-a3ec355 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-a3ec355 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-a3ec355:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1f5bf6c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1f5bf6c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1f5bf6c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1f5bf6c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d0563fd *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-d0563fd a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-d0563fd { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-d0563fd:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-34e0a82 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-34e0a82 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-34e0a82 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-34e0a82:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2729e51 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-2729e51 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-2729e51 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-2729e51:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-54bf76c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-54bf76c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-54bf76c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-54bf76c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1070093 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1070093 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1070093 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1070093 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1070093:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-09f94f9 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-09f94f9 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-09f94f9 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-09f94f9:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7243dae *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-7243dae .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-7243dae a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-7243dae { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-7243dae:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c05b7a8 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-c05b7a8 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-c05b7a8 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-c05b7a8:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-760d43a *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-760d43a .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-760d43a a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-760d43a { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-760d43a:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6d5ceb2 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-6d5ceb2 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-6d5ceb2:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-bf48a2b *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-bf48a2b a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-bf48a2b { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-bf48a2b:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f0da51c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f0da51c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f0da51c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f0da51c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-552ef64 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-552ef64 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-552ef64 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-552ef64:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-552ef64 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-a3ec355 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-a3ec355 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-a3ec355 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-a3ec355:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-a3ec355 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1f5bf6c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1f5bf6c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1f5bf6c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1f5bf6c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-1f5bf6c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d0563fd *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-d0563fd a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-d0563fd { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-d0563fd:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-d0563fd .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-34e0a82 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-34e0a82 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-34e0a82 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-34e0a82:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-34e0a82 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2729e51 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-2729e51 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-2729e51 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-2729e51:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-2729e51 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-54bf76c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-54bf76c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-54bf76c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-54bf76c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-54bf76c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1070093 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-1070093 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-1070093 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-1070093 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-1070093:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-1070093 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-09f94f9 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-09f94f9 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-09f94f9 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-09f94f9:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-09f94f9 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7243dae *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-7243dae .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-7243dae a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-7243dae { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-7243dae:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-7243dae .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c05b7a8 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-c05b7a8 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-c05b7a8 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-c05b7a8:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-c05b7a8 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-760d43a *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-760d43a .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-760d43a a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-760d43a { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-760d43a:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-760d43a .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6d5ceb2 *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-6d5ceb2 a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-6d5ceb2:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-6d5ceb2 .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-bf48a2b *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-bf48a2b a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-bf48a2b { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-bf48a2b:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-bf48a2b .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f0da51c *//* 1. The "Clickable" logic (keep this) */ .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-widget-container { position: relative; overflow: hidden; } .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-title a::before, .elementor-28 .elementor-element.elementor-element-f0da51c a.elementor-icon-box-link::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .elementor-28 .elementor-element.elementor-element-f0da51c { cursor: pointer; } /* 2. The Hover Effect for Description */ /* Change #0073aa to your preferred hex color */ .elementor-28 .elementor-element.elementor-element-f0da51c:hover .elementor-icon-box-description { color: #2a2a2a !important; transition: color 0.3s ease; /* Makes the change smooth */ } /* Optional: Add a transition to the default state so it fades back smoothly */ .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-description { transition: color 0.3s ease; } .elementor-28 .elementor-element.elementor-element-f0da51c .elementor-icon-box-title { margin-top: 0 !important; line-height: 1.2; /* Adjust to match the icon height visually */ }/* End custom CSS */