.elementor-347 .elementor-element.elementor-element-59c8bfa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-347 .elementor-element.elementor-element-1dedc97{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-347 .elementor-element.elementor-element-462e5e2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-462e5e2:not(.elementor-motion-effects-element-type-background), .elementor-347 .elementor-element.elementor-element-462e5e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000005;}.elementor-347 .elementor-element.elementor-element-4fb77a1{--display:flex;--min-height:500px;--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;}.elementor-347 .elementor-element.elementor-element-4f017d2{--display:flex;}.elementor-347 .elementor-element.elementor-element-4b60e18{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-347 .elementor-element.elementor-element-b38e78d{text-align:center;}.elementor-347 .elementor-element.elementor-element-b38e78d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:700;-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;text-shadow:0px 0px 10px rgba(50.00000000000001, 50.00000000000001, 50.00000000000001, 0.7);color:#FFFFFF;}.elementor-347 .elementor-element.elementor-element-2e5196b{background-color:transparent;background-image:linear-gradient(90deg, #00FFFF 0%, #FF00FF 100%);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-347 .elementor-element.elementor-element-2e5196b.elementor-element{--align-self:stretch;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-search-form-input{color:#CC1818;background-color:#ffffff;border-color:#E8E8E8;text-align:left;border-width:1px 1px 1px 1px;border-radius:12px 12px 12px 12px !important;padding:10px 10px 10px 10px;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-search-form-input::-webkit-input-placeholder{color:#9e9e9e;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-search-form-input:-ms-input-placeholder{color:#9e9e9e;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-search-form-input::-moz-placeholder{color:#9e9e9e;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-search-form-input:-moz-placeholder{color:#9e9e9e;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-search-form-input::placeholder{color:#9e9e9e;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-data-fetch{border-color:#E8E8E8;border-width:1px 1px 1px 1px;border-radius:2px 2px 2px 2px;background-color:#FFFFFF;width:100%;margin-top:5px;}.elementor-347 .elementor-element.elementor-element-2e5196b.wpr-search-form-input-focus .wpr-search-form-input{color:#333333;background-color:#ffffff;border-color:#E8E8E8;}.elementor-347 .elementor-element.elementor-element-2e5196b.wpr-search-form-input-focus .wpr-search-form-input::-webkit-input-placeholder{color:#9e9e9e;}.elementor-347 .elementor-element.elementor-element-2e5196b.wpr-search-form-input-focus .wpr-search-form-input:-ms-input-placeholder{color:#9e9e9e;}.elementor-347 .elementor-element.elementor-element-2e5196b.wpr-search-form-input-focus .wpr-search-form-input::-moz-placeholder{color:#9e9e9e;}.elementor-347 .elementor-element.elementor-element-2e5196b.wpr-search-form-input-focus .wpr-search-form-input:-moz-placeholder{color:#9e9e9e;}.elementor-347 .elementor-element.elementor-element-2e5196b.wpr-search-form-input-focus .wpr-search-form-input::placeholder{color:#9e9e9e;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-category-select-wrap::before{right:10px;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-category-select{padding:10px 10px 10px 10px;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-search-form-submit{color:#ffffff;background-color:#00FFFF;border-color:#384C97;min-width:125px;border-width:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-search-form-submit:hover{color:#ffffff;background-color:#4A45D2;border-color:#E8E8E8;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-data-fetch ul li:hover{background-color:#F6F6F6;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-data-fetch ul li{transition-duration:0.5s;padding:2px 2px 2px 2px;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-data-fetch ul{max-height:50vh;padding:2px 2px 2px 2px;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-data-fetch ul li:not(:last-child){margin-bottom:5px;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-data-fetch a.wpr-ajax-title{color:#222222;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-ajax-search-content a.wpr-ajax-title{margin-bottom:2px;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-data-fetch p a{color:#757575;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-search-admin-notice{color:#757575;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-data-fetch p a, .elementor-347 .elementor-element.elementor-element-2e5196b .wpr-search-admin-notice{font-size:14px;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-ajax-search-content p.wpr-ajax-desc{margin-bottom:2px;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-data-fetch a.wpr-ajax-img-wrap{width:150px;margin-right:10px;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-data-fetch .wpr-ajax-search-content{width:calc(100% - 150px);}.elementor-347 .elementor-element.elementor-element-2e5196b a.wpr-view-result{color:#FFFFFF;background-color:#605BE5;font-family:"Roboto", Sans-serif;font-size:14px;transition-duration:0.5s;border-radius:2px 2px 2px 2px;padding:5px 10px 5px 10px;}.elementor-347 .elementor-element.elementor-element-2e5196b a.wpr-view-result:hover{color:#FFFFFF;background-color:#605BE5;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-data-fetch .wpr-close-search{color:#E8E8E8;height:14px;top:10px;right:10px;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-data-fetch .wpr-close-search::before{font-size:14px;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-data-fetch ul::-webkit-scrollbar-thumb{border-left-color:#E8E8E8;border-left-width:3px;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-data-fetch ul::-webkit-scrollbar{width:calc(3px + 3px);}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-data-fetch .wpr-no-results{color:#222222;height:20vh;}.elementor-347 .elementor-element.elementor-element-2e5196b .wpr-search-product-price{color:#666666;margin-bottom:5px;}.elementor-347 .elementor-element.elementor-element-ee53e03{text-align:center;}.elementor-347 .elementor-element.elementor-element-ee53e03 .elementor-heading-title{font-family:"Poppins", Sans-serif;color:#FFFFFF;}.elementor-347 .elementor-element.elementor-element-02604ed{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(8, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:column;--justify-items:center;--align-items:stretch;--border-radius:12px 12px 12px 12px;}.elementor-347 .elementor-element.elementor-element-02604ed:not(.elementor-motion-effects-element-type-background), .elementor-347 .elementor-element.elementor-element-02604ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141414B3;}.elementor-347 .elementor-element.elementor-element-2697189{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-61d7ea9{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-ae07fad{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-a5e549a{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-00da0fb{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-d6f72e9{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-2c402c6{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-57ea4a8{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-6379ae8{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-b020b91{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-07f766d{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-46eefc4{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-ce9ff39{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-93ab09f{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-c92c74a{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-7e18a4b{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-8e310b3{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-5553200{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-40fa61e{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-ad52907{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-0e6091c{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-2244e63{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-43f50c2{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-4efd2fc{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-7076328{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-e28d07f{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-fcbc28b{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-6c5b2ad{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-13f0af8{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-b26ed49{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-461dc1d{--icon-box-icon-margin:15px;}.elementor-347 .elementor-element.elementor-element-007de25{--icon-box-icon-margin:15px;}body.elementor-page-347:not(.elementor-motion-effects-element-type-background), body.elementor-page-347 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-347 .elementor-element.elementor-element-02604ed{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-347 .elementor-element.elementor-element-4fb77a1{--width:1200px;}}@media(max-width:767px){.elementor-347 .elementor-element.elementor-element-02604ed{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-b38e78d */}/* End custom CSS */ /* Start custom CSS for wpr-search, class: .elementor-element-2e5196b *//* Custom CSS for Royal Addons Search Widget AJAX in Elementor */ /* 1. Styling for the overall container of the search widget */ /* This ensures generous padding around the search elements. This CSS assumes the Search Widget AJAX is placed inside an Elementor container/section. If this padding doesn't apply correctly, ensure you have set padding on the *parent container* of the search widget as well, as described in the RichAurum Development Planner. */ .elementor-347 .elementor-element.elementor-element-2e5196b { padding: 20px; /* Adjust this padding as needed, or apply it to the parent container */ /* This padding is in addition to the 50px top/bottom, 30px left/right padding on the *inner container* that holds both the heading and search bar, as per the roadmap. This specific `.elementor-347 .elementor-element.elementor-element-2e5196b` padding here can be used to fine-tune spacing *around* the widget itself. */ } /* 2. Styling for the search input field */ .elementor-347 .elementor-element.elementor-element-2e5196b .elementor-search-form__input, /* Common class for search input fields */ .elementor-347 .elementor-element.elementor-element-2e5196b input[type="search"] { /* More generic input .elementor-347 .elementor-element.elementor-element-2e5196b */ background-color: rgba(50, 50, 50, 0.7) !important; /* Semi-transparent dark background */ color: #FFFFFF !important; /* White text for input */ border: 1px solid rgba(0, 255, 255, 0.2) !important; /* Subtle neon border */ border-radius: 8px !important; /* Rounded corners */ padding: 12px 20px !important; /* Adequate internal padding */ box-sizing: border-box !important; /* Ensures padding is included in total width */ } /* Placeholder text color for the input field */ .elementor-347 .elementor-element.elementor-element-2e5196b .elementor-search-form__input::placeholder { color: rgba(255, 255, 255, 0.6) !important; /* Slightly transparent white for placeholder */ } /* Input focus effect */ .elementor-347 .elementor-element.elementor-element-2e5196b .elementor-search-form__input:focus { border-color: #00FFFF !important; /* Brighter neon on focus */ box-shadow: 0 0 10px rgba(0, 255, 255, 0.4) !important; /* Stronger neon glow on focus */ outline: none !important; } /* 3. Styling for the search button (including neon gradient, rounded corners, and shadow) */ .elementor-347 .elementor-element.elementor-element-2e5196b .elementor-search-form__submit, /* Common class for search submit buttons */ .elementor-347 .elementor-element.elementor-element-2e5196b .rea-search-button, /* A common class for Royal Elementor Addons search buttons */ .elementor-347 .elementor-element.elementor-element-2e5196b .elementor-button, /* A general Elementor button class, as a fallback */ .elementor-347 .elementor-element.elementor-element-2e5196b .royal-ajax-search-submit /* <--- IMPORTANT: Updated class */ { background: linear-gradient(90deg, #00FFFF, #FF00FF) !important; /* Neon Gradient */ color: #FFFFFF !important; /* White text for button */ border-radius: 8px !important; /* Rounded corners */ box-shadow: 0 5px 15px rgba(0, 255, 255, 0.3), 0 0 20px rgba(255, 0, 255, 0.2) !important; /* Subtle Neon Shadow */ transition: all 0.3s ease !important; /* Smooth transition for hover effects */ padding: 12px 25px !important; /* Generous padding for button size */ font-weight: bold !important; text-transform: uppercase !important; letter-spacing: 1px !important; cursor: pointer !important; border: none !important; /* Ensure no default border interferes */ } /* Hover effect for the search button */ .elementor-347 .elementor-element.elementor-element-2e5196b .elementor-search-form__submit:hover, .elementor-347 .elementor-element.elementor-element-2e5196b .rea-search-button:hover, .elementor-347 .elementor-element.elementor-element-2e5196b .elementor-button:hover, .elementor-347 .elementor-element.elementor-element-2e5196b .royal-ajax-search-submit:hover { /* <--- IMPORTANT: Updated class */ background: linear-gradient(90deg, #FF00FF, #00FFFF) !important; /* Reverse gradient on hover */ box-shadow: 0 8px 20px rgba(0, 255, 255, 0.5), 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Stronger shadow on hover */ transform: translateY(-2px) !important; /* Slight lift effect */ } /* Adjust search icon color if it's separate from text color */ .elementor-347 .elementor-element.elementor-element-2e5196b .elementor-search-form__submit i, .elementor-347 .elementor-element.elementor-element-2e5196b .rea-search-button i { color: #FFFFFF !important; /* Ensure the search icon is white */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2697189 *//* Custom CSS for Elementor Icon Box or Image Box widgets used as Category Cards */ /* Apply this CSS to the Advanced > Custom CSS section of EACH Icon Box or Image Box widget */ .elementor-widget-icon-box .elementor-widget-container, .elementor-widget-image-box .elementor-widget-container { background-color: rgba(20, 20, 20, 0.2) !important; /* Background opacity set to 0.2 (more transparent) */ border-radius: 10px !important; /* Square-rounded borders */ border: 1px solid rgba(138, 43, 226, 0.7) !important; /* Distinct Blue Violet border */ box-shadow: 0 0 8px rgba(138, 43, 226, 0.3), /* Subtle Blue Violet glow for the card */ 0 0 15px rgba(255, 0, 255, 0.2) !important; /* Subtle Magenta secondary glow */ padding: 25px !important; /* Internal Padding within the card */ transition: all 0.3s ease-in-out !important; /* Smooth transition for hover effects */ text-align: center; /* Ensure content is centered if desired for the card */ } /* Hover effect for the category card */ .elementor-widget-icon-box .elementor-widget-container:hover, .elementor-widget-image-box .elementor-widget-container:hover { box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger Cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger Magenta glow on hover */ transform: translateY(-5px) !important; /* Slight lift effect on hover */ } /* Styling for the icon within the Icon Box */ .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 50px !important; /* Adjust icon size as needed */ margin-bottom: 20px !important; /* Space below the icon */ /* RE-INTRODUCED: Prominent neon effect around icon box circle */ display: inline-block !important; /* Required for padding and width/height on inline elements */ background-color: rgba(0, 255, 255, 0.1) !important; /* Subtle, transparent cyan background for the circle */ border: 1px solid rgba(0, 255, 255, 0.4) !important; /* More prominent subtle neon border */ border-radius: 50% !important; /* Makes it circular */ padding: 10px !important; /* Space around the icon inside its new box */ line-height: 1 !important; /* Adjust line height to properly center icon */ box-shadow: 0 0 20px rgba(0, 255, 255, 0.6), 0 0 35px rgba(255, 0, 255, 0.5) !important; /* Prominent neon box-shadow for the icon's container */ /* Neon text shadow for the icon graphic itself */ text-shadow: 0 0 15px rgba(0, 255, 255, 0.8), /* Stronger Cyan glow for the icon itself */ 0 0 30px rgba(255, 0, 255, 0.7); /* Stronger Magenta glow for the icon itself */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 24px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 10px !important; /* Space below title */ text-shadow: 0 0 5px rgba(0, 255, 255, 0.3); /* Subtle neon text shadow */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #E0E0E0 !important; /* Light grey for the description */ font-size: 16px !important; /* Slightly increased font size for readability */ line-height: 1.5 !important; /* Improved line height for readability */ } /* Ensure links inside the cards are styled properly (if applicable) */ .elementor-widget-icon-box a, .elementor-widget-image-box a { text-decoration: none !important; /* Remove underline from links */ } /* Responsive adjustments for smaller screens */ @media (max-width: 768px) { .elementor-widget-icon-box .elementor-widget-container, .elementor-widget-image-box .elementor-widget-container { padding: 20px !important; } .elementor-icon { font-size: 40px !important; margin-bottom: 15px !important; } .elementor-icon-box-content .elementor-icon-box-title, .elementor-image-box-content .elementor-image-box-title { font-size: 20px !important; } .elementor-icon-box-content .elementor-icon-box-description, .elementor-image-box-content .elementor-image-box-description { font-size: 14px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-61d7ea9 *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-61d7ea9 { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-61d7ea9:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-61d7ea9 might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-61d7ea9 .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-61d7ea9 .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-61d7ea9 .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-61d7ea9 .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-61d7ea9 .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-ae07fad *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-ae07fad { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-ae07fad:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-ae07fad might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-ae07fad .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-ae07fad .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-ae07fad .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-ae07fad .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-ae07fad .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-a5e549a *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-a5e549a { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-a5e549a:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-a5e549a might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-a5e549a .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-a5e549a .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-a5e549a .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-a5e549a .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-a5e549a .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-00da0fb *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-00da0fb { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-00da0fb:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-00da0fb might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-00da0fb .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-00da0fb .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-00da0fb .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-00da0fb .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-00da0fb .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d6f72e9 *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-d6f72e9 { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-d6f72e9:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-d6f72e9 might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-d6f72e9 .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-d6f72e9 .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-d6f72e9 .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-d6f72e9 .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-d6f72e9 .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2c402c6 *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-2c402c6 { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-2c402c6:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-2c402c6 might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-2c402c6 .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-2c402c6 .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-2c402c6 .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-2c402c6 .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-2c402c6 .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-57ea4a8 *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-57ea4a8 { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-57ea4a8:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-57ea4a8 might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-57ea4a8 .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-57ea4a8 .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-57ea4a8 .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-57ea4a8 .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-57ea4a8 .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6379ae8 *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-6379ae8 { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-6379ae8:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-6379ae8 might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-6379ae8 .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-6379ae8 .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-6379ae8 .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-6379ae8 .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-6379ae8 .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-b020b91 *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-b020b91 { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-b020b91:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-b020b91 might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-b020b91 .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-b020b91 .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-b020b91 .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-b020b91 .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-b020b91 .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-07f766d *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-07f766d { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-07f766d:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-07f766d might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-07f766d .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-07f766d .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-07f766d .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-07f766d .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-07f766d .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-46eefc4 *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-46eefc4 { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-46eefc4:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-46eefc4 might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-46eefc4 .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-46eefc4 .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-46eefc4 .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-46eefc4 .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-46eefc4 .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-ce9ff39 *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-ce9ff39 { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-ce9ff39:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-ce9ff39 might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-ce9ff39 .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-ce9ff39 .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-ce9ff39 .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-ce9ff39 .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-ce9ff39 .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-93ab09f *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-93ab09f { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-93ab09f:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-93ab09f might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-93ab09f .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-93ab09f .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-93ab09f .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-93ab09f .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-93ab09f .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c92c74a *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-c92c74a { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-c92c74a:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-c92c74a might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-c92c74a .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-c92c74a .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-c92c74a .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-c92c74a .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-c92c74a .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7e18a4b *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-7e18a4b { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-7e18a4b:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-7e18a4b might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-7e18a4b .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-7e18a4b .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-7e18a4b .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-7e18a4b .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-7e18a4b .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8e310b3 *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-8e310b3 { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-8e310b3:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-8e310b3 might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-8e310b3 .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-8e310b3 .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-8e310b3 .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-8e310b3 .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-8e310b3 .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5553200 *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-5553200 { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-5553200:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-5553200 might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-5553200 .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-5553200 .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-5553200 .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-5553200 .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-5553200 .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-40fa61e *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-40fa61e { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-40fa61e:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-40fa61e might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-40fa61e .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-40fa61e .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-40fa61e .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-40fa61e .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-40fa61e .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-ad52907 *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-ad52907 { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-ad52907:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-ad52907 might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-ad52907 .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-ad52907 .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-ad52907 .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-ad52907 .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-ad52907 .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-0e6091c *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-0e6091c { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-0e6091c:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-0e6091c might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-0e6091c .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-0e6091c .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-0e6091c .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-0e6091c .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-0e6091c .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2244e63 *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-2244e63 { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-2244e63:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-2244e63 might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-2244e63 .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-2244e63 .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-2244e63 .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-2244e63 .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-2244e63 .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-43f50c2 *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-43f50c2 { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-43f50c2:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-43f50c2 might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-43f50c2 .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-43f50c2 .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-43f50c2 .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-43f50c2 .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-43f50c2 .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-4efd2fc *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-4efd2fc { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-4efd2fc:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-4efd2fc might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-4efd2fc .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-4efd2fc .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-4efd2fc .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-4efd2fc .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-4efd2fc .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7076328 *//* Custom CSS for Elementor Icon Box or Image Box widgets used as Category Cards */ /* Apply this CSS to the Advanced > Custom CSS section of EACH Icon Box or Image Box widget */ .elementor-widget-icon-box .elementor-widget-container, .elementor-widget-image-box .elementor-widget-container { background-color: rgba(20, 20, 20, 0.2) !important; /* Background opacity set to 0.2 (more transparent) */ border-radius: 10px !important; /* Slightly less rounded borders to match screenshot */ border: 1px solid rgba(138, 43, 226, 0.7) !important; /* Distinct Blue Violet border from screenshot */ box-shadow: 0 0 8px rgba(138, 43, 226, 0.3), /* Subtle Blue Violet glow for the card */ 0 0 15px rgba(255, 0, 255, 0.2) !important; /* Subtle Magenta secondary glow */ padding: 25px !important; /* Internal Padding within the card */ transition: all 0.3s ease-in-out !important; /* Smooth transition for hover effects */ text-align: center; /* Ensure content is centered if desired for the card */ } /* Hover effect for the category card */ .elementor-widget-icon-box .elementor-widget-container:hover, .elementor-widget-image-box .elementor-widget-container:hover { box-shadow: 0 0 15px rgba(138, 43, 226, 0.6), /* Stronger Blue Violet glow on hover */ 0 0 30px rgba(255, 0, 255, 0.5) !important; /* Stronger Magenta glow on hover */ transform: translateY(-5px) !important; /* Slight lift effect on hover */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-7076328 might not be needed or would target the image itself */ .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 50px !important; /* Adjust icon size as needed */ margin-bottom: 20px !important; /* Space below the icon */ /* MODIFIED: ONLY text-shadow for neon effect around icon graphic, removed circle background/border */ text-shadow: 0 0 15px rgba(0, 255, 255, 0.8), /* Stronger Cyan glow for the icon itself */ 0 0 30px rgba(255, 0, 255, 0.7); /* Stronger Magenta glow for the icon itself */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 24px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 10px !important; /* Space below title */ text-shadow: 0 0 5px rgba(0, 255, 255, 0.3); /* Subtle neon text shadow */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #E0E0E0 !important; /* Light grey for the description */ font-size: 16px !important; /* Slightly increased font size for readability */ line-height: 1.5 !important; /* Improved line height for readability */ } /* Ensure links inside the cards are styled properly (if applicable) */ .elementor-widget-icon-box a, .elementor-widget-image-box a { text-decoration: none !important; /* Remove underline from links */ } /* Responsive adjustments for smaller screens */ @media (max-width: 768px) { .elementor-widget-icon-box .elementor-widget-container, .elementor-widget-image-box .elementor-widget-container { padding: 20px !important; } .elementor-icon { font-size: 40px !important; margin-bottom: 15px !important; } .elementor-icon-box-content .elementor-icon-box-title, .elementor-image-box-content .elementor-image-box-title { font-size: 20px !important; } .elementor-icon-box-content .elementor-icon-box-description, .elementor-image-box-content .elementor-image-box-description { font-size: 14px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-e28d07f *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-e28d07f { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-e28d07f:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-e28d07f might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-e28d07f .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-e28d07f .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-e28d07f .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-e28d07f .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-e28d07f .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-fcbc28b *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-fcbc28b { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-fcbc28b:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-fcbc28b might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-fcbc28b .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-fcbc28b .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-fcbc28b .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-fcbc28b .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-fcbc28b .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c5b2ad *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-6c5b2ad { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-6c5b2ad:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-6c5b2ad might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-6c5b2ad .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-6c5b2ad .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-6c5b2ad .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-6c5b2ad .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-6c5b2ad .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-13f0af8 *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-13f0af8 { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-13f0af8:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-13f0af8 might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-13f0af8 .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-13f0af8 .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-13f0af8 .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-13f0af8 .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-13f0af8 .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-b26ed49 *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-b26ed49 { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-b26ed49:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-b26ed49 might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-b26ed49 .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-b26ed49 .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-b26ed49 .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-b26ed49 .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-b26ed49 .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-461dc1d *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-461dc1d { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-461dc1d:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-461dc1d might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-461dc1d .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-461dc1d .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-461dc1d .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-461dc1d .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-461dc1d .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-007de25 *//* Custom CSS for individual category cards (Icon Box or Image Box widgets) */ .elementor-347 .elementor-element.elementor-element-007de25 { /* Background for the card - reduced opacity for more transparency */ background-color: rgba(20, 20, 20, 0.2) !important; /* Opacity reduced to 0.2 (was 0.4) */ /* Rounded Corners - Increased for a more pronounced round look */ border-radius: 15px !important; /* More distinct Neon Border - now with slightly less intense cyan */ border: 2px solid rgba(0, 255, 255, 0.5) !important; /* Pure Neon Cyan border, 2px thick, with 0.5 opacity */ /* Rebalanced Neon Box Shadow - stronger mixed glow, focusing on border ambiance */ box-shadow: 0 0 15px rgba(0, 255, 255, 0.5), /* Cyan glow */ 0 0 30px rgba(255, 0, 255, 0.4) !important; /* Magenta secondary glow */ /* Internal Padding within the card */ padding: 25px !important; /* Adjust as needed for content spacing */ /* Smooth transition for hover effects */ transition: all 0.3s ease-in-out !important; /* Ensure content is centered if desired for the card */ text-align: center; } /* Hover effect for the category card */ .elementor-347 .elementor-element.elementor-element-007de25:hover { /* Even Stronger neon box shadow on hover */ box-shadow: 0 0 25px rgba(0, 255, 255, 0.8), /* Stronger cyan glow on hover */ 0 0 45px rgba(255, 0, 255, 0.7) !important; /* Stronger magenta glow on hover */ /* Slight lift effect on hover */ transform: translateY(-5px) !important; /* Optional: Slightly more transparent background on hover if desired for subtle change */ /* background-color: rgba(20, 20, 20, 0.8) !important; */ } /* Styling for the icon within the Icon Box */ /* If using Image Box, this .elementor-347 .elementor-element.elementor-element-007de25 might not be needed or would target the image itself */ .elementor-347 .elementor-element.elementor-element-007de25 .elementor-icon { /* Common class for Elementor icons */ color: #00FFFF !important; /* Neon Cyan color for the icon */ font-size: 40px !important; /* Adjust icon size as needed */ margin-bottom: 15px !important; /* Space below the icon */ } /* Styling for the title within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-007de25 .elementor-icon-box-content .elementor-icon-box-title, /* Icon Box title */ .elementor-347 .elementor-element.elementor-element-007de25 .elementor-image-box-content .elementor-image-box-title /* Image Box title */ { color: #FFFFFF !important; /* Pure White for the title - ensured */ font-size: 22px !important; /* Slightly increased font size for prominence */ font-weight: bold !important; /* Ensure it's bold */ margin-bottom: 5px !important; /* Space below title */ } /* Styling for the description within the Icon Box/Image Box */ .elementor-347 .elementor-element.elementor-element-007de25 .elementor-icon-box-content .elementor-icon-box-description, /* Icon Box description */ .elementor-347 .elementor-element.elementor-element-007de25 .elementor-image-box-content .elementor-image-box-description /* Image Box description */ { color: #FFFFFF !important; /* Pure White for the description - ensured */ font-size: 15px !important; /* Slightly increased font size for readability */ line-height: 1.4 !important; /* Improved line height for readability */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02604ed *//* Custom CSS for the INNER container that hosts the 4-column category grid. Apply this to the Elementor Container/Inner Section which directly holds the Icon/Image Box widgets. */ .elementor-347 .elementor-element.elementor-element-02604ed { /* More distinct background for the grid area */ background-color: rgba(30, 30, 30, 0.5) !important; /* Decreased opacity to 0.5 for more transparency (was 0.8) */ /* More prominent Border and Shadow to frame the grid */ border: 2px solid rgba(0, 255, 255, 0.2) !important; /* Thicker border (2px, was 1px) with increased opacity (0.2, was 0.08) */ border-radius: 15px !important; /* Slightly more rounded than cards for overall section look */ /* More visible overall neon glow for the grid container */ box-shadow: 0 0 20px rgba(0, 255, 255, 0.2), /* Stronger cyan glow (was 0.05) */ 0 0 30px rgba(255, 0, 255, 0.15) !important; /* Stronger magenta glow (was 0.03) */ /* Internal padding for the grid, ensuring cards aren't right against its edges/* End custom CSS */