header{background-color: #ffda30;}
h2{text-align: center; margin-bottom: 50px;}
.webinar-banner{padding-top:140px; padding-bottom: 140px; background-repeat: no-repeat; background-size: cover; background-position: 0px -70px; text-align: center;}
.webinar-banner .banner-block{max-width: 1180px; width: 100%; margin: 0 auto;}
.webinar-banner h1{margin-bottom: 33px;}
.webinar-banner h5{font-size: 30px; font-weight: 400; margin-bottom: 20px;}
.webinar-banner h4{font-size: 34px; font-weight: 400; margin-bottom: 50px;}
.webinar-banner .calendar{display: flex; justify-content: center; align-items: center; text-align: left; margin-bottom: 73px;}
.webinar-banner .calendar .date{position: relative; display: flex; align-items: center;}
.webinar-banner .calendar .date:first-child{padding-right: 45px;}
.webinar-banner .calendar .date:first-child:before{position: absolute;content: "";width: 2px;background-color: #000;right: 30px;top: 0;height: 100%;}
.webinar-banner .calendar .date .time-content{padding-left: 20px;}
.webinar-banner .calendar .date:last-child .time-content.first{padding-left: 20px;}
.webinar-banner .calendar .date .time-content h6{font-size: 26px;}
.webinar-banner .calendar .date .time-content h6 sup{font-weight: 700;font-size: 15px;margin-left: -6px;}
.webinar-banner .calendar .date .time-content p{font-size: 20px;}
.webinar-banner .calendar .date:last-child .time-content{padding-left: 7px;}
.webinar-banner .calendar .date:last-child .time-content:first-child{padding-left: 20px;}
.webinar-banner a.white-btn{background-color: #000;border-color: #000;color: #ffffff;}
.webinar-banner a.white-btn:hover{color: #000;}
.webinar-banner a.white-btn span{background-color: #ffdb2d;}

.meet-speakers{position: relative; padding: 50px 0;}
.speakers-list{position: relative; display: flex; column-gap: 90px; max-width: 850px; width: 100%; margin: 0 auto;}
.speakers-list:after{position: absolute;content: "";height: 100%;width: 10px;background: rgb(255, 255, 255);background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgb(226 226 226) 100%); left: 52%; top: 50%; transform: translate(-50%, -50%) rotate(8deg);}
.speaker-block{position: relative; padding-top: 70px; padding-bottom: 70px; width: 50%;}
.speaker-name{position: absolute;margin-top: -45px;margin-left: -110px;text-align: right; padding-right: 20px;}
.speaker-name:after{position: absolute;content: "";width: 6px;height: calc(100% - 15px);background-color: #ffdb2d;right: 0;top: 3px;}
.speaker-block.nital .speaker-name:after{left: 0; right: auto;}
.speaker-block.nital .speaker-name{margin-left: auto; margin-right: -140px; text-align: left; padding-right: 0; padding-left: 20px; right: 0;}
.speaker-name h4{font-size: 30px; margin-bottom: 8px; line-height: 1;}
.speaker-name h5{font-size: 18px; font-weight: 400;}
.speaker-profile{text-align: center;}
.speaker-profile figure{display: flex; justify-content: center; margin-bottom: 22px;}
.speaker-profile p{font-size: 17px; line-height: 24px;}

.webinar-unmissable .content-block{max-width: 730px; width: 100%;}
.webinar-unmissable{position: relative; background-color: #f1f2f2;}
.webinar-unmissable .content-block p{font-size: 24px; margin-bottom: 50px; line-height: 1.6;}
.webinar-unmissable ul li{font-size: 20px; padding-left: 33px; margin-bottom: 30px; line-height: 1.4;}
.webinar-unmissable ul li:before{content: " ";background-image: url(../images/webinar-register/list-arrow.png);height: 20px;width: 20px;background-repeat: no-repeat;background-size: 100%;top: 3px;background-color: transparent;}
.webinar-unmissable p.note{font-size: 20px; line-height: 1.4; margin-bottom: 0; margin-top: 40px;}

.webinar-register-form{background-color: #ffda30; border-radius: 20px; padding: 50px;}
.webinar-register-form h3{font-size: 35px; margin-bottom: 35px;}
.webinar-register-form form .feild{margin-bottom: 7px;}
.webinar-register-form form .feild label{margin-left: 20px; margin-bottom: 7px; display: inline-block;}
.webinar-register-form form .feild input[type=text]{border: 0; background-color: #fff; height: 54px; border-radius: 10px;}
.webinar-register-form form .submit-center{text-align: center; margin-top: 30px;}
.webinar-register-form form input[type="submit"]{text-transform: uppercase; background-color: #000; color: #fff; padding: 14px 36px; border-color: #000;}
.webinar-register-form form input[type="submit"]:hover{background-color: #ffda30; color: #000;}
.webinar-register-form #get-in-touch-web input.valid{background-color: #fff;}
#tell-us-requirement-web .feild > span,#tell-us-requirement-web-popup .feild > span {margin-top: 3px;margin-bottom: 3px;position: relative;bottom: 0;}
.webinar-register-form p.selectionShareable{font-size: 20px; text-align: center; line-height: 1.55;}
.webinar-register-form p.selectionShareable > a{font-size: 20px; text-decoration: none; font-weight: 600;}
.webinar-register-form p.selectionShareable > a:hover{text-decoration: underline; color: #000;}

.who-should-attend{position: relative;}
.who-should-attend .title-main{text-align: center; margin-bottom: 40px;}
.who-should-attend .title-main h2{margin-bottom: 40px;}
.who-should-attend .title-main p{font-size: 26px;}
.who-should-attend.three-col .row{max-width: 100%;}
.who-should-attend .row{max-width: 1100px; margin: 0 auto; row-gap:40px; justify-content: center;}
.who-should-attend .inner-block{position: relative; background-color: #fff; border: 1px solid #000; border-radius: 15px; padding: 25px 40px; height: 100%;}
.who-should-attend .inner-block:before{position: absolute; content: ""; height: 100%; width: 100%; background-color: #ffda30; border-radius: 15px; left: 0; top: 7px; z-index: -1;}
.who-should-attend .inner-block figure{position: relative; display: flex; margin-bottom: 30px; z-index: 1;}
.who-should-attend .inner-block figure:before{position: absolute; content: ""; width: 23px; height: 23px; background-color: #ffda30; border-radius: 100%; left: -5px; top: -5px; z-index: -1;}
.who-should-attend .inner-block h4{font-size: 24px;}

.webinar-about{position: relative; background-color: #f1f2f2;}
.webinar-about p{text-align: center; font-size: 26px; max-width: 1360px; width: 100%; margin: 0 auto; line-height: 1.4;}

.webinar-register-now{position: relative; text-align: center;}
.webinar-register-now .bg-pattern{content: "";display: inline-block;width: 463px;height: 366px;background-image: url(../images/yello-block-gray-pattern.svg);background-size: cover;background-repeat: no-repeat;background-position: right center;position: absolute;left: -82px;top: auto;bottom: -100px;}
.webinar-register-now a.white-btn{background-color: #000;border-color: #000;color: #ffffff;}
.webinar-register-now a.white-btn:hover{color: #000;}
.webinar-register-now a.white-btn span{background-color: #ffdb2d;}

.webinar-register-now .share-cta{position: absolute; right: 45px; bottom: 50px;}
.webinar-register-now .share-cta > a{width: 121px; height: 121px; background-color: #fff; border-radius: 100%; display: flex; justify-content: center; align-items: center; border: 2px solid #fff; transition: all ease-in-out 0.3s;}
.webinar-register-now .share-cta > a:hover{background-color: #fff; border-color: #000;}
.webinar-register-now .share-cta > a > img{position: absolute;left: 17px;top: 29px;}


.webinar-popup-form{position: relative; max-width: 600px; width: 100%; margin: 30px auto; padding: 0 20px;}
.webinar-popup-form .successmsg{margin-top: 30px;}
.webinar-popup-form .successmsg h6{margin-bottom: 20px;}
.mfp-close-btn-in .webinar-popup-form .mfp-close{ top: 4px;right: 26px;color: #000;transition: all ease-in-out 0.3s;}
.mfp-close-btn-in .webinar-popup-form .mfp-close:hover{transform: rotate(-90deg);}

.share-buttons-container{position: absolute;top: -50px;width: 161px;right: 0; z-index: 1;}
.share-buttons-container .addtoany_shortcode .a2a_kit{display: block!important;}
.share-buttons-container a.a2a_dd.addtoany_share_save.addtoany_share {display: none;}

.webinar-register-sticky{display: none;}


@media (max-width:1800px){
    .webinar-register-now .share-cta {right: 25px;bottom: 25px;}
    .webinar-register-now .share-cta > a{width: 85px;height: 85px;}  
    .webinar-register-now .share-cta > a > img{left: 17px;top: 24px;width: 44px;}
}

@media (max-width:1600px){
    .webinar-banner{padding-top: 70px; padding-bottom: 85px; background-position: top;}
/*    .webinar-register-now .share-cta {right: 25px;bottom: auto; top: 25px;}*/
}

@media (max-width:1366px){
    .webinar-register-form{padding: 40px;}
    .webinar-register-form h3{font-size: 36px;}
    .webinar-register-now .bg-pattern{width: 340px;height: 268px;}
}

@media (max-width:1199px){
    .webinar-banner h4{font-size: 28px;}
/*    .webinar-banner a.white-btn,.webinar-register-now a.white-btn {font-size: 22px;padding: 14px 45px;}*/
    .speaker-name{margin-top: -65px; margin-left: -60px;}
    .speaker-block.nital .speaker-name{margin-right: -55px;}
    .webinar-unmissable .content-block p{font-size: 22px;}
    .webinar-register-form{padding: 30px;}
    .webinar-register-form h3 {font-size: 34px;margin-bottom: 30px;}
    .who-should-attend .inner-block{padding: 25px;}
    .who-should-attend .inner-block h4 {font-size: 20px;}
    .who-should-attend .title-main p{font-size: 20px;}
    .webinar-about p{font-size: 20px;}
}

@media (max-width:1023px){
    .webinar-banner .calendar .date .time-content h6{font-size: 24px;}
}

@media (max-width:991px){
    .webinar-banner h4{font-size: 24px;}
    .webinar-banner .calendar{flex-direction: column; }
    .webinar-banner .calendar .date:first-child {padding-right: 0;margin-bottom: 30px;}
    .webinar-banner .calendar .date:first-child:before{display: none;}
    .webinar-banner .calendar .date .time-content h6 sup {font-weight: 700;font-size: 11px;margin-left: 0;}
    .webinar-banner .calendar .date .time-content h6 {font-size: 20px;}
    .webinar-banner .calendar .date .time-content p{font-size: 18px;}
    .webinar-banner .calendar{margin-bottom: 50px;}
    .speaker-name{margin-top: 0; right: 0; top: 0;}
    .speaker-name{left: 0; right: 0; margin: 0 auto; width: max-content;}
    .speaker-block.nital .speaker-name{margin-right: auto;}
    .speaker-name h4{font-size: 24px;}
    .speaker-name h5{font-size: 16px;}
    .speaker-name:after{height: calc(100% - 5px);}
    .webinar-unmissable .row > .col-7{width: 100%; margin-bottom: 20px;}
    .webinar-unmissable .row > .col-5{width: 100%;}
}

@media (max-width:767px){
    h2 {margin-bottom: 20px;}
    .who-should-attend .row{margin: 0 -15px;}
    .who-should-attend .title-main h2{margin-bottom: 20px;}
    .who-should-attend .title-main p {font-size: 16px;}
    .webinar-banner{padding-top: 40px; padding-bottom: 50px;}
    .webinar-banner h5{font-size: 24px;}
    .webinar-banner h4 {font-size: 22px;line-height: 1.4;margin-bottom: 30px;}
    
    .meet-speakers{padding: 30px 0;}
    .meet-speakers h2{margin-bottom: 35px;}
    .speaker-block{padding-bottom: 0; padding-top: 50px; width: 100%;}
    .speaker-block.moby{padding-bottom: 50px;}
    .speakers-list{flex-direction: column;}
    .speakers-list:after{display: none;}
    .speaker-name{right: auto; margin: 0;}
    .speaker-name h4{font-size: 20px;}
    .speaker-block.nital .speaker-name {margin-right: 0;left: auto;}
    .webinar-unmissable .content-block p{font-size: 18px; margin-bottom: 30px;}
    .webinar-unmissable ul li{font-size: 17px; margin-bottom: 24px;}
    .webinar-unmissable p.note{font-size: 17px;}
    
    .webinar-register-now > a {width: 55px;height: 55px;}
    .webinar-register-now > a > img {left: 11px;top: 16px;width: 28px;}
    .who-should-attend .inner-block figure{margin-bottom: 20px;}
    .who-should-attend .inner-block h4{font-size: 17px;}
    
    .webinar-about p {font-size: 17px;}
    
    .webinar-register-now{padding-bottom: 60px;}
    .webinar-register-now h2{max-width: 200px;margin: 0 auto;margin-bottom: 20px;}
    .webinar-register-now .share-cta {right: 12px;bottom:12px;}
    .webinar-register-now .share-cta > a {width: 55px;height: 55px;}
    .webinar-register-now .share-cta > a > img {left: 12px;top: 17px;width: 26px;}
    .share-buttons-container {top: 20px;right: 70px;}

    .webinar-register-form p.selectionShareable,.webinar-register-form p.selectionShareable > a{font-size: 17px;}
}

@media (max-width:640px){
    .webinar-banner .calendar .date > figure{width: 40px;}
    .webinar-banner .calendar .date .time-content {padding-left: 10px;}
    .webinar-banner .calendar .date:last-child .time-content.first{padding-left: 10px;}
    .webinar-banner .calendar .date .time-content h6 {font-size: 14px;}
    .webinar-banner .calendar .date .time-content p {font-size: 13px;}
}

/*
@media (max-width:540px){
    .who-should-attend .title-main h2{max-width: 210px; margin: 0 auto; margin-bottom: 40px;}
}
*/

@media (max-width:479px){
/*    .webinar-banner a.white-btn, .webinar-register-now a.white-btn {font-size: 16px;padding: 10px 30px;}*/
    .webinar-banner .calendar {max-width: 245px; margin: 0 auto; margin-bottom: 30px;}
    .webinar-register-form{padding: 20px;}
    .webinar-register-form h3{font-size: 28px;}
    .speaker-name h4 {font-size: 18px;}
    .speaker-name h5 {font-size: 15px;}
    .webinar-banner .calendar .date .time-content{margin: 3px 0;}
    .webinar-banner .calendar .date{flex-wrap: wrap; padding-left: 40px;}
    .webinar-banner .calendar .date > figure{position: absolute; left: 0;}
    
}



/* =========================================================================================== */

.meet-your-speaker-one .speaker-one{position: relative; display: flex; flex-wrap: wrap; column-gap: 136px; padding: 50px 90px; border-radius: 210px; background-color: #F1F2F2; z-index: 1;}
.meet-your-speaker-one .speaker-one .speaker-info{width:calc(32% - 68px)}
.meet-your-speaker-one .speaker-one .speaker-info .speaker-shape{position: absolute; left: 0; bottom: 0; z-index: -1;}
.meet-your-speaker-one .speaker-one .speaker-info > figure{display: flex; justify-content: center; text-align: center; margin-bottom: 35px;}
.meet-your-speaker-one .speaker-one .speaker-info .content-inner{position: relative; padding-left: 20px;}
.meet-your-speaker-one .speaker-one .speaker-info .content-inner:before{position: absolute; content: ""; width: 6px; height: calc(100% - 9px); background-color: #fff; left: 0; top: 5px;}
.meet-your-speaker-one .speaker-one .speaker-info h4{font-size: 30px; margin-bottom: 12px;}
.meet-your-speaker-one .speaker-one .speaker-info p{font-size: 18px;}
.meet-your-speaker-one .speaker-one .speaker-content{width:calc(68% - 68px)}
.meet-your-speaker-one .speaker-one .speaker-content p{font-size: 24px; line-height: 1.6;}

@media (max-width:1366px){
    .meet-your-speaker-one .speaker-one{column-gap: 86px;}
    .meet-your-speaker-one .speaker-one .speaker-info {width: calc(39% - 34px);}
    .meet-your-speaker-one .speaker-one .speaker-info h4{font-size: 27px;}
    .meet-your-speaker-one .speaker-one .speaker-content {width: calc(59% - 34px);}
    .meet-your-speaker-one .speaker-one .speaker-content p{font-size: 22px;}
    .meet-your-speaker-one .speaker-one .speaker-info .speaker-shape{width: 40%;}
}

@media (max-width:1199px){
    .meet-your-speaker-one .speaker-one{column-gap: 50px;}
    .meet-your-speaker-one .speaker-one .speaker-info {width: calc(39% - 20px);}
    .meet-your-speaker-one .speaker-one .speaker-content {width: calc(59% - 20px);}
    .meet-your-speaker-one .speaker-one .speaker-info .speaker-shape{display: none;}
    .meet-your-speaker-one .speaker-one .speaker-info .content-inner:before{background-color: #ffda30;}
    .meet-your-speaker-one .speaker-one .speaker-info h4{font-size: 22px;}
    .meet-your-speaker-one .speaker-one .speaker-info p{font-size: 16px;}
    .meet-your-speaker-one .speaker-one .speaker-content p{font-size: 18px;}
    .meet-your-speaker-one .speaker-one{border-radius: 30px; padding: 40px;}
}

@media (max-width:767px){
    .meet-your-speaker-one .speaker-one{column-gap: 0; row-gap: 40px; padding: 25px;}
    .meet-your-speaker-one .speaker-one .speaker-info{width: 100%; text-align: center;}
    .meet-your-speaker-one .speaker-one .speaker-content{width: 100%;}
    .meet-your-speaker-one .speaker-one .speaker-info > figure{margin-bottom: 20px;}
    .meet-your-speaker-one .speaker-one .speaker-info .content-inner{padding-left: 0;}
    .meet-your-speaker-one .speaker-one .speaker-info .content-inner:before{display: none;}
    .meet-your-speaker-one .speaker-one .speaker-info h4{font-size: 20px;}
}

html {
  scroll-behavior: smooth;
}

/* =================================================================================================== */
/* .upcoming-webinar-unmissable p{font-size: 24px; line-height: 1.6;} */