.elementor-17817 .elementor-element.elementor-element-42b11d4b > .elementor-container{max-width:1200px;}.elementor-17817 .elementor-element.elementor-element-42b11d4b{padding:60px 0px 60px 0px;overflow:visible;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-17817 .elementor-element.elementor-element-74669ce6 > .elementor-widget-container{padding:0px 0px 0px 4px;}.elementor-17817 .elementor-element.elementor-element-74669ce6{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#475467;}.elementor-widget-theme-post-title .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-17817 .elementor-element.elementor-element-60f92266 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:42px;font-weight:700;line-height:57px;letter-spacing:0px;color:#181D27;}.elementor-17817 .elementor-element.elementor-element-c2a570a:not(.elementor-motion-effects-element-type-background), .elementor-17817 .elementor-element.elementor-element-c2a570a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17817 .elementor-element.elementor-element-c2a570a > .elementor-container{max-width:1200px;}.elementor-17817 .elementor-element.elementor-element-c2a570a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:7px 0px 7px 0px;z-index:100;overflow:visible;}.elementor-17817 .elementor-element.elementor-element-c2a570a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-17817 .elementor-element.elementor-element-2c473f3c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;}.elementor-17817 .elementor-element.elementor-element-2c473f3c .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:700;line-height:29px;color:#252B37;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17817 .elementor-element.elementor-element-18278e96 .elementor-button{background-color:#0057FF;font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0.34px;fill:#FFFFFF;color:#FFFFFF;border-radius:8px 8px 8px 8px;}.elementor-17817 .elementor-element.elementor-element-18278e96 .elementor-button:hover, .elementor-17817 .elementor-element.elementor-element-18278e96 .elementor-button:focus{background-color:#0050EB;border-color:#0050EB;}.elementor-17817 .elementor-element.elementor-element-18278e96{width:100%;max-width:100%;align-self:center;}.elementor-17817 .elementor-element.elementor-element-18278e96 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17817 .elementor-element.elementor-element-3eef0252:not(.elementor-motion-effects-element-type-background), .elementor-17817 .elementor-element.elementor-element-3eef0252 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#070F45;}.elementor-17817 .elementor-element.elementor-element-3eef0252 > .elementor-container{max-width:1200px;}.elementor-17817 .elementor-element.elementor-element-3eef0252{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 0px 57px 0px;overflow:visible;}.elementor-17817 .elementor-element.elementor-element-3eef0252 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17817 .elementor-element.elementor-element-71f604ae:not(.elementor-motion-effects-element-type-background), .elementor-17817 .elementor-element.elementor-element-71f604ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F9FD;}.elementor-17817 .elementor-element.elementor-element-71f604ae{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:35px 0px 090px 0px;overflow:visible;}.elementor-17817 .elementor-element.elementor-element-71f604ae > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17817 .elementor-element.elementor-element-59815274 > .elementor-container{max-width:1200px;}.elementor-17817 .elementor-element.elementor-element-59815274{padding:028px 0px 40px 0px;overflow:visible;}.elementor-17817 .elementor-element.elementor-element-6d5fd450 > .elementor-container{max-width:1130px;}.elementor-17817 .elementor-element.elementor-element-6d5fd450{padding:10px 0px 80px 0px;overflow:visible;}.elementor-17817 .elementor-element.elementor-element-67cacaaa > .elementor-container{max-width:1200px;}.elementor-17817 .elementor-element.elementor-element-67cacaaa{padding:30px 0px 80px 0px;overflow:visible;}.elementor-17817 .elementor-element.elementor-element-506efe6c > .elementor-container{max-width:1200px;}.elementor-17817 .elementor-element.elementor-element-506efe6c{padding:28px 0px 72px 0px;overflow:visible;}.elementor-17817 .elementor-element.elementor-element-44327afd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;overflow:visible;}.elementor-17817 .elementor-element.elementor-element-44327afd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17817 .elementor-element.elementor-element-491b2046:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-17817 .elementor-element.elementor-element-491b2046 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FF;background-image:url("https://www.syncfusion.com/code-studio/wp-content/uploads/2026/04/Banner-Texture.png");background-position:70px 20px;background-repeat:no-repeat;background-size:100% auto;}.elementor-17817 .elementor-element.elementor-element-491b2046 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#BFD8FF;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:30px 0px 96px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:48px 0px 48px 0px;}.elementor-17817 .elementor-element.elementor-element-491b2046 > .elementor-element-populated, .elementor-17817 .elementor-element.elementor-element-491b2046 > .elementor-element-populated > .elementor-background-overlay, .elementor-17817 .elementor-element.elementor-element-491b2046 > .elementor-background-slideshow{border-radius:32px 32px 32px 32px;}.elementor-17817 .elementor-element.elementor-element-491b2046 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17817 .elementor-element.elementor-element-2fb9c03b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17817 .elementor-element.elementor-element-2fb9c03b{text-align:center;}.elementor-17817 .elementor-element.elementor-element-2fb9c03b .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:28px;font-weight:800;line-height:45px;color:#0F172A;}.elementor-17817 .elementor-element.elementor-element-6d337bad > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17817 .elementor-element.elementor-element-6d337bad{text-align:center;font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#0F172A;}.elementor-17817 .elementor-element.elementor-element-139d4763 .elementor-button{background-color:#0057FF;font-family:"Open Sans", Sans-serif;font-weight:500;}.elementor-17817 .elementor-element.elementor-element-139d4763 .elementor-button:hover, .elementor-17817 .elementor-element.elementor-element-139d4763 .elementor-button:focus{background-color:#0073DC;color:#FFFFFF;}.elementor-17817 .elementor-element.elementor-element-139d4763 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17817 .elementor-element.elementor-element-139d4763 .elementor-button:hover svg, .elementor-17817 .elementor-element.elementor-element-139d4763 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-17817 .elementor-element.elementor-element-7311e582{overflow:visible;}@media(max-width:1024px){.elementor-17817 .elementor-element.elementor-element-42b11d4b{padding:60px 20px 60px 20px;}.elementor-17817 .elementor-element.elementor-element-c2a570a{padding:07px 10px 07px 10px;}.elementor-17817 .elementor-element.elementor-element-2c473f3c .elementor-heading-title{font-size:17px;}.elementor-17817 .elementor-element.elementor-element-3eef0252{padding:35px 20px 50px 20px;}.elementor-17817 .elementor-element.elementor-element-71f604ae{padding:30px 20px 090px 20px;}.elementor-17817 .elementor-element.elementor-element-59815274{padding:30px 20px 40px 20px;}.elementor-17817 .elementor-element.elementor-element-6d5fd450{padding:10px 20px 70px 20px;}.elementor-17817 .elementor-element.elementor-element-67cacaaa{padding:30px 20px 65px 20px;}.elementor-17817 .elementor-element.elementor-element-506efe6c{padding:30px 20px 65px 20px;}.elementor-17817 .elementor-element.elementor-element-44327afd{padding:0px 20px 0px 20px;}.elementor-17817 .elementor-element.elementor-element-491b2046:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-17817 .elementor-element.elementor-element-491b2046 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:40px 0px;background-size:1000px auto;}.elementor-17817 .elementor-element.elementor-element-491b2046 > .elementor-element-populated{margin:15px 0px 90px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-17817 .elementor-element.elementor-element-2fb9c03b .elementor-heading-title{font-size:24px;line-height:30px;}}@media(max-width:767px){.elementor-17817 .elementor-element.elementor-element-42b11d4b{padding:40px 20px 40px 20px;}.elementor-17817 .elementor-element.elementor-element-74669ce6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17817 .elementor-element.elementor-element-60f92266 .elementor-heading-title{font-size:28px;line-height:42px;}.elementor-17817 .elementor-element.elementor-element-5846103d > .elementor-element-populated{margin:10px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-17817 .elementor-element.elementor-element-c2a570a{padding:10px 10px 12px 10px;}.elementor-17817 .elementor-element.elementor-element-2c473f3c{text-align:center;}.elementor-17817 .elementor-element.elementor-element-2c473f3c .elementor-heading-title{font-size:16px;line-height:27px;}.elementor-17817 .elementor-element.elementor-element-18278e96 .elementor-button{font-size:14px;line-height:20px;padding:10px 16px 10px 16px;}.elementor-17817 .elementor-element.elementor-element-3eef0252{padding:30px 20px 35px 20px;}.elementor-17817 .elementor-element.elementor-element-71f604ae{padding:25px 20px 070px 20px;}.elementor-17817 .elementor-element.elementor-element-59815274{padding:25px 20px 0px 20px;}.elementor-17817 .elementor-element.elementor-element-6d5fd450{padding:40px 0px 60px 0px;}.elementor-17817 .elementor-element.elementor-element-67cacaaa{padding:35px 20px 60px 20px;}.elementor-17817 .elementor-element.elementor-element-506efe6c{padding:30px 20px 60px 20px;}.elementor-17817 .elementor-element.elementor-element-491b2046:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-17817 .elementor-element.elementor-element-491b2046 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:30px 30px;}.elementor-17817 .elementor-element.elementor-element-491b2046 > .elementor-element-populated{margin:10px 0px 80px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-17817 .elementor-element.elementor-element-2fb9c03b > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-17817 .elementor-element.elementor-element-2fb9c03b .elementor-heading-title{font-size:26px;line-height:34px;}.elementor-17817 .elementor-element.elementor-element-6d337bad > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-17817 .elementor-element.elementor-element-139d4763 .elementor-button{font-size:14px;}}@media(min-width:768px){.elementor-17817 .elementor-element.elementor-element-e668d5e{width:80%;}.elementor-17817 .elementor-element.elementor-element-6c4ce3d5{width:20%;}.elementor-17817 .elementor-element.elementor-element-15039844{width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-17817 .elementor-element.elementor-element-e668d5e{width:75%;}.elementor-17817 .elementor-element.elementor-element-6c4ce3d5{width:25%;}}/* Start custom CSS for shortcode, class: .elementor-element-2bd276b3 */.whd-text {
    font-size: 17px;
    line-height: 28px;
    color: #475569;
    letter-spacing: 0.5%;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-29c3e420 */.banner-upcoming-webinar-info{
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 5px;
}
.banner-upcoming-webinar-info-block{
    display:flex;
}
.banner-upcoming-webinar-info-text, .banner-upcoming-webinar-speaker-page-link{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #475467;
    letter-spacing: 0.2px;
    margin-bottom: 0px;
}
.banner-upcoming-webinar-speaker-company{
    font-weight: 400;
}
.banner-upcoming-webinar-speaker-page-link{
    color: #0057FF;
}
.banner-upcoming-webinar-speaker-page-link:hover, .banner-upcoming-webinar-speaker-page-link:active, .banner-upcoming-webinar-speaker-page-link:focus{
    color: #0050eb;
}
.banner-upcoming-webinar-datetime-block-wrapper{
    display: flex;
    gap: 30px;
}
.upcoming-webinar-clock-icon, .upcoming-webinar-calendar-icon, .upcoming-webinar-duration-icon, .upcoming-webinar-speaker-icon{
    margin-right: 8px;
    width: 24px;
    height: auto;
}
.upcoming-webinar-duration-icon{
    width: 23px !important;
}
.banner-upcoming-webinar-timezone{
    margin-left: 3px;
    font-weight: 400;
    font-size: 14px;
    bottom: 0.2px;
    position: relative;
}

.banner-upcoming-webinar-speaker-name-company{
    position: relative;
    top: 2px;
}
.banner-upcoming-webinar-dot{
    margin-left: 12px;
}

@media (max-width: 505px){
.banner-upcoming-webinar-datetime-block-wrapper{
    flex-direction: column;
    gap: 15px;
}
.banner-upcoming-webinar-info{
    margin-bottom: 5px;
}
.banner-upcoming-webinar-dot{
    display: none !important;
}
}
@media (min-width: 505px) and (max-width: 971px) {
    .banner-upcoming-webinar-info{
        align-items: center;
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-7b62406a */#upcoming-webinar-banner-left-column{
    padding-right: 10px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1dc25c2a */.webinar-form-card{
  background:#ffffff;
  border-radius:32px;
  padding:28px 26px;
  max-width:490px;
 box-shadow: 0 0 24px 3px rgba(69, 114, 218, 0.15);
 
border: 1px solid #CFD6E4;
 
 padding:50px 40px 50px 40px;
  margin: 0 auto;
  margin-top:10px;
}

/* Titles */
.webinar-form-card .form-title{
  text-align: center;  
  font-size:28px; font-weight:600; 
  color:#0F172A; 
 line-height: 42px;
 margin:0 auto;
  
}
.webinar-form-card .form-subtitle{
  text-align: center; 
  font-size:14px; 
  color:#475569;
  font-weight:400;
  font-style: italic;
  margin:0 0 38px;
  line-height: 22px;
}

/* Field stack */
.webinar-form-card .field{ margin-bottom:20px; }

/* Input + icon layout */
.webinar-form-card .input-wrap{ position:relative; }
.webinar-form-card .input-wrap input{
  width:100%;
  padding:12px 14px 12px 42px; /* left space for icon */
  border-radius:6px;
  border:1px solid #CBD5E1;
  background:#ffffff;
  color:#111827;
  font-size:14px;
  transition:border-color .15s ease, background .15s ease;
}
.webinar-form-card .input-wrap input::placeholder{ color:#667085; }

.webinar-form-card .input-wrap input:focus{
  outline:none;
  border-color:#2563eb;
  background:#ffffff;
}

/* Inline SVG icon */
.webinar-form-card .input-icon{
  position:absolute; left:14px; top:50%; transform:translateY(-50%);
  display:inline-flex; color:#9ca3af;
}

/* Error messages (your JS toggles visibility) */
.webinar-form-card .error{
  display:none; /* your JS sets display:block when needed */
  font-size:12px; color:#dc2626; margin:6px 0 0;
}
#demio-form .input-invalid{ border-color:#dc2626 !important; }

/* CTA button */
.webinar-form-card .register-btn{
  width:100%;
  margin-top:6px;
  padding:16px 18px 16px 18px;
  border-radius:6px;
  border:none;
  background:#0057FF;
  color:#ffffff;
  font-size:18px;
  font-weight:600;
  cursor:pointer;
}
.webinar-form-card .register-btn:hover{ background:#0450C2; }

/* Legal text */
.webinar-form-card .form-legal{
  font-size:14px; 
  color:#6b7280; 
  margin-top:14px; 
  line-height: 20px;
  font-weight: 400;
  text-align: center;
}
.webinar-form-card .form-legal a{ color:#0057FF;
text-decoration:none; }

/* Visually hidden label (keeps a11y) */
.webinar-form-card .sr-only{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* ===== Success Banner  ===== */
#webinar-success-banner {
  
 
  z-index: 9999;
  margin: 0 auto 12px;
  margin-top:-60px!important;
  max-width: 1200px;         /* align with your layout width */
  padding: 12px 16px;
  border-radius: 12px;
  display: none;             /* hidden until shown */
  align-items: center;
  gap: 12px;

  background: #F4FCF4;       /* light green */
  color: #065F46;            /* dark green text */
  border: 1px solid #A7F3D0; /* mint border */
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  
box-shadow:
    0 8px 24px rgba(0,0,0,.06),  /* your existing outer shadow */
    inset 0 -3px 0 0 #10B981;
     display: none;

}

/* Icon circle */
#webinar-success-banner .wsb-icon {
  width: 28px; height: 28px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 999px;
  color: #065F46;
}

/* Text block */
#webinar-success-banner .wsb-text {
  display: grid;
  gap: 2px;
}

#webinar-success-banner .wsb-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #065F46;
}

#webinar-success-banner .wsb-desc {
  font-size: 13px;
  line-height: 20px;
  color: #065F46;
}

/* Close button */
#webinar-success-banner .wsb-close {
  margin-left: auto;
  appearance: none;
  border: 0;
  background: transparent;
  color: #065F46;
  font-size: 18px;
  cursor: pointer;
  line-height: 1;
  padding: 2px 4px;
}

#webinar-success-banner.wsb-show {
  display: flex;
}

/* Banner base (make sure it is positioned) */

/* Animated bottom line */
#webinar-success-banner::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;                        /* start collapsed */
  background: #10B981;             /* green line */
  pointer-events: none;
  border-bottom-left-radius: 8px;  /* optional to match card radius */
  border-bottom-right-radius: 8px;
}

/* When shown, run the animation over 6000ms */
#webinar-success-banner.wsb-show::after {
  animation: wsb-fill 6000ms ease-out forwards;
}

@keyframes wsb-fill {
  from { width: 0; }
  to   { width: 100%; }
}

/* Respect OS setting; remove this block if you want to force animation */
@media (prefers-reduced-motion: reduce) {
  #webinar-success-banner.wsb-show::after {
    animation: none;
    width: 100%;
  }
}

input[readonly] {
    background:#f5f5f5;
    cursor:not-allowed;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-5846103d */#upcoming-webinar-banner-right-column{
    display: flex;
    align-items: center;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-42b11d4b */.free-online-upcoming-webinar-text{
        margin-bottom: 15px !important;
 }
 .free-online-upcoming-webinar-text p{
     margin-bottom: 0px;
 }
@media (min-width: 1025px){
.upcoming-webinar-banner-heading-wrapper, .upcoming-webinar-banner-icon-list-items{
    margin-bottom: 25px !important;
}
}
@media (min-width: 900px) and (max-width: 1024px) {
 .upcoming-webinar-banner-heading-wrapper h1{
        font-size: 38px !important;
        line-height: 54px !important;
    }
}
@media (min-width: 768px) and (max-width: 971px) {
    .upcoming-webinar-banner-column{
        width: 100% !important;
    }
     .upcoming-webinar-banner-heading-wrapper h1{
    font-size: 38px !important;
    line-height: 54px !important;
    }
    #upcoming-webinar-banner-left-column{
            text-align: center;
    }
    .upcoming-webinar-banner-icon-list-items ul{
        justify-content: center;
    }
    #upcoming-webinar-banner-right-column{
        margin-top: 10px;
    }
}
@media (max-width: 425px){
    .upcoming-webinar-banner-icon-list-items .elementor-icon-list-items{
        gap:10px;
    }
}
@media (max-width: 767px){
    .free-online-upcoming-webinar-text{
        margin-bottom: 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c473f3c */.upcoming-webinar-static-bar-heading h2{
    font-size: 18px !important;
}
@media (max-width: 1024px) {
    .elementor-1640 .elementor-element.elementor-element-73c53888 .elementor-heading-title {
        font-size: 17px !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-18278e96 */#upcoming-webinar-register-btn .fa-arrow-right{
      margin-top: 3px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-c2a570a */.upcoming-webinar-static-bar{
    box-shadow: 0px 8px 16px 0px #00427E24;
    border-bottom: 1px solid #D1E0FF;
    width:100% !important;
    display:none;
}

.upcoming-webinar-static-bar.active {
  display: block;
}

.upcoming-webinar-static-bar .static-bar-left-column{
    align-items: center;
}
.upcoming-webinar-static-bar-register-btn{
    width:100%;
}
@media (min-width: 768px) {
.static-bar-right-column .elementor-button-wrapper{
    display: flex;
    justify-content: end;
}
}
@media (max-width: 767px) {
.static-bar-left-column .elementor-widget-wrap{
    padding-bottom: 0px !important;
}
}
.static-bar-right-column{
    align-items: center;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-379984f6 */.upcoming-webinar-learnings-section-wrapper {
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
}

.webinar-learnings-heading {
  font-size: 32px !important;
  font-weight:700;
  line-height:48px;
  margin-bottom: 25px;
  color: #ffffff;
  text-align: center;
}

.webinar-learnings-list {
  display: flex;
  flex-wrap: wrap;
  column-gap:40px;
  row-gap:10px;
}

.webinar-learnings-item {
  flex: 1 1 calc(50% - 25px);
  padding: 15px;
}

.webinar-learnings-item-title {
  font-size: 22px !important;
  font-weight: 600;
  line-height: 36px;
  color: #ffffff;
  margin-bottom: 10px;
  position: relative;
  padding-left:28px;
  letter-spacing: 0.3px;
}

.webinar-learnings-item-title::before {
  content: "";
  width: 27px;
  height: 27px;
  margin-right: 8px;
  background-image: url('https://cdn.syncfusion.com/content/website/webinars/green-tick-icon.svg');
  position: absolute;
  left: -10px;
  top: 4px; 
  background-size: contain;
  background-repeat: no-repeat;
}


.webinar-learnings-item-description {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #c0d6e4;
  margin-left:32px;
  margin-bottom: 0px;
  letter-spacing: 0.3px;
}

@media (max-width: 767px) {
   .webinar-learnings-heading{
      font-size: 26px !important;
    line-height: 38px;
    margin-bottom: 15px;
  }
  .webinar-learnings-item-title{
    font-size: 18px !important;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .webinar-learnings-item-description{
    font-size: 16px;
    line-height: 25px;
  }
  .webinar-learnings-item-title::before{
    width: 24px;
    height: 24px;
}
}

@media (max-width: 768px) {
  .webinar-learnings-item {
    flex: 1 1 100%;
     padding: 10px;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-434b63a9 */.upcoming-webinar-who-should-learn-section-wrapper {
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
}

.webinar-who-should-learn-heading {
  font-size: 32px;
  font-weight:700;
  line-height:48px;
  margin-bottom: 40px;
  color: #1A1A1A;
  text-align: center;
}

/*.webinar-who-should-learn-list {*/
/*  display: flex;*/
/*  flex-wrap: wrap;*/
/*  column-gap:40px;*/
/*  row-gap:40px;*/
/*}*/

/*.webinar-who-should-learn-item {*/
/*  flex: 1 1 calc(50% - 25px);*/
/*  padding: 8px 28px 20px 40px;*/
/*}*/

.webinar-who-should-learn-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 40px;
  row-gap: 40px;
  
}
.webinar-who-should-learn-item {
  flex: 0 1 calc(50% - 25px);
  padding: 8px 28px 20px 40px; 
}

.webinar-who-should-learn-item-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 34px;
  color: #1A1A1A;
  margin-bottom: 10px;
  position: relative;
  padding-left:28px;
}

.webinar-who-should-learn-item-title::before {
  content: "";
  width: 25px;
  height: 25px;
  margin-right: 8px;
  background-image: url('https://www.syncfusion.com/webinars/wp-content/uploads/sites/7/2026/04/check-circle.svg');
  position: absolute;
  left: -10px;
  top: 5px; 
  background-size: contain;
  background-repeat: no-repeat;
}


.webinar-who-should-learn-item-description {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #475569;
  margin-left:32px;
}

@media (max-width: 767px) {
   .webinar-who-should-learn-heading{
      font-size: 26px;
    line-height: 38px;
    margin-bottom: 35px;
  }
  .webinar-who-should-learn-item-title{
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .webinar-who-should-learn-item-description{
    font-size: 16px;
    line-height: 25px;
  }
  .webinar-who-should-learn-item-title::before{
    width: 22px;
    height: 22px;
    left: -8px;
}
}

@media (max-width: 768px) {
  .webinar-who-should-learn-item {
    flex: 1 1 100%;
    padding: 0px 20px 12px 30px;
  }
}
.webinar-who-should-learn-item{
    background-color: white;
}

@media (max-width: 768px) {
.webinar-who-should-learn-list {
  row-gap:25px;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20720ad7 */.upcoming-webinar-what-to-expect-section-wrapper{
       background: linear-gradient(180deg, rgba(246, 249, 255, 0) 0%, #EEF4FF 100%);
}
.upcoming-webinar-what-to-expect-section{
    font-family: "Open Sans", sans-serif;
}
.what-to-expect-heading{
    font-weight: 700;
    font-size: 32px !important;
    line-height: 48px;
    color:#252B37;
    margin-bottom: 20px;
}
.what-to-expect-description{
    font-weight: 600;
    font-size: 18px;
    line-height: 34px;
    color:#475569;
    margin-bottom: 0px;
    letter-spacing: 0.3px;
}
.webinar-background-elements {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.bg-element-triangle {
  position: absolute;
  top: 12px;
  left: -26px;
}

.bg-element-circle {
  position: absolute;
  top: -10px;
  left: 120px;
}

.bg-element-cone {
  position: absolute;
  top: 2%;
  left: 21%;
}

.bg-element-group {
  position: absolute;
  bottom: 28%;
  right: -11%;
  width: 100px;
  height: 90px !important;
}

@media (max-width: 767px) {
    .what-to-expect-heading {
        font-size: 26px !important;
        line-height: 38px;
    }
    .what-to-expect-description{
    font-size: 16px;
    line-height: 30px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-404a9b75 */.upcoming-webinar-speaker-section-wrapper {
     background: linear-gradient(to bottom, #EEF4FF 0%, #EEF4FF 50%, transparent 50%, transparent 100%);
     padding-top: 80px !important; 
}


.upcoming-webinar-speaker-section {
  background-color: #070F45;
  border-radius: 12px;
  margin: 0 auto;
  overflow: visible; 
  position: relative;
  font-family: "Open Sans", sans-serif;
}

.webinar-speaker-section-two-column {
  display: flex;
  justify-content: flex-start;
  gap: 50px;
  align-items: center;
  padding: 40px 40px;
}

.webinar-speaker-intro-text {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: #CCCCCC;
  margin-bottom: 10px;
}

.webinar-speaker-name {
  font-size: 26px !important;
  font-weight: 700;
  line-height: 38px;
  margin-top: 0px;
  margin-bottom: 2px;
  color: #FFFFFF;
}

.webinar-speaker-role {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #CCCCCC;
  margin-bottom: 15px;
}

.webinar-speaker-bio {
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 28px;
}

.webinar-speaker-bio .speaker-profile-page-link {
  color: #FFF30F;
  font-weight: 700;
}

.webinar-speaker-bio .speaker-profile-page-link:hover {
  color: #F0C808;
}

.webinar-speaker-social-links {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  padding: 0;
  list-style: none;
}

.webinar-speaker-social-links .wp-social-link a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.webinar-speaker-social-links .wp-social-link a:hover {
  opacity: 0.8;
}

.webinar-speaker-social-links .wp-social-link {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.webinar-speaker-social-links .wp-social-link svg {
  fill: #FFFFFF;
  width: 24px;
  height: 24px;
}

.webinar-polygon-icon {
  position: absolute;
  top: 70px;
  width: 110px;
  height: auto;
  z-index: 0;
}

.webinar-polygon-icon img {
  width: 100%;
  height: auto;
  display: block;
}

.webinar-speaker-section-image-column{
  width: fit-content;
  z-index: 2;
}

.webinar-speaker-section-info-column{
  width: 73%;
}
.webinar-speaker-section-image-column img {
  width: 260px;
    height: 260px;
}

@media (max-width: 768px) {
  .webinar-speaker-section-two-column {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .webinar-speaker-social-links {
    justify-content: center;
  }

  .webinar-speaker-section-two-column{
        gap: 35px;
    }

  .webinar-polygon-icon img {
      display: none;
    }

  .webinar-speaker-section-image-column img {
  width: 200px;
  height: 200px;
  }
}

@media (max-width: 767px) {
      .webinar-speaker-intro-text{
        font-size: 13px;
    }
    .webinar-speaker-name {
    font-size: 24px !important;
    line-height: 36px;
    }
    .webinar-speaker-role {
    font-size: 16px;
    line-height: 26px;
    }
    .webinar-speaker-bio {
    font-size: 16px;
    line-height: 28px;
    }
}

.upcoming-webinar-speaker-section-padding{
    padding-bottom: 10px !important;
}
@media (max-width: 1024px){
.upcoming-webinar-speaker-section-padding{
    padding-bottom: 0px !important;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ea9eba7 */.upcoming-webinar-sneak-peek-wrapper{
  background: linear-gradient(0deg, rgba(244, 247, 251, 0.5), rgba(244, 247, 251, 0.5)),
linear-gradient(0deg, #FAFBFF, #FAFBFF);
}

.upcoming-webinar-sneak-peek-section {
  margin: 0 auto;
  max-width: 950px;
  font-family: "Open Sans", sans-serif;
}

.webinar-sneak-peek-heading {
  font-size: 32px !important;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 40px;
  text-align: center;
}

.webinar-sneak-peek-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.webinar-sneak-peek-item {
  border: 1px solid #D1E0FF;
  border-radius: 16px;
  overflow: hidden;
}

.webinar-sneak-peek-item[open] {
  border-color: #0057FF;
}

.webinar-sneak-peek-question {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 20px;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  gap: 10px;
  color: #1E293B;
  letter-spacing: 0.3px;
}

.webinar-sneak-peek-answer {
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  border-radius: 16px;
  padding: 20px 20px 25px 55px;
  color: #475569;
  letter-spacing: 0.3px;
}

.webinar-sneak-peek-toggle-icon {
  display: inline-flex;
  margin-top: 4px;
}

.webinar-sneak-peek-item[open] .webinar-sneak-peek-toggle-icon {
  transform: rotate(180deg);
}
@media (max-width: 767px) {
 .webinar-sneak-peek-heading {
    font-size: 26px !important;
    line-height: 38px;
 }
 .webinar-sneak-peek-question {
    font-size: 16px !important;
    line-height: 26px !important;
}
 .webinar-sneak-peek-answer {
    font-size: 16px !important;
    line-height: 26px !important;
}
}
@media (max-width: 1024px) {
    .webinar-sneak-peek-question {
    font-size: 19px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-281b968d */.upcoming-webinar-faq-section {
  margin: 0px auto;
  max-width: 950px;
  font-family: "Open Sans", sans-serif;
}

.webinar-faq-heading {
  font-size: 32px !important;
  font-weight:700;
  line-height:48px;
  margin-bottom: 40px;
  text-align: center;
}

.webinar-faq-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.webinar-faq-item {
  border: 1px solid #D1E0FF;
  border-radius: 16px;
   overflow: hidden;
}

.webinar-faq-item[open] {
  border-color: #0057FF;
}

.webinar-faq-question {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 20px;
  font-size: 20px;
  font-weight:600;
  line-height:32px;
  gap: 10px;
  color: #1E293B;
  letter-spacing: 0.3px;
}

.webinar-faq-answer{
font-size: 18px;
  font-weight:500;
  line-height:32px;
  border-radius: 16px;
  padding: 20px 20px 25px 55px;
  color: #475569;
  letter-spacing: 0.3px;
}

.webinar-faq-toggle-icon {
  display: inline-flex;
  margin-top: 4px;
}

.webinar-faq-item[open] .faq-toggle-icon {
  transform: rotate(180deg);
}
@media (max-width: 767px) {
.webinar-faq-heading {
    font-size: 26px !important;
    line-height: 38px !important;
}
.webinar-faq-question {
    font-size: 16px !important;
    line-height: 26px !important;
}
.webinar-faq-answer{
    font-size: 16px !important;
    line-height: 26px !important;
}
}

@media (max-width: 1024px) {
    .webinar-faq-question {
    font-size: 19px;
    }
}/* End custom CSS */