.body-wrapper { padding-top: 0px; }
.webinar-section { overflow: hidden; position: relative; }
.webinar-left-content { width: 50%; padding: 30px 30px 50px;position: relative;z-index: 1; }
.webinar-right-content { width: 50%; padding: 30px 30px 50px;position: relative;z-index: 1;color: #ffffff; }
.webinar-right-content * { color: inherit; }
.webinar-logo ul { list-style: none; padding: 0;display: flex; flex-wrap: wrap; align-items: center; }
.webinar-logo ul li { display: inline-block; margin-right: 20px; margin-bottom: 20px; /*width: 180px;*/ }
.webinar-logo ul li:last-child{ margin-right:0;}
.webinar-header h1 { font-size: 30px; }
.webinar-date-format { color: var(--color3); margin-bottom: 20px; text-transform: uppercase; font-size: 15px; }
.webinar-logo { margin-bottom: 20px; }
.webinar-speakers { margin-top: 20px;position:relative;z-index:1; }
.webinar-speakers::before { position: absolute;top: 34px; content: ''; height: 100%; width: 77px; background-repeat: no-repeat; z-index: -1; }
.webinar-speakers .dis-flex { justify-content: space-between; }
.speaker-img img { width: 96px; height: 96px; object-fit: cover; border-radius: 100%; }
.speaker-card { width: 46%; padding: 15px; text-align: center; border: 1px solid var(--color5); margin-left: 15px;margin-bottom:15px; background-color: #ffffff; }
.speaker-card h5 { margin: 10px 0px 8px; }
.speaker-card p { font-size: 13px; margin: 0px; text-transform: uppercase;color: var(--color3); }
.webinar-speakers>h4 { margin-bottom: 40px; }
.webinar-left-content:before, .webinar-right-content:before { content: ""; height: 100%; position: absolute; top: 0; width: 100vw; z-index: -1; }
.webinar-right-content:before { background: linear-gradient(90deg,#3b722a,#0097a7); left: -1px; }
.webinar-left-content:before { background: #ffffff; right: -1px; }
.webinar-section .inputs-list>li span { color: #ffffff; }
.webinar-section .hs-button.primary.large { border-color: #ffffff; color: #ffffff; }
.webinar-learn-area { margin-top: 40px; }
.webinar-learn-area ul { padding-left: 15px; margin: 0px; }
.webinar-learn-area ul li:not(:last-child) { margin-bottom: 10px; }
.webinar-top-title { color: var(--color3); text-transform: uppercase; margin-bottom: 30px; }
.webinar-section form select { color: #000 !important; cursor: pointer; }
.submitted-message h5, .submitted-message span, .submitted-message p { color: #ffffff !important; }
.submitted-message * { color: inherit; }
.submitted-message {color:#ffffff;padding: 30px;border: 1px solid #ffffff;display:block !important;}
.webinar-form .hs-embed-wrapper { min-width: 100% !important; max-width: 100% !important; }
.webinar-form .link-button { display: inline-block; width: auto; }
.webinar-form .link-button svg polygon { fill: #ffffff; }
.webinar-content.detail-content h6 span { font-weight: 400; position: relative; padding-left: 10px; margin-left: 10px; }
.webinar-content.detail-content h6 span:before { position: absolute; left: 0; top: 0; content: ''; background: var(--color3); width: 2px; height: 20px; }
.webinar-form .hs-form .hs-form-field>label { color: #ffffff; }
.webinar-form .form-title {display: none;}
.webinar-left-content .bio { font-size: 14px; margin-top: 10px; }
.webinar-section.full-width-speaker .speaker-card { width: 100%; }
.mannai-custom-class .submitted-message a {color: var(--color3);}
.mannai-custom-class .webinar-right-content:before { background: var(--color5); }
.webinar-section.mannai-custom-class .inputs-list>li span { color: var(--color1); }
.webinar-section.mannai-custom-class .hs-button.primary.large { border-color: var(--color2); color: var(--color2); }
.webinar-section.mannai-custom-class .hs-button.primary.large:hover {  color: #ffffff; }
.webinar-section.mannai-custom-class .webinar-right-content * {color: var(--color1) !important;}
.webinar-right-small-text { margin-top: 30px; font-weight: 700; font-size: 20px; }
.webinar-section.mannai-custom-class .submitted-message {border-color: color: var(--color1);}
.webinar-right-image-bottom { margin-top: 30px; }
.webinar-section.mannai-custom-class .webinar-content.detail-content ul { margin-bottom: 20px; }
.webinar-section.mannai-custom-class .webinar-content.detail-content ul li ul { list-style: circle; }
.webinar-section form .inputs-list>li a { color: var(--color3); }

@media (min-width:768px){
  .webinar-form .inputs-list.multi-container { display: flex; flex-wrap: wrap;justify-content: space-between; }
  .webinar-form .hs-form-checkbox { width: 49%; }
  .webinar-section.custom-webinar-panel .webinar-left-content {padding-left: 0px;padding-top: 0px;}
}

@media (min-width:1367px){
  .webinar-form h2 { font-size: 40px; }
}

@media (max-width:991px){
  .webinar-left-content{width:100%;padding: 50px 20px;}
  .webinar-right-content{width:100%;padding: 50px 20px;}
  .webinar-right-content:before { left: 0px; }
  .webinar-left-content:before { right: 0px; }
  .webinar-left-content:before, .webinar-right-content:before{width:100%;}
  .webinar-section .content-wrapper { padding: 0; }
  .webinar-logo { margin-bottom: 25px; }
  .webinar-speakers>h4 { margin-bottom: 25px; }
  .webinar-learn-area { margin-top: 25px; }
}

@media (max-width:767px){
  .webinar-header h1 { font-size: 26px; }
}

@media (max-width:568px){
  .speaker-card{width:100%;margin-bottom:15px;}
  .speaker-card:last-child{margin-bottom:0px;}
}