/* Webinar theme main styles (scoped) */

body.webinar .webinar-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:8px;
  padding:14px 26px;
  font-family:var(--body-font);
  font-weight:600;
  text-decoration:none;
  transition:transform .15s ease, background-color .15s ease, color .15s ease, border-color .15s ease;
}
body.webinar .webinar-btn:focus{outline:2px solid color-mix(in srgb, var(--main-color-one, #1d53dd) 55%, transparent); outline-offset:2px;}
body.webinar .webinar-btn:hover{transform:translateY(-1px);}

body.webinar .webinar-btn-primary{
  background:var(--main-color-one, #1d53dd);
  color:#fff;
  border:1px solid var(--main-color-one, #1d53dd);
}
body.webinar .webinar-btn-primary:hover{background:var(--main-color-three, #103eb2); border-color:var(--main-color-three, #103eb2); color:#fff;}

body.webinar .webinar-btn-secondary{
  background:transparent;
  color:var(--main-color-one, #1d53dd);
  border:1px solid color-mix(in srgb, var(--main-color-one, #1d53dd) 35%, var(--new-color, #e0e3eb));
}
body.webinar .webinar-btn-secondary:hover{background: var(--main-color-one, #1d53dd) ; color:#fff}

body.webinar .webinar-btn-link{
  background:transparent;
  color:var(--main-color-one, #1d53dd);
  border:0;
  padding:0;
}
body.webinar .webinar-btn-link:hover{text-decoration:underline;}

/* Ensure text wraps (avoid global clamp/ellipsis) */
body.webinar .webinar-hero-title,
body.webinar .webinar-service-title,
body.webinar .webinar-service-card__title,
body.webinar .webinar-agenda-title,
body.webinar .webinar-contact-title{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  display:block;
  -webkit-line-clamp:unset;
  line-clamp:unset;
  -webkit-box-orient:initial;
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
}

/* Hero */
body.webinar .webinar-hero-area{background:var(--section-bg-1, #ffffff);}
body.webinar .webinar-hero-shell{
  display:grid;
  grid-template-columns:minmax(0,56%) minmax(0,44%);
  gap:clamp(22px, 4vw, 56px);
  align-items:stretch;
}
body.webinar .webinar-hero-content{min-width:0; display:flex; flex-direction:column; justify-content:space-between; height:100%;}
body.webinar .webinar-hero-tag{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  /* border-radius:999px; */
  /* background:color-mix(in srgb, var(--main-color-one, #1d53dd) 8%, transparent); */
  color:var(--main-color-one, #1d53dd);
  letter-spacing:.08em;
  font-size:12px;
  font-weight:700;
  font-family:'Roboto Slab', var(--heading-font);
}
body.webinar .webinar-hero-title{
  margin-top:14px;
  font-family:var(--heading-font);
  color:var(--heading-color, #1b1f29);
  font-weight:700;
  font-size:5.5rem;
  line-height:1.08;
}
body.webinar .webinar-hero-text{
  margin-top:14px;
  color:var(--body-color, #4b4f58);
  font-size:16px;
  line-height:1.8;
  max-width:64ch;
}
body.webinar .webinar-hero-actions{margin-top:24px;}

body.webinar .webinar-hero-meta{margin-top:0;}
body.webinar .webinar-hero-meta__divider{
  height:1px;
  background:var(--new-color, #e0e3eb); /* #e0e3eb */
}
body.webinar .webinar-hero-meta__items{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
  padding-top:20px;
}
body.webinar .webinar-hero-meta__item{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
body.webinar .webinar-hero-meta__icon{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--main-color-one, #1d53dd);
}
body.webinar .webinar-hero-meta__icon i{
  font-size:20px;
  line-height:1;
}
body.webinar .webinar-hero-meta__text{color:var(--heading-color, #1b1f29); font-weight:500; font-size:15px;}

body.webinar .webinar-hero-visual{position:relative; min-width:0; align-self:stretch; display:flex; align-items:flex-start; justify-content:flex-end; height:auto; background:transparent;}
body.webinar .webinar-hero-visual__banner{position:relative; width:clamp(260px, 24vw, 360px); max-width:100%;}
body.webinar .webinar-hero-visual__banner img{width:100%; height:auto; display:block; object-fit:contain;}
/* Service */
body.webinar .webinar-service-area{background:var(--section-bg-2, #f9fbff);}
body.webinar .webinar-service-divider{
  height:1px;
  background:color-mix(in srgb, var(--new-color, #e0e3eb) 85%, transparent);
}
body.webinar .webinar-service-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:clamp(22px, 3vw, 40px) 0;
}
body.webinar .webinar-service-title{
  font-family:var(--heading-font);
  font-weight:700;
  color:var(--heading-color, #1b1f29);
  font-size:clamp(26px, 3vw, 38px);
  line-height:1.15;
  max-width:22ch;
  margin:0;
}
body.webinar .webinar-service-subtitle{
  color:var(--body-color, #4b4f58);
  line-height:1.9;
  max-width:64ch;
  margin:0;
}
body.webinar .webinar-service-rows{display:flex; flex-direction:column;}
body.webinar .webinar-service-row{padding:48px 0;}
body.webinar .webinar-service-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:clamp(18px, 3vw, 46px) clamp(14px, 3vw, 56px);
  padding:0;
}
@media (min-width: 992px){
  body.webinar .webinar-service-card{
    width:100%;
    max-width:min(100%, 36ch);
    justify-self:start;
  }
}
body.webinar .webinar-service-card__num{
  display:block;
  color:var(--main-color-one, #1d53dd);
  font-weight:700;
  font-size:14px;
  letter-spacing:.06em;
  margin-bottom:10px;
}
body.webinar .webinar-service-card__title{
  font-family:var(--heading-font);
  font-weight:700;
  color:var(--heading-color, #1b1f29);
  font-size:20px;
  line-height:1.25;
  margin:0 0 12px 0;
  max-width:100%;
}
body.webinar .webinar-service-card__text{
  color:var(--body-color, #4b4f58);
  line-height:1.9;
  margin:0;
}
body.webinar .webinar-service-footer{
  display:flex;
  align-items:stretch;
  justify-content:flex-start;
  gap:18px;
  padding:clamp(20px, 3vw, 34px) 0;
}
body.webinar .webinar-service-footer__title{margin:0; color:var(--body-color, #4b4f58); line-height:1.9; max-width:70ch;}

/* Speaker agenda */
body.webinar .webinar-agenda-area{background:var(--section-bg-1, #ffffff);}
body.webinar .webinar-agenda-list{display:flex; flex-direction:column; gap:18px;}
body.webinar .webinar-agenda-row{
  display:grid;
  grid-template-columns: minmax(0, 200px) minmax(0, 1fr) minmax(0, 320px);
  gap:clamp(26px, 4vw, 72px);
  align-items:stretch;
  padding:clamp(18px, 2.4vw, 26px);
  /*border:1px solid color-mix(in srgb, var(--new-color, #e0e3eb) 80%, transparent);*/
  /*border-radius:14px;*/
  /*background:var(--section-bg-2, #f9fbff);*/
}
body.webinar .webinar-agenda-time{display:flex; flex-direction:column; gap:6px;}
body.webinar .webinar-agenda-date{color:var(--heading-color, #1b1f29); font-weight:600;font-size:24px;line-height:2.8}
body.webinar .webinar-agenda-hour{color:var(--body-color, #4b4f58);font-size:24px}

body.webinar .webinar-agenda-content{max-width:62ch; display:flex; flex-direction:column; min-height:400px;gap:10px}

body.webinar .webinar-agenda-title{margin:0 0 10px 0; font-family:var(--heading-font); font-weight:700; color:var(--heading-color, #1b1f29); font-size:36px; line-height:1.25;}
body.webinar .webinar-agenda-text{margin:25px 0; color:var(--body-color, #4b4f58); line-height:1.9; font-size:16px;}
body.webinar .webinar-agenda-points{list-style:none; padding:0; margin:0 0 18px 0; display:flex; flex-direction:column; gap:16px; max-width:62ch;}
body.webinar .webinar-agenda-points li{display:flex; align-items:flex-start; gap:12px;}
body.webinar .webinar-agenda-content .webinar-btn{align-self:flex-start;}
body.webinar .webinar-agenda-dot{width:10px; height:10px; border-radius:999px; background:var(--main-color-one, #1d53dd); margin-top:7px; flex:0 0 10px;}
body.webinar .webinar-agenda-points li span{font-size:16px;}
body.webinar .webinar-agenda-speaker{display:flex; flex-direction:column; align-items:flex-start; gap:10px;}
body.webinar .webinar-agenda-speaker__avatar{width:300px; height:400px;overflow:hidden; background:#fff;}
body.webinar .webinar-agenda-speaker__avatar img{width:100%; height:100%; object-fit:cover; display:block;}
body.webinar .webinar-agenda-speaker__name{font-weight:700; color:var(--heading-color, #1b1f29); display:block;font-size:24px}
body.webinar .webinar-agenda-speaker__profession{color:var(--body-color, #4b4f58); display:block;}

/* Testimonial */
body.webinar .webinar-testimonial-area{background:var(--section-bg-2, #f9fbff);}
body.webinar .webinar-testimonial-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:clamp(14px, 2.6vw, 28px);
}
body.webinar .webinar-testimonial-card{
  /*background:#fff;*/
  /*border:1px solid color-mix(in srgb, var(--new-color, #e0e3eb) 85%, transparent);*/
  /*border-radius:14px;*/
    display:flex; flex-direction:column;
  padding:26px;
}
body.webinar .webinar-testimonial-card__head{display:flex;flex-direction:column; align-items:flex-start; gap:12px; margin-bottom:14px;}
body.webinar .webinar-testimonial-card__avatar{width:64px; height:64px; border-radius:999px; object-fit:cover; border:1px solid var(--new-color, #e0e3eb);}
body.webinar .webinar-testimonial-card__name{ font-weight:600; color:var(--main-color-two, #7296f2);font-size:13px}
body.webinar .webinar-testimonial-card__text{margin:10px 0 16px 0; color: #000; line-height:1.9;font-family: var(--heading-font);font-weight:600; white-space:normal; overflow:visible; text-overflow:clip; display:block; -webkit-line-clamp:unset; -webkit-box-orient:initial; overflow-wrap:anywhere;}

/* Contact */
body.webinar .webinar-contact-area{background:var(--section-bg-2, #f9fbff);}
body.webinar .webinar-contact-shell{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:clamp(320px, 34vw, 460px);
  display:flex;
  justify-content:flex-end;
  align-items:center;
  border-radius:18px;
  box-shadow:0 14px 30px rgba(16, 42, 92, 0.08);
}
body.webinar .webinar-contact-bg{
  position:absolute;
  inset:0;
  background-repeat:no-repeat;
  background-position:left center;
  background-size:auto 100%;
  z-index:-1;
}
body.webinar .webinar-contact-inner{
  margin-left:auto;
  max-width:56ch;
  width:min(100%, 56ch);
  padding:clamp(40px, 5vw, 78px) clamp(20px, 4vw, 56px) clamp(40px, 5vw, 78px) 0;
}
body.webinar .webinar-contact-title{
  margin:0 0 12px 0;
  color:var(--heading-color, #1b1f29);
  font-family:var(--heading-font);
  font-weight:700;
  font-size:clamp(28px, 3.4vw, 44px);
  line-height:1.12;
}
body.webinar .webinar-contact-text{margin:0 0 22px 0; color:var(--body-color, #4b4f58); line-height:1.9;}
body.webinar .webinar-contact-inner .webinar-btn-primary{
  background:var(--main-color-one, #1d53dd);
  border-color:var(--main-color-one, #1d53dd);
  color:#fff;
}

/* Responsive */
@media (max-width: 991.98px){
  body.webinar .webinar-hero-content{height:auto;}
  body.webinar .webinar-hero-visual{position:relative; min-width:0; align-self:stretch; display:flex; align-items:flex-start; justify-content:center; height:auto; background:transparent;}

  body.webinar .webinar-hero-shell{grid-template-columns:1fr; align-items:stretch;}
  body.webinar .webinar-hero-visual__banner{position:relative; width:clamp(240px, 78vw, 320px); max-width:100%;}
  body.webinar .webinar-hero-meta__items{grid-template-columns:1fr;}

  body.webinar .webinar-service-head{flex-direction:column;}
  body.webinar .webinar-service-grid{grid-template-columns:1fr;}

  body.webinar .webinar-agenda-row{grid-template-columns:1fr;}
  body.webinar .webinar-agenda-speaker{flex-direction:column; align-items:flex-start;}
  body.webinar .webinar-agenda-content{min-height:auto;}
  body.webinar .webinar-agenda-speaker__avatar{width:min(100%, 340px); height:auto; aspect-ratio:3 / 4;}

  body.webinar .webinar-contact-shell{
    min-height:auto;
    justify-content:flex-end;
    position:relative;
  }
  body.webinar .webinar-contact-shell::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.88) 40%, #fff 62%, #fff 100%);
    z-index:0;
    pointer-events:none;
  }
  body.webinar .webinar-contact-bg{
    background-size:min(58%, 260px) auto;
    background-position:left top;
    background-repeat:no-repeat;
  }
  body.webinar .webinar-contact-inner{
    position:relative;
    z-index:1;
    margin-left:auto;
    max-width:min(100%, 34rem);
    width:100%;
    padding:30px 20px 30px 28px;
  }

  body.webinar .webinar-testimonial-grid{grid-template-columns:1fr;}
}

@media (max-width: 575.98px){
  body.webinar .webinar-btn{width:100%;}
}

body.webinar .webinar-hero-meta__icon{width:22px; height:22px; flex:0 0 22px; display:inline-flex; align-items:center; justify-content:center; color:var(--main-color-one, #1d53dd);}
body.webinar .webinar-hero-meta__icon i{font-size:20px; line-height:1;}










/* Webinar footer (shape 4: four-column main area + copyright row) */
body.webinar .webinar-footer__inner{
  background:#fff;
  border-radius:18px;
  padding:0 clamp(16px, 3vw, 34px);
}
body.webinar .webinar-footer__widgets{
  padding:clamp(44px, 5vw, 74px) 0;
  border-bottom:0;
}
body.webinar .webinar-footer-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:clamp(40px, 5vw, 96px);
}
body.webinar .webinar-footer-col,
body.webinar .webinar-footer-col *{
  text-align:left;
}
body.webinar .webinar-footer-col{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:18px;
  color:var(--heading-color, #1b1f29);
}
body.webinar .webinar-footer-col .footer-widget,
body.webinar .webinar-footer-col .single-footer-widget,
body.webinar .webinar-footer-col .widget{
  width:100%;
}
body.webinar .webinar-footer-col h1,
body.webinar .webinar-footer-col h2,
body.webinar .webinar-footer-col h3,
body.webinar .webinar-footer-col h4,
body.webinar .webinar-footer-col h5,
body.webinar .webinar-footer-col h6,
body.webinar .webinar-footer-col .widget-title,
body.webinar .webinar-footer-col .footer-widget-title,
body.webinar .webinar-footer-col .portfolio_widget_title{
  color:var(--heading-color, #1b1f29);
}
body.webinar .webinar-footer-col p,
body.webinar .webinar-footer-col li,
body.webinar .webinar-footer-col span,
body.webinar .webinar-footer-col div{
  color:var(--body-color, #4b4f58);
}
body.webinar .webinar-footer-col a{
  color:var(--heading-color, #1b1f29);
  transition:color .18s ease;
}
body.webinar .webinar-footer-col a:hover{
  color:var(--main-color-one, #1d53dd);
}
body.webinar .webinar-footer-col-bottom__slot{
  width:100%;
}
body.webinar .webinar-footer-col-bottom__slot + .webinar-footer-col-bottom__slot{
  margin-top:22px;
}
body.webinar .webinar-footer__copyright{
  margin-top:clamp(18px, 2.2vw, 28px);
  padding:clamp(16px, 2.2vw, 24px) 0;
  border-bottom:0;
  background:transparent;
}
body.webinar .webinar-footer__copyright.copyright-border{border-bottom:0;}
body.webinar .webinar-footer__copyright-contents,
body.webinar .webinar-footer__copyright-contents *{
  color:var(--body-color, #4b4f58);
  text-align:center;
}

@media (max-width: 991.98px){
  body.webinar .webinar-footer-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (max-width: 575.98px){
  body.webinar .webinar-footer-grid{grid-template-columns:1fr; gap:24px;}
  body.webinar .webinar-footer__copyright-contents,
  body.webinar .webinar-footer__copyright-contents *{text-align:left;}
}


body.webinar .webinar-footer-col .footer-menu-list,
body.webinar .webinar-footer-col .footer-menu,
body.webinar .webinar-footer-col ul{
  margin:0;
  padding:0;
}
body.webinar .webinar-footer-col .footer-menu-list li,
body.webinar .webinar-footer-col .footer-menu li{
  margin:0 0 10px 0;
  line-height:1.55;
}
body.webinar .webinar-footer-col .footer-menu-list li:last-child,
body.webinar .webinar-footer-col .footer-menu li:last-child{
  margin-bottom:0;
}
body.webinar .webinar-footer-col .footer-menu-list li a,
body.webinar .webinar-footer-col .footer-menu li a{
  display:inline-block;
  padding:2px 0;
}


.footer-widget .footer-inner .footer-social-list{
    flex-direction: column;
    align-items: flex-start !important;
    gap: 10px;
}

.footer-widget .footer-inner .footer-social-list .lists a{
    background: #eeeeee !important;
}

.footer-widget .footer-inner .footer-social-list .lists a:hover{
    background: var(--main-color-one, #1d53dd) !important;
}
@media (max-width: 430px){
  body.webinar .webinar-contact-bg{background-size:min(52%, 210px) auto;}
  body.webinar .webinar-contact-inner{padding:24px 16px 24px 22px;}
}


/* Mobile nav dropdown panel (webinar) */
@media (max-width: 991.98px){
  body.webinar .navbar-area .nav-container .navbar-collapse{
    background:#fff;
    border-radius:12px;
    box-shadow:0 10px 28px rgba(16, 42, 92, 0.10);
    /* padding:8px 0; */
    overflow:hidden;
    margin-top: 10px;
  }
  body.webinar .navbar-area .nav-container .navbar-collapse .navbar-nav{
    background:#fff;
    margin: 0 !important;
  }
  body.webinar .navbar-area .nav-container .navbar-collapse .navbar-nav li{
    background:transparent;
  }
  body.webinar .navbar-area .nav-container .navbar-collapse .navbar-nav li + li{
    border-top:1px solid color-mix(in srgb, var(--new-color, #e0e3eb) 72%, transparent);
  }
}


@media (max-width: 991.98px){
  body.webinar .navbar-area.index-02{
    padding:10px 0;
  }
}


@media (max-width: 991.98px){
  body.webinar .webinar-hero-area,
  body.webinar section.webinar-hero-area,
  body.webinar section.webinar-hero-area[data-padding-top]{
    padding-top:0 !important;
    margin-top:0 !important;
  }
}


.multi-action{
    display: none !important;
}