.elementor-14096 .elementor-element.elementor-element-5616b7e{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-14096 .elementor-element.elementor-element-0eda6e4{text-align:center;}.elementor-14096 .elementor-element.elementor-element-0eda6e4 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:900;color:#000000;}.elementor-14096 .elementor-element.elementor-element-9673d84{--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-14096 .elementor-element.elementor-element-a7bc1b6{--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-14096 .elementor-element.elementor-element-53bd762{--display:flex;}.elementor-14096 .elementor-element.elementor-element-e52f0ac{text-align:center;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-14096 .elementor-element.elementor-element-2f42092{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14096 .elementor-element.elementor-element-2f42092 > .elementor-widget-container{margin:-25px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14096 .elementor-element.elementor-element-2f42092 .elementor-divider-separator{width:100%;}.elementor-14096 .elementor-element.elementor-element-2f42092 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-14096 .elementor-element.elementor-element-352ddd8 > .elementor-widget-container{margin:-30px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14096 .elementor-element.elementor-element-352ddd8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-14096 .elementor-element.elementor-element-352ddd8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-14096 .elementor-element.elementor-element-352ddd8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-14096 .elementor-element.elementor-element-352ddd8 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-14096 .elementor-element.elementor-element-352ddd8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-14096 .elementor-element.elementor-element-352ddd8 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-14096 .elementor-element.elementor-element-352ddd8 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-14096 .elementor-element.elementor-element-352ddd8{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-14096 .elementor-element.elementor-element-352ddd8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-14096 .elementor-element.elementor-element-352ddd8 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-weight:900;text-transform:uppercase;}.elementor-14096 .elementor-element.elementor-element-352ddd8 .elementor-icon-list-text{transition:color 0.3s;}.elementor-14096 .elementor-element.elementor-element-02e7e72{--display:flex;}.elementor-14096 .elementor-element.elementor-element-518c712{text-align:center;}.elementor-14096 .elementor-element.elementor-element-c6f245f{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14096 .elementor-element.elementor-element-c6f245f > .elementor-widget-container{margin:-25px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14096 .elementor-element.elementor-element-c6f245f .elementor-divider-separator{width:100%;}.elementor-14096 .elementor-element.elementor-element-c6f245f .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14096 .elementor-element.elementor-element-decb813 > .elementor-widget-container{margin:-30px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14096 .elementor-element.elementor-element-decb813 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-14096 .elementor-element.elementor-element-decb813 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-14096 .elementor-element.elementor-element-decb813 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-14096 .elementor-element.elementor-element-decb813 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-14096 .elementor-element.elementor-element-decb813 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-14096 .elementor-element.elementor-element-decb813 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-14096 .elementor-element.elementor-element-decb813 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-14096 .elementor-element.elementor-element-decb813{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-14096 .elementor-element.elementor-element-decb813 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-14096 .elementor-element.elementor-element-decb813 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-weight:900;text-transform:uppercase;}.elementor-14096 .elementor-element.elementor-element-decb813 .elementor-icon-list-text{transition:color 0.3s;}.elementor-14096 .elementor-element.elementor-element-273e7fb{--display:flex;}.elementor-14096 .elementor-element.elementor-element-a91198b{text-align:center;}.elementor-14096 .elementor-element.elementor-element-52df607{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14096 .elementor-element.elementor-element-52df607 > .elementor-widget-container{margin:-25px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14096 .elementor-element.elementor-element-52df607 .elementor-divider-separator{width:100%;}.elementor-14096 .elementor-element.elementor-element-52df607 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14096 .elementor-element.elementor-element-8f99110 > .elementor-widget-container{margin:-30px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14096 .elementor-element.elementor-element-8f99110 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-14096 .elementor-element.elementor-element-8f99110 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-14096 .elementor-element.elementor-element-8f99110 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-14096 .elementor-element.elementor-element-8f99110 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-14096 .elementor-element.elementor-element-8f99110 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-14096 .elementor-element.elementor-element-8f99110 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-14096 .elementor-element.elementor-element-8f99110 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-14096 .elementor-element.elementor-element-8f99110{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-14096 .elementor-element.elementor-element-8f99110 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-14096 .elementor-element.elementor-element-8f99110 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-weight:900;text-transform:uppercase;}.elementor-14096 .elementor-element.elementor-element-8f99110 .elementor-icon-list-text{transition:color 0.3s;}@media(max-width:1366px){.elementor-14096 .elementor-element.elementor-element-a7bc1b6{--grid-auto-flow:row;}}@media(max-width:1250px){.elementor-14096 .elementor-element.elementor-element-a7bc1b6{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-14096 .elementor-element.elementor-element-a7bc1b6{--grid-auto-flow:row;}}@media(max-width:390px){.elementor-14096 .elementor-element.elementor-element-a7bc1b6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:391px){.elementor-14096 .elementor-element.elementor-element-5616b7e{--content-width:1300px;}}@media(min-width:1920px){.elementor-14096 .elementor-element.elementor-element-a7bc1b6{--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-5616b7e */```css /* == border-radius:30px !important; background: radial-gradient( circle at 88% 10%, rgba(86,184,232,.18), transparent 28% ), radial-gradient( circle at 5% 95%, rgba(217,54,50,.055), transparent 27% ), linear-gradient( 135deg, #ffffff 0%, #f8fcff 46% #eef8ff 100% ) !important; box-shadow: 0 30px 80px rgba(18,59,93,.14), 0 10px 30px rgba(18,59,93,.07), inset 0 1px 0 rgba(255,255,255,.95) !important; animation:lrtMegaWowOpen .4s cubic-bezier(.2,.8,.2,1); } /* =============================================================== BACKGROUND GLOW ========================================================= */ .lrt-mega-wow::before{ content:""; position:absolute; width: 420px; height: 420px; top:-260px; right:-110px; border-radius:50%; background: radial-gradient( circle, rgba(46,131,183,.22), rgba(46,131,183,.05) 48%, transparent 72% ); filter:blur(10px); pointer-events: none; z-index:-1; } /* ======================================================== TOP ACCENT ========================================================== */ .lrt-mega-wow::after{ content:""; position:absolute; top:0; left:10%; width: 80%; height: 3px; border-radius:0 0 999px 999px; background: linear-gradient( 90deg, transparent, #2E83B7 22%, #123B5D 46%, #D93632 73%, transparent ); background-size:200% 100%; animation:lrtMegaLineFlow 5s linear infinite; pointer-events: none; } /* ================================================================= MAIN COURSES HEADER ========================================================= */ .lrt-mega-wow > .e-con-inner > .elementor-element:first-child{ position:relative; min-height:82px; display:flex; align-items:center; justify-content:center; margin-bottom:14px !important; } .lrt-mega-wow > .e-con-inner > .elementor-element:first-child h1, .lrt-mega-wow > .e-con-inner > .elementor-element:first-child h2, .lrt-mega-wow > .e-con-inner > .elementor-element:first-child h3{ position:relative; margin:0 !important; color:#101820 !important; font-size:31px !important; line-height:1 !important; font-weight:900 !important; letter-spacing:-.045em !important; text-align:center; text-transform:uppercase; } /* ========================================================= SMALL LABEL ABOVE COURSES ========================================================= */ .lrt-mega-wow > .e-con-inner > .elementor-element:first-child h1::before, .lrt-mega-wow > .e-con-inner > .elementor-element:first-child h2::before, .lrt-mega-wow > .e-con-inner > .elementor-element:first-child h3::before{ content:"TRAINING CATEGORIES"; display:block; width:max-content; margin:0 auto 8px; padding:5px 10px; border:1px solid rgba(46,131,183,.12); border-radius:999px; color:#2E83B7; background:rgba(255,255,255,.86); box-shadow: 0 5px 14px rgba(18,59,93,.05); font-size:7px !important; line-height:1 !important; font-weight:900 !important; letter-spacing:.14em; } /* ========================================================= HEADER UNDERLINE ========================================================= */ .lrt-mega-wow > .e-con-inner > .elementor-element:first-child h1::after, .lrt-mega-wow > .e-con-inner > .elementor-element:first-child h2::after, .lrt-mega-wow > .e-con-inner > .elementor-element:first-child h3::after{ content:""; display:block; width:54px; height:3px; margin:11px auto 0; border-radius:999px; background: linear-gradient( 90deg, #2E83B7, #D93632 ); box-shadow: 0 0 16px rgba(46,131,183,.18); } /* ========================================================= GRID ========================================================= */ .lrt-mega-wow .e-grid{ gap:18px !important; align-items:stretch !important; } /* ========================================================= CATEGORY CARDS ========================================================= */ .lrt-mega-wow .e-grid > .e-con{ position:relative; min-height:235px; padding:20px 19px 18px !important; overflow:hidden; border:1px solid rgba(18,59,93,.08) !important; border-radius:22px !important; background: linear-gradient( 145deg, rgba(255,255,255,.99), rgba(245,250,254,.95) ) !important; box-shadow: 0 14px 32px rgba(18,59,93,.07), 0 4px 12px rgba(18,59,93,.035), inset 0 1px 0 rgba(255,255,255,.95); transition: transform .30s cubic-bezier(.2,.8,.2,1), box-shadow .30s ease, border-color .30s ease; } /* ========================================================= CARD GLOW ========================================================= */ .lrt-mega-wow .e-grid > .e-con::before{ content:""; position:absolute; width:160px; height:160px; top:-95px; right:-75px; border-radius:50%; background: radial-gradient( circle, rgba(46,131,183,.14), transparent 70% ); pointer-events:none; } /* ========================================================= CARD BOTTOM LINE ========================================================= */ .lrt-mega-wow .e-grid > .e-con::after{ content:""; position:absolute; left:18px; right:18px; bottom:0; height:2px; opacity:.40; border-radius:999px; background: linear-gradient( 90deg, transparent, #2E83B7, transparent ); } /* ========================================================= CARD HOVER ========================================================= */ .lrt-mega-wow .e-grid > .e-con:hover{ transform: translateY(-7px) scale(1.012); border-color: rgba(46,131,183,.18) !important; box-shadow: 0 24px 48px rgba(18,59,93,.13), 0 8px 20px rgba(18,59,93,.06); } /* ========================================================= CATEGORY TOP COLORS ========================================================= */ .lrt-mega-wow .e-grid > .e-con:nth-child(1){ border-top:3px solid #2E83B7 !important; } .lrt-mega-wow .e-grid > .e-con:nth-child(2){ border-top:3px solid #123B5D !important; } .lrt-mega-wow .e-grid > .e-con:nth-child(3){ border-top:3px solid #D93632 !important; } /* ========================================================= CATEGORY HEADINGS ========================================================= */ .lrt-mega-wow .e-grid > .e-con h1, .lrt-mega-wow .e-grid > .e-con h2, .lrt-mega-wow .e-grid > .e-con h3, .lrt-mega-wow .e-grid > .e-con h4{ margin:0 !important; color:#123B5D !important; font-size:16px !important; line-height:1.2 !important; font-weight:900 !important; letter-spacing:.045em !important; text-transform:uppercase; } /* ========================================================= DIVIDER ========================================================= */ .lrt-mega-wow .elementor-divider{ margin:12px 0 14px !important; } .lrt-mega-wow .elementor-divider-separator{ width:100% !important; border-top-width:1px !important; border-color: rgba(18,59,93,.10) !important; } /* ========================================================= ICON LIST ========================================================= */ .lrt-mega-wow .elementor-icon-list-items{ display:flex !important; flex-direction:column !important; gap:6px !important; margin:0 !important; padding:0 !important; } /* ========================================================= EACH COURSE ROW ========================================================= */ .lrt-mega-wow .elementor-icon-list-item{ position:relative; min-height:50px !important; display:flex !important; align-items:center !important; margin:0 !important; padding:7px 9px !important; overflow:hidden; border:1px solid transparent; border-radius:13px; transition: transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease; } /* ========================================================= ROW HOVER ========================================================= */ .lrt-mega-wow .elementor-icon-list-item:hover{ transform:translateX(5px); border-color: rgba(46,131,183,.13); background: linear-gradient( 135deg, rgba(234,247,255,.98), #ffffff ); box-shadow: 0 8px 18px rgba(18,59,93,.065); } /* ========================================================= ICON BOXES ========================================================= */ .lrt-mega-wow .elementor-icon-list-icon{ width:34px !important; height:34px !important; min-width:34px !important; max-width:34px !important; flex:0 0 34px !important; margin-right:12px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#176B9E !important; background: linear-gradient( 145deg, #f3faff, #e7f4fb ) !important; border: 1px solid rgba(23,107,158,.10) !important; border-radius:10px !important; box-shadow: 0 5px 12px rgba(18,59,93,.07), inset 0 1px 0 #ffffff; transition: transform .22s ease, background .22s ease, color .22s ease, box-shadow .22s ease; } /* ========================================================= FONT ICON ========================================================= */ .lrt-mega-wow .elementor-icon-list-icon i{ width:16px !important; height:16px !important; display:flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; color:#176B9E !important; font-size:16px !important; line-height:16px !important; opacity:1 !important; } /* ========================================================= SVG ICON ========================================================= */ .lrt-mega-wow .elementor-icon-list-icon svg{ width:16px !important; height:16px !important; min-width:16px !important; max-width:16px !important; display:block !important; margin:0 !important; color:#176B9E !important; fill:#176B9E !important; opacity:1 !important; } .lrt-mega-wow .elementor-icon-list-icon svg path{ fill:#176B9E !important; } /* ========================================================= ICON HOVER ========================================================= */ .lrt-mega-wow .elementor-icon-list-item:hover .elementor-icon-list-icon{ color:#ffffff !important; transform: scale(1.08) rotate(-3deg); background: linear-gradient( 135deg, #123B5D, #237FAD ) !important; border-color: transparent !important; box-shadow: 0 8px 18px rgba(18,59,93,.19) !important; } .lrt-mega-wow .elementor-icon-list-item:hover .elementor-icon-list-icon i{ color:#ffffff !important; } .lrt-mega-wow .elementor-icon-list-item:hover .elementor-icon-list-icon svg, .lrt-mega-wow .elementor-icon-list-item:hover .elementor-icon-list-icon svg path{ color:#ffffff !important; fill:#ffffff !important; } /* ========================================================= LINKS ========================================================= */ .lrt-mega-wow .elementor-icon-list-item a, .lrt-mega-wow .elementor-icon-list-item a:link, .lrt-mega-wow .elementor-icon-list-item a:visited{ width:100% !important; display:flex !important; align-items:center !important; color:#102F4A !important; opacity:1 !important; text-decoration:none !important; } /* ========================================================= COURSE TEXT DESKTOP = 18PX ========================================================= */ html body .lrt-mega-wow span.elementor-icon-list-text, html body .lrt-mega-wow .elementor-icon-list-text, html body .lrt-mega-wow li.elementor-icon-list-item span.elementor-icon-list-text, html body .lrt-mega-wow li.elementor-icon-list-item a span.elementor-icon-list-text{ display:inline-block !important; color:#102F4A !important; font-family:inherit !important; font-size:15px !important; line-height:1.3 !important; font-weight:900 !important; letter-spacing:0 !important; opacity:1 !important; visibility:visible !important; } /* ========================================================= TEXT HOVER ========================================================= */ html body .lrt-mega-wow .elementor-icon-list-item:hover span.elementor-icon-list-text{ color:#0A2942 !important; } /* ========================================================= ANIMATIONS ========================================================= */ @keyframes lrtMegaWowOpen{ from{ opacity:0; transform: translateY(-12px) scale(.98); } to{ opacity:1; transform: translateY(0) scale(1); } } @keyframes lrtMegaLineFlow{ 0%{ background-position:0% 50%; } 100%{ background-position:200% 50%; } } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .lrt-mega-wow{ padding: 16px 18px 22px !important; border-radius:22px !important; } .lrt-mega-wow .e-grid{ gap:12px !important; } .lrt-mega-wow .e-grid > .e-con{ min-height:210px; padding:16px !important; } html body .lrt-mega-wow span.elementor-icon-list-text{ font-size:16px !important; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .lrt-mega-wow{ padding: 10px 10px 14px !important; border-radius:17px !important; } .lrt-mega-wow > .e-con-inner > .elementor-element:first-child{ min-height:68px; } .lrt-mega-wow > .e-con-inner > .elementor-element:first-child h1, .lrt-mega-wow > .e-con-inner > .elementor-element:first-child h2, .lrt-mega-wow > .e-con-inner > .elementor-element:first-child h3{ font-size:23px !important; } .lrt-mega-wow .e-grid{ grid-template-columns:1fr !important; gap:9px !important; } .lrt-mega-wow .e-grid > .e-con{ min-height:0; padding:14px !important; border-radius:14px !important; } .lrt-mega-wow .elementor-icon-list-icon{ width:30px !important; height:30px !important; min-width:30px !important; max-width:30px !important; flex:0 0 30px !important; margin-right:10px !important; } html body .lrt-mega-wow span.elementor-icon-list-text{ font-size:15px !important; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media(prefers-reduced-motion:reduce){ .lrt-mega-wow, .lrt-mega-wow *{ animation:none !important; transition:none !important; } } ```/* End custom CSS */