.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-920 .elementor-element.elementor-element-e8c89d4{--display:flex;--margin-top:40px;--margin-bottom:64px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-920 .elementor-element.elementor-element-5314762{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-920 .elementor-element.elementor-element-5314762 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:54px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-920 .elementor-element.elementor-element-a072887{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-920 .elementor-element.elementor-element-a072887.e-con{--align-self:center;}.elementor-920 .elementor-element.elementor-element-a61c258{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-box .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon-box .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-920 .elementor-element.elementor-element-75b9173 .elementor-icon-box-wrapper{gap:15px;}.elementor-920 .elementor-element.elementor-element-703452a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-920 .elementor-element.elementor-element-4a3cf5d .elementor-icon-box-wrapper{gap:15px;}.elementor-920 .elementor-element.elementor-element-af09960{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-920 .elementor-element.elementor-element-5ebd1a3 .elementor-icon-box-wrapper{gap:15px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-920 .elementor-element.elementor-element-a072887{--width:80%;}}@media(max-width:1024px){.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-heading .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-heading .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-920 .elementor-element.elementor-element-a072887{--grid-auto-flow:row;}.elementor-widget-icon-box .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-icon-box .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-heading .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-heading .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-920 .elementor-element.elementor-element-a072887{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-icon-box .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-icon-box .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for container, class: .elementor-element-a61c258 *//* ========================================================= STEP CARD Container class: step-card Number Heading class: step-number ========================================================= */ .step-card { position: relative !important; width: 100%; min-height: 290px; padding: 32px 24px 24px 24px !important; overflow: hidden !important; border-radius: 20px !important; border: 1px solid rgba(3, 174, 251, 0.55) !important; background: radial-gradient( circle at 50% 0%, rgba(3, 174, 251, 0.12) 0%, rgba(3, 174, 251, 0.04) 30%, rgba(0, 0, 0, 0) 60% ), linear-gradient( 180deg, #041A2D 0%, #031526 55%, #02111F 100% ) !important; box-shadow: inset 0 0 0 1px rgba(3, 174, 251, 0.08), 0 0 14px rgba(3, 174, 251, 0.08); box-sizing: border-box !important; } /* ========================================================= SUBTLE INNER LIGHT ========================================================= */ .step-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; background: linear-gradient( 90deg, transparent 0%, rgba(3, 174, 251, 0.02) 25%, transparent 50%, rgba(3, 174, 251, 0.02) 75%, transparent 100% ); z-index: 0; } /* ========================================================= NUMBER POSITION ========================================================= */ .step-card .elementor-widget-heading.step-number { position: absolute !important; top: 14px !important; left: 14px !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; z-index: 20 !important; } /* ========================================================= NUMBER BADGE ========================================================= */ .step-number .elementor-heading-title { display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; border-radius: 50% !important; background: linear-gradient( 180deg, #23BCFF 0%, #03AEFB 55%, #008CCE 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.40) !important; color: #FFFFFF !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1 !important; text-align: center !important; box-shadow: 0 0 5px rgba(3, 174, 251, 0.90), 0 0 12px rgba(3, 174, 251, 0.55), 0 0 22px rgba(3, 174, 251, 0.25), inset 0 1px 2px rgba(255,255,255,0.35); box-sizing: border-box !important; } /* ========================================================= ICON BOX ========================================================= */ .step-card .elementor-widget-icon-box { position: relative; width: 100%; margin: 0 !important; z-index: 2; } .step-card .elementor-icon-box-wrapper { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; text-align: center !important; } /* ========================================================= ICON ========================================================= */ .step-card .elementor-icon-box-icon { margin: 0 0 20px 0 !important; } .step-card .elementor-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; color: #FFFFFF !important; } /* ========================================================= FONT AWESOME ICON WHITE ICON + #03AEFB BLUE GLOW ========================================================= */ .step-card .elementor-icon i { font-size: 80px !important; color: #FFFFFF !important; line-height: 1 !important; text-shadow: 0 0 2px #FFFFFF, 0 0 5px #03AEFB, 0 0 10px rgba(3, 174, 251, 0.95), 0 0 18px rgba(3, 174, 251, 0.70), 0 0 30px rgba(3, 174, 251, 0.35) !important; } /* ========================================================= SVG ICON WHITE ICON + #03AEFB BLUE GLOW ========================================================= */ .step-card .elementor-icon svg { width: 58px !important; height: 58px !important; fill: #FFFFFF !important; color: #FFFFFF !important; filter: drop-shadow(0 0 2px rgba(255,255,255,0.90)) drop-shadow(0 0 4px #03AEFB) drop-shadow(0 0 8px rgba(3,174,251,0.95)) drop-shadow(0 0 14px rgba(3,174,251,0.70)) drop-shadow(0 0 24px rgba(3,174,251,0.35)) !important; } .step-card .elementor-icon svg path { fill: #FFFFFF !important; color: #FFFFFF !important; } /* ========================================================= TITLE ========================================================= */ .step-card .elementor-icon-box-title { margin: 0 0 12px 0 !important; padding: 0 !important; color: #FFFFFF !important; font-family: "Oswald", sans-serif !important; font-size: 28px !important; font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: 0.4px; text-transform: uppercase !important; text-align: center !important; text-shadow: 0 0 4px rgba(255,255,255,0.15); } .step-card .elementor-icon-box-title span, .step-card .elementor-icon-box-title a { color: #FFFFFF !important; } /* ========================================================= DESCRIPTION ========================================================= */ .step-card .elementor-icon-box-description { width: 100% !important; max-width: 260px !important; margin: 0 auto !important; padding: 0 !important; color: #FFFFFF !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.45 !important; text-align: center !important; } /* ========================================================= REMOVE DEFAULT ELEMENTOR GAPS ========================================================= */ .step-card .elementor-widget-heading, .step-card .elementor-widget-icon-box { margin-bottom: 0 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .step-card { min-height: 270px; padding: 30px 20px 22px 20px !important; } .step-card .elementor-widget-heading.step-number { top: 13px !important; left: 13px !important; } .step-number .elementor-heading-title { width: 38px !important; height: 38px !important; font-size: 21px !important; } .step-card .elementor-icon i { font-size: 52px !important; } .step-card .elementor-icon svg { width: 52px !important; height: 52px !important; } .step-card .elementor-icon-box-title { font-size: 25px !important; } .step-card .elementor-icon-box-description { max-width: 240px !important; font-size: 15px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .step-card { min-height: 245px; padding: 28px 18px 20px 18px !important; border-radius: 17px !important; } .step-card .elementor-widget-heading.step-number { top: 12px !important; left: 12px !important; } .step-number .elementor-heading-title { width: 36px !important; height: 36px !important; font-size: 20px !important; } .step-card .elementor-icon-box-icon { margin-bottom: 15px !important; } .step-card .elementor-icon i { font-size: 46px !important; } .step-card .elementor-icon svg { width: 46px !important; height: 46px !important; } .step-card .elementor-icon-box-title { margin-bottom: 10px !important; font-size: 22px !important; } .step-card .elementor-icon-box-description { max-width: 220px !important; font-size: 14px !important; line-height: 1.4 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-703452a *//* ========================================================= STEP CARD Container class: step-card Number Heading class: step-number ========================================================= */ .step-card { position: relative !important; width: 100%; min-height: 290px; padding: 32px 24px 24px 24px !important; overflow: hidden !important; border-radius: 20px !important; border: 1px solid rgba(3, 174, 251, 0.55) !important; background: radial-gradient( circle at 50% 0%, rgba(3, 174, 251, 0.12) 0%, rgba(3, 174, 251, 0.04) 30%, rgba(0, 0, 0, 0) 60% ), linear-gradient( 180deg, #041A2D 0%, #031526 55%, #02111F 100% ) !important; box-shadow: inset 0 0 0 1px rgba(3, 174, 251, 0.08), 0 0 14px rgba(3, 174, 251, 0.08); box-sizing: border-box !important; } /* ========================================================= SUBTLE INNER LIGHT ========================================================= */ .step-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; background: linear-gradient( 90deg, transparent 0%, rgba(3, 174, 251, 0.02) 25%, transparent 50%, rgba(3, 174, 251, 0.02) 75%, transparent 100% ); z-index: 0; } /* ========================================================= NUMBER POSITION ========================================================= */ .step-card .elementor-widget-heading.step-number { position: absolute !important; top: 14px !important; left: 14px !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; z-index: 20 !important; } /* ========================================================= NUMBER BADGE ========================================================= */ .step-number .elementor-heading-title { display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; border-radius: 50% !important; background: linear-gradient( 180deg, #23BCFF 0%, #03AEFB 55%, #008CCE 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.40) !important; color: #FFFFFF !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1 !important; text-align: center !important; box-shadow: 0 0 5px rgba(3, 174, 251, 0.90), 0 0 12px rgba(3, 174, 251, 0.55), 0 0 22px rgba(3, 174, 251, 0.25), inset 0 1px 2px rgba(255,255,255,0.35); box-sizing: border-box !important; } /* ========================================================= ICON BOX ========================================================= */ .step-card .elementor-widget-icon-box { position: relative; width: 100%; margin: 0 !important; z-index: 2; } .step-card .elementor-icon-box-wrapper { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; text-align: center !important; } /* ========================================================= ICON ========================================================= */ .step-card .elementor-icon-box-icon { margin: 0 0 20px 0 !important; } .step-card .elementor-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; color: #FFFFFF !important; } /* ========================================================= FONT AWESOME ICON WHITE ICON + #03AEFB BLUE GLOW ========================================================= */ .step-card .elementor-icon i { font-size: 80px !important; color: #FFFFFF !important; line-height: 1 !important; text-shadow: 0 0 2px #FFFFFF, 0 0 5px #03AEFB, 0 0 10px rgba(3, 174, 251, 0.95), 0 0 18px rgba(3, 174, 251, 0.70), 0 0 30px rgba(3, 174, 251, 0.35) !important; } /* ========================================================= SVG ICON WHITE ICON + #03AEFB BLUE GLOW ========================================================= */ .step-card .elementor-icon svg { width: 58px !important; height: 58px !important; fill: #FFFFFF !important; color: #FFFFFF !important; filter: drop-shadow(0 0 2px rgba(255,255,255,0.90)) drop-shadow(0 0 4px #03AEFB) drop-shadow(0 0 8px rgba(3,174,251,0.95)) drop-shadow(0 0 14px rgba(3,174,251,0.70)) drop-shadow(0 0 24px rgba(3,174,251,0.35)) !important; } .step-card .elementor-icon svg path { fill: #FFFFFF !important; color: #FFFFFF !important; } /* ========================================================= TITLE ========================================================= */ .step-card .elementor-icon-box-title { margin: 0 0 12px 0 !important; padding: 0 !important; color: #FFFFFF !important; font-family: "Oswald", sans-serif !important; font-size: 28px !important; font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: 0.4px; text-transform: uppercase !important; text-align: center !important; text-shadow: 0 0 4px rgba(255,255,255,0.15); } .step-card .elementor-icon-box-title span, .step-card .elementor-icon-box-title a { color: #FFFFFF !important; } /* ========================================================= DESCRIPTION ========================================================= */ .step-card .elementor-icon-box-description { width: 100% !important; max-width: 260px !important; margin: 0 auto !important; padding: 0 !important; color: #FFFFFF !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.45 !important; text-align: center !important; } /* ========================================================= REMOVE DEFAULT ELEMENTOR GAPS ========================================================= */ .step-card .elementor-widget-heading, .step-card .elementor-widget-icon-box { margin-bottom: 0 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .step-card { min-height: 270px; padding: 30px 20px 22px 20px !important; } .step-card .elementor-widget-heading.step-number { top: 13px !important; left: 13px !important; } .step-number .elementor-heading-title { width: 38px !important; height: 38px !important; font-size: 21px !important; } .step-card .elementor-icon i { font-size: 52px !important; } .step-card .elementor-icon svg { width: 52px !important; height: 52px !important; } .step-card .elementor-icon-box-title { font-size: 25px !important; } .step-card .elementor-icon-box-description { max-width: 240px !important; font-size: 15px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .step-card { min-height: 245px; padding: 28px 18px 20px 18px !important; border-radius: 17px !important; } .step-card .elementor-widget-heading.step-number { top: 12px !important; left: 12px !important; } .step-number .elementor-heading-title { width: 36px !important; height: 36px !important; font-size: 20px !important; } .step-card .elementor-icon-box-icon { margin-bottom: 15px !important; } .step-card .elementor-icon i { font-size: 46px !important; } .step-card .elementor-icon svg { width: 46px !important; height: 46px !important; } .step-card .elementor-icon-box-title { margin-bottom: 10px !important; font-size: 22px !important; } .step-card .elementor-icon-box-description { max-width: 220px !important; font-size: 14px !important; line-height: 1.4 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-af09960 *//* ========================================================= STEP CARD Container class: step-card Number Heading class: step-number ========================================================= */ .step-card { position: relative !important; width: 100%; min-height: 290px; padding: 32px 24px 24px 24px !important; overflow: hidden !important; border-radius: 20px !important; border: 1px solid rgba(3, 174, 251, 0.55) !important; background: radial-gradient( circle at 50% 0%, rgba(3, 174, 251, 0.12) 0%, rgba(3, 174, 251, 0.04) 30%, rgba(0, 0, 0, 0) 60% ), linear-gradient( 180deg, #041A2D 0%, #031526 55%, #02111F 100% ) !important; box-shadow: inset 0 0 0 1px rgba(3, 174, 251, 0.08), 0 0 14px rgba(3, 174, 251, 0.08); box-sizing: border-box !important; } /* ========================================================= SUBTLE INNER LIGHT ========================================================= */ .step-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; background: linear-gradient( 90deg, transparent 0%, rgba(3, 174, 251, 0.02) 25%, transparent 50%, rgba(3, 174, 251, 0.02) 75%, transparent 100% ); z-index: 0; } /* ========================================================= NUMBER POSITION ========================================================= */ .step-card .elementor-widget-heading.step-number { position: absolute !important; top: 14px !important; left: 14px !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; z-index: 20 !important; } /* ========================================================= NUMBER BADGE ========================================================= */ .step-number .elementor-heading-title { display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; border-radius: 50% !important; background: linear-gradient( 180deg, #23BCFF 0%, #03AEFB 55%, #008CCE 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.40) !important; color: #FFFFFF !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1 !important; text-align: center !important; box-shadow: 0 0 5px rgba(3, 174, 251, 0.90), 0 0 12px rgba(3, 174, 251, 0.55), 0 0 22px rgba(3, 174, 251, 0.25), inset 0 1px 2px rgba(255,255,255,0.35); box-sizing: border-box !important; } /* ========================================================= ICON BOX ========================================================= */ .step-card .elementor-widget-icon-box { position: relative; width: 100%; margin: 0 !important; z-index: 2; } .step-card .elementor-icon-box-wrapper { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; text-align: center !important; } /* ========================================================= ICON ========================================================= */ .step-card .elementor-icon-box-icon { margin: 0 0 20px 0 !important; } .step-card .elementor-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; color: #FFFFFF !important; } /* ========================================================= FONT AWESOME ICON WHITE ICON + #03AEFB BLUE GLOW ========================================================= */ .step-card .elementor-icon i { font-size: 80px !important; color: #FFFFFF !important; line-height: 1 !important; text-shadow: 0 0 2px #FFFFFF, 0 0 5px #03AEFB, 0 0 10px rgba(3, 174, 251, 0.95), 0 0 18px rgba(3, 174, 251, 0.70), 0 0 30px rgba(3, 174, 251, 0.35) !important; } /* ========================================================= SVG ICON WHITE ICON + #03AEFB BLUE GLOW ========================================================= */ .step-card .elementor-icon svg { width: 58px !important; height: 58px !important; fill: #FFFFFF !important; color: #FFFFFF !important; filter: drop-shadow(0 0 2px rgba(255,255,255,0.90)) drop-shadow(0 0 4px #03AEFB) drop-shadow(0 0 8px rgba(3,174,251,0.95)) drop-shadow(0 0 14px rgba(3,174,251,0.70)) drop-shadow(0 0 24px rgba(3,174,251,0.35)) !important; } .step-card .elementor-icon svg path { fill: #FFFFFF !important; color: #FFFFFF !important; } /* ========================================================= TITLE ========================================================= */ .step-card .elementor-icon-box-title { margin: 0 0 12px 0 !important; padding: 0 !important; color: #FFFFFF !important; font-family: "Oswald", sans-serif !important; font-size: 28px !important; font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: 0.4px; text-transform: uppercase !important; text-align: center !important; text-shadow: 0 0 4px rgba(255,255,255,0.15); } .step-card .elementor-icon-box-title span, .step-card .elementor-icon-box-title a { color: #FFFFFF !important; } /* ========================================================= DESCRIPTION ========================================================= */ .step-card .elementor-icon-box-description { width: 100% !important; max-width: 260px !important; margin: 0 auto !important; padding: 0 !important; color: #FFFFFF !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.45 !important; text-align: center !important; } /* ========================================================= REMOVE DEFAULT ELEMENTOR GAPS ========================================================= */ .step-card .elementor-widget-heading, .step-card .elementor-widget-icon-box { margin-bottom: 0 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .step-card { min-height: 270px; padding: 30px 20px 22px 20px !important; } .step-card .elementor-widget-heading.step-number { top: 13px !important; left: 13px !important; } .step-number .elementor-heading-title { width: 38px !important; height: 38px !important; font-size: 21px !important; } .step-card .elementor-icon i { font-size: 52px !important; } .step-card .elementor-icon svg { width: 52px !important; height: 52px !important; } .step-card .elementor-icon-box-title { font-size: 25px !important; } .step-card .elementor-icon-box-description { max-width: 240px !important; font-size: 15px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .step-card { min-height: 245px; padding: 28px 18px 20px 18px !important; border-radius: 17px !important; } .step-card .elementor-widget-heading.step-number { top: 12px !important; left: 12px !important; } .step-number .elementor-heading-title { width: 36px !important; height: 36px !important; font-size: 20px !important; } .step-card .elementor-icon-box-icon { margin-bottom: 15px !important; } .step-card .elementor-icon i { font-size: 46px !important; } .step-card .elementor-icon svg { width: 46px !important; height: 46px !important; } .step-card .elementor-icon-box-title { margin-bottom: 10px !important; font-size: 22px !important; } .step-card .elementor-icon-box-description { max-width: 220px !important; font-size: 14px !important; line-height: 1.4 !important; } }/* End custom CSS */