.heading-gap{margin-bottom:clamp(2rem, 4vw, 3.75rem);}
.section--webinar-hero-inner{
  background:linear-gradient(180deg, #D7E3FF 0%, #FFFFFF 68.82%);
  box-shadow:0px 0px 0px 1px #EAEAEA, 0px 4px 8px rgba(143, 143, 143, 0.06); 
  border-radius:32px;
}
.webinar-lable{color:#4E53D8;}
.webinar-lable span{background:#C4C1FF; min-width:20px; height:20px;}
.webinar-video-lable{color:#1C02A5; font-size:12px;}
.video-statut{border-color:rgba(217, 217, 217, 1)!important; color:#1C02A5; font-size:12px;}

.video-statut .green{background:#34B695;}
.video-statut span{width:6px; height:6px;}

.webinar-hero-inner-left h1{font-size:clamp(1.675rem, 2.6vw, 2.1875rem);}
.lock-icon{--size:80px; width:var(--size); height:var(--size); background:rgba(255, 255, 255, 0.4); backdrop-filter:blur(2px);}

.tnc-text{font-size:12px; color:#4C4C4C; line-height:24px;}
.tnc-text a{color:var(--PrimaryClr);}

.webinar-hero-video-intro{font-size:13px; line-height:22px; color:#51564E; letter-spacing:1%;}
.webinar-meta{background:#F1F1F1}
.webinar-meta p{color:#51564E}
.webinar-meta span{color:#141513;}

.webinar-header-form{box-shadow:0px 0px 10px rgba(0, 0, 0, 0.15); border-radius:var(--BorderRadius); padding:20px;}
.webinar-form-header h2{font-size:24px;}
.webinar-form-header p{color:#51564E;}
.rh-form-main label{font-size:14px; margin-bottom:5px;}
.rh-form-main .form-group{margin-bottom:20px;}
.form-control{border-color:#BDBDBD99!important; padding:10px 12px; font-size:14px;transition:all 0.5s ease;}
.form-control:focus{border-color:var(--PrimaryClr)!important;}
.form-control::-webkit-input-placeholder {color:#BDBDBD;}
.form-control::-moz-placeholder {color:#BDBDBD;}
.form-control:-ms-input-placeholder {color:#BDBDBD;}
.form-control:-moz-placeholder {color:#BDBDBD;}
.form-control.is-invalid,
.form-select.is-invalid{border-color:#dc3545!important;}
.form-error{min-height:18px; color:#dc3545; font-size:12px; line-height:1.4; margin-top:6px;}
.form-success-message{color:#198754; font-size:14px; font-weight:500; margin-top:12px;}

.learn-steps{max-width:1150px;}
.learn-steps ul li{padding-bottom:1rem; color:#51564E; padding-left:30px;}
.learn-steps ul li:before{content:'';background:url('../images/webinar/check-arrow.svg') no-repeat left top;position:absolute;top:12px;left:0px;width:14px;height:12px;background-size:contain;}

.section--why-webinar{background:linear-gradient(180deg, #F9FBFF 0%, #E5EEFF 100%);}

.why-resul-card{padding:clamp(20px, 2.5vw, 32px); border-color:#EAEAEA; border-radius:calc( var(--BorderRadius) - 5px); transition:all 0.5s ease;}
.why-resul-card:hover{border-color:#387FF5!important; box-shadow:0px 62px 17px rgba(56, 127, 245, 0.05), 0px 40px 16px rgba(56, 127, 245, 0.05), 0px 24px 15px rgba(56, 127, 245, 0.05), 0px 13px 12px rgba(56, 127, 245, 0.05), 0px 2px 6px rgba(56, 127, 245, 0.3);}
.why-resul-card figure{--size:64px; width:var(--size); height:var(--size); background:#EBEAFF; }
.why-resul-card figure img{max-height:30px;}
.why-resul-card h3{color:#282B27; font-size:20px;}
.why-resul-card p{color:#51564E;}


.section--te-webinar{margin-bottom:-140px; }
.team-slide{padding-top:150px;}
.team-slide figure{border:solid 11px #ffffff; background:#D9D9D9; width:95%; aspect-ratio:1;  transition:all 0.5s ease;}
.team-slide figure img{  transform:translateY(5%) }
.swiper-slide {transition:transform 0.4s ease, opacity 0.4s ease;}
.swiper-slide-active {transform:translateY(-50px) scale(1.4)!important; z-index:2;}
.swiper-slide-active .team-meta{display:block!important;}
.team-slide.swiper-slide-active figure{background:#FDBA74;}

.team-meta{
  background:rgba(255, 255, 255, 0.85);
  box-shadow:0px 5px 5px rgba(0, 0, 0, 0.12);
  backdrop-filter:blur(9.5px);
  border-radius:var(--BorderRadius);
  bottom:63%;
  color:#090914;
  left:50%;
  transform:translateX(-50%) rotate(-4.16deg);
  min-width:150px;
  padding:0.5rem 1rem;
  transition:all 0.5s ease;
  transform:translateX(-50%) rotate(-4.16deg);
  animation:floatY 3s ease-in-out infinite;
}
.team-meta span{color:#71717A; font-size:14px;}
.team-info{backdrop-filter:blur(4px); background:#00000072;  transition:all 0.5s ease; opacity:0; visibility:hidden;}
.team-info p{font-size:12px; }
.swiper-slide-active.team-slide:hover .team-info{ opacity:1; visibility:visible;}
.team-info p{max-width:70%;}

/* Video page */
.video-hero-bg{background:linear-gradient(180deg, #EFF9F9 0%, #FFFFFF 68.82%); box-shadow:0px 0px 0px 1px #EAEAEA, 0px 4px 8px rgba(143, 143, 143, 0.06);
  border-radius:var(--BorderRadius);}
.webinar-video-hero  > *:not(:last-child){margin-bottom:30px;}
.webinar-video-hero h1{transform:translateY(-5px)}

/* Play button centered */
.play-btn {top:50%; left:50%; transform:translate(-50%, -50%); --size:50px; width:var(--size); height:var(--size); background:rgba(255,255,255,0.85); transition:all .4s ease; z-index:2;}
.play-btn::before, .play-btn::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; background:rgba(255,255,255,0.6); animation:pulse 2s infinite ease-out; z-index:-1;}
.play-btn::after {animation-delay:1s;}

@keyframes pulse {
  0%   { transform:scale(1); opacity:.7;}
  100% { transform:scale(1.8); opacity:0;}
}

/* Triangle icon */
.play-btn svg {width:28px; height:32px; fill:#383838;}
.play-btn:hover {background:#fff; transform:translate(-50%, -50%) scale(1.1);}
.video-wrapper.playing .play-btn{opacity:0; pointer-events:none; transform:translate(-50%, -50%) scale(0.5);}
.video-wrapper.playing .play-btn,
.webinar-video.playing .play-btn {opacity:0; pointer-events:none; transform:translate(-50%, -50%) scale(0.5); transition:all .4s ease;}


/* Live webinar page */
.meta-cards{background:#F1F1F1; border-color:#BDBDBD66!important; color: #51564E;}
.live-webinar-what-learn{background: linear-gradient(180deg, #E5EEFF 0%, #F9FBFF 100%);}
.partner-cta-inner{background: url('../images/webinar/partner-cta-bg.webp') no-repeat center; background-size: cover; border-radius: calc(var(--BorderRadius) + 10px);}

.video-meta{color: #041527;}

.video-tab-content{background: rgba(255, 255, 255, 0.9); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 4px 8px rgba(0, 0, 0, 0.05), 0px 16px 32px rgba(0, 0, 0, 0.05); border-radius: var(--BorderRadius); padding: clamp(1.4rem, 3vw, 30px);}

.section--video-tabs .nav-link{font-size:18px; color: #51564E; padding: 0rem 2rem 1rem 2rem;} 
.section--video-tabs .nav-link:after{content: ''; position:absolute; bottom:0px; width: 0px; 
  left: 50%; transform: translateX(-50%); height:3px; background: #6142FF; transition: width 0.4s ease;}
.section--video-tabs .nav-link.active{color:var(--PrimaryClr); font-weight: 700!important;}
.section--video-tabs .nav-link.active:after{width: 100%;}

.transparent-info h2{font-size: 24px; color: #141513;}
.transparent-info p{color: #51564E; line-height: 28px;}
.transparent-info p span{color:var(--PrimaryClr);}

.download-tab-content{background: linear-gradient(270deg, #F6E4F5 0%, #F5F7F9 100%); padding: 30px 40px;}

.dr-card-left figure{border-color:#171719!important; --size:90px; min-width: var(--size); min-height: var(--size);}
.dr-card-left figure img{max-height:60px;}
.dr-card-left h3{color: #141513; font-size: 18px;}

.dr-row-gap{row-gap:2rem;}
.download-resources-btn{background: #5846FB;}
.download-resources-btn:hover{background: var(--PrimaryClr);}
.download-resources-btn img {transition: transform 0.3s ease;}
.download-resources-btn:hover img {transform: rotate(-90deg);}
.dr-divider span{width:4px; height:4px; background: #51564E;}

.webinar-action{background: #EFF7FF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); padding: clamp(1.4rem, 3vw, 30px);}
.webinar-action h2{font-size: 24px;}
.webinar-action p{font-size:15px; line-height: 24px; color: #51564E;}

.webinar-related-videos{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); padding: clamp(1.4rem, 3vw, 30px);}
.rv-info p a{line-height: 150%; color:#141513;}
.rv-info p a:hover{color: var(--PrimaryClr);}

.webinar-related-videos .play-btn {--size:36px;}
.webinar-related-videos .play-btn svg {width:18px; height:22px; fill:var(--PrimaryClr)!important;}
.wrb-list{row-gap: 1.4rem;}
.wrb-list .wrb-card:last-child{border: 0px!important; padding-bottom: 0px;}
.wrb-card{grid-template-columns:34% 1fr; column-gap: 1.4rem; border-color: #BDBDBD!important; padding-bottom: 1.4rem;}

.feature-heading{
  max-width: 11ch;
}
.h-20{
  height: 20%;
}
.content-text-email {
    max-width: 21ch;
}

.content-text {
    max-width: 22ch;
}

.feature-box{
  background-color: #EFF7FF;
}
.content-box{
    border: 1px solid #4E53D8 !important;
    color: #4E53D8 !important;
}
@media all and (min-width:1300px){
  .section--te-webinar{margin-bottom:-150px; }
  .team-slide figure img{  transform:translateY(12%) }

}

@media all and (min-width:1600px){
  .team-slide figure img{  transform:translateY(10%) }
  .section--te-webinar{margin-bottom:-170px; }
}

@media all and (min-width:960px){
  .resources-hero-caption p{line-height:180%;}
  .webinar-hero-inner-left .ratio{max-height:400px;}
  .webinar-video-hero .ratio { max-height:100%;}

  .webinar-meta{max-width:700px;}
  .webinar-meta span{font-size:18px;}
  .webinar-header-form{padding:30px;}
  .learn-steps ul li{padding-bottom:30px; font-size:20px;}
  .why-resul-card h3{font-size:24px;}
  .video-res-hero-title{max-width: 70%;}


  .webinar-action{margin-top: 1.2rem;}
}

@media all and (max-width:1300px){
  .team-meta span{font-size:12px;}
  .team-info p{font-size:10px; }
}

@media all and (max-width:767px){
  .why-resul-card figure{margin:auto;}
  .learn-steps ul li:before{top:7px;}
  .lock-icon{--size:60px;}
  .team-slide figure{border:solid 5px #ffffff;}
  .section--te-webinar {margin-bottom:-80px;}
  .team-meta{bottom:53%;}
  .team-meta{font-size:14px;}
  .team-info p {max-width:80%;}
  .team-slide figure img {transform:translateY(22%);}
  .webinar-video-hero > *:not(:last-child) {margin-bottom:20px;}

  .meta-cards{font-size: 14px;}
  .meta-cards img{max-height:14px;}
  .section--video-tabs .nav-link{font-size: 16px; padding: 0rem 1rem 1rem 1rem;}
  .download-tab-content{padding:1.4rem;}

  .dr-card-left figure{--size: 60px;}
  .dr-card-left h3{font-size: 16px;}
  
  .download-btn-wap{width:100%;}
  .wrb-card{grid-template-columns:30% 1fr; column-gap: 1rem;}
}

@keyframes floatY {
  0% {
    transform:translateX(-50%) translateY(0) rotate(-4.16deg);
  }
  50% {
    transform:translateX(-50%) translateY(-8px) rotate(-4.16deg);
  }
  100% {
    transform:translateX(-50%) translateY(0) rotate(-4.16deg);
  }
}