.zwc-flex-wrap{
  display: flex;
  justify-content: center;
  gap: 40px;
}
section{
  padding: 100px 0;
}
.act-btn.cta-btn{
  visibility: visible;
  opacity: 1;
}
.zwc-blue{
  color: #1D4DF8;
}
.zwc-pos-rel{
  position: relative;
}
.zwc-pos-abs{
  position: absolute;
}
.zwc-main-container a:not(.act-btn){
 color: var(--zwc-link-clr);
}
.get-a-quote {
  margin: 0 0 0 15px;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.zw-product-header {
  background: #000000;
}
.zwc-mb-0{
  margin-bottom: 0;
}
.zwc-dis-inblk{
  display: inline-block;
}
.zwc-dis-blk{
  display: block;
}
.zwc-main-container h1{
  font-family: var(--primaryfont-bold);
  line-height: 1.2;
}
.zwc-main-container h2, .zwc-main-container h3{
  font-family: var(--primaryfont-semibold);
}
.zwc-banner-left, .zwc-banner-right, .zwc-host-webinar-lft, .zwc-host-webinar-rgt{
  width: 48%;
}
.zwc-main-container a:not(.act-btn,.cta-btn) {
  color: #1d4df8;
  border-bottom: 1px solid #1d4df8;
  cursor: pointer;
}
.zwc-bld{
  font-family: var(--primaryfont-bold);
}
/***** Banner Section Starts *****/
.zwc-banner-section{
  background: #000000;
  color: #ffffff;
}
/***** Banner Section Ends *****/
/***** Webninar Series Starts *****/
.zwc-webinar-series{
  background: #EEF7FF;
  border: 1px solid #84C5FF;
  text-align: center;
  padding: 90px 20px;
  width: 100%;
  max-width: 1180px;
  margin: 80px auto;
  border-radius: 16px;
}
.zwc-webinar-series-cnt{
  max-width: 790px;
  margin: 0 auto;
}
/***** Webninar Series Ends *****/
/***** Host Webinar Starts *****/
.zwc-host-webinar .zwc-flex-wrap{
  justify-content: space-between;
  align-items: center;
}
.zwc-host-webinar-rgt{
  max-width: 515px;
}
.zwc-host-webinar h2{
  max-width: 390px;
}
.zwc-host-webinar-lft>div{
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.zwc-host-webinar-lft>div>img {
  position: absolute;
  right: -50px;
  top: 80px;
}

.zwc-host-webinar-lft>div img:nth-child(2) {
  right: -75px;
  top: 110px;
}

.zwc-host-webinar-lft>div img:nth-child(3) {
  right: -75px;
  top: 165px;
}

.zwc-host-webinar-lft>div img:nth-child(4) {
  right: -75px;
  top: 220px;
}
.zwc-webinar-host-mobile{
  display: none;
}
.zwc-arrow{
  display: inline-block;
  padding-left: 26px;
  position: relative;
}
.zwc-arrow::before{
  content: '';
  position: absolute;
  background: #0D70B5;
  width: 16px;
  height: 2px;
  left: 3px;
  top: 14px;
}
.zwc-arrow::after{
  content: '';
  width: 10px;
  height: 10px;
  left: 10px;
  right: 0;
  top: 9.9px;
  border-right: 2px solid #0D70B5;
  border-bottom: 2px solid #0D70B5;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
/***** Host Webinar Ends *****/
/***** Features Section Starts *****/
.zwc-features-section {
  color: #fff;
  width: 100%;
  max-width: 1440px;
  margin: 100px auto 0;
  position: relative;
  background: #080808;
  border-radius: 30px;
  padding: 110px 0 0;
}
.zwc-features-section h2{
  width: 50%;
  margin: 0 auto 80px;
}
.zwc-features-flex-wrap, .webcast-list, .advantage-inner-section, .broadcast-list {
  max-width: 80%
}

.zwc-features-section h2 {
  text-align: center
}

.zwc-features-flex-wrap {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.zwc-features-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between
}

.zwc-f-list-bx {
  width: 50%
}

.f-list-imgbx {
  position: relative;
  margin: 0 0 15px
}

.zwc-f-list-bx:nth-child(odd),.zwc-f-list-bx:nth-child(even) {
  padding: 0px 0 80px;
  width: 41%;
}
.zwc-f-list-bx:last-child{
  padding-bottom: 120px;
}
.zwc-features-sprites,.zwc-f-list-bx::before,.f-list::before {
  content: '';
  width: 63px;
  height: 58px;
  position: relative;
  display: block;
  background: url(/sites/zweb/images/webinar/webinar-series/webinar-series-sprite.svg) no-repeat;
  background-size: 510px auto;
  margin-bottom: 25px
}

.zwc-features-list .f-list:nth-child(1):before {
  background-position: 0 0;
  /* width: 62px; */
  height: 55px;
}

.zwc-features-list .f-list:nth-child(2):before {
  background-position: -66px 0;
  /* width: 62px; */
  height: 55px;
}

.zwc-features-list .f-list:nth-child(3):before {
  background-position: -133px 0px;
  width: 43px;
  height: 65px;
}

.zwc-features-list .f-list:nth-child(4):before {
  background-position: -179px 0px;
  /* width: 63px; */
  height: 63px;
}

.f-list:nth-child(5):before {
  background-position: -245px 0;
  /* width: 63px;
  height: 58px; */
}

.f-list:nth-child(6):before {
  background-position: -313px 0px;
  /* width: 63px;
  height: 58px; */
}

.f-list:nth-child(7):before {
  background-position: -380px 0px;
  /* width: 63px;
  height: 58px; */
}

.f-list:nth-child(8):before {
  background-position: -448px 0px;
  /* width: 63px; */
  height: 60px;
}
/***** Features Section Ends *****/
/***** Webinar Features Start *****/
.zwc-webinar-features .zwc-flex-wrap{
  align-items: center;
  justify-content: space-between;
}
.zwc-webinar-features-title{
  margin-bottom: 80px;
}
.zwc-webinar-features-title h2{
  max-width: 530px;
}
.zwc-webinar-features-title p{
  font-size: 22px;
}
.zwc-features-step-rgt ul li{
  padding: 0 0 20px 0;
}
.zwc-steps {
  counter-reset: step
}
.zwc-steps ul,.zwc-webinar-features-title p{
  max-width: 500px;
}
.zwc-steps ul li:before {
  counter-increment: step;
  content: "step " counter(step) ": ";
  display: inline-block;
  color: #0047FF;
  font-family: var(--primaryfont-semibold);
  position: absolute;
  left: 0;
  text-transform: uppercase;
  font-size: 17px
}

.zwc-steps ul li {
  margin: 0 0 25px;
  padding-left: 90px;
  font-size: 18px;
  position: relative;
  line-height: 1.7
}

/***** Webinar Features End *****/
/***** FAQ Section Starts *****/
.faq-section{
  background: #FFF4EA;
}
.zfaq-section {
  margin: 0 auto;
  text-align: center;
  padding: 0 80px 0px;
  border-radius: 7px;
}
.faq-section,.faq-section * {
  box-sizing: border-box
}

.zfaq-section div {
  width: 830px;
  margin: 0 auto;
  max-width: 100%
}
.zwc-faq-ans ul{
  margin-bottom: 10px;
}
.faq-heading{
  margin-bottom: 30px;
}
/* WCAG FAQ */
.zwc-faq-wrap {
  counter-reset: div;
}
.zwc-faq-item {
  border-bottom: 1px solid #cccccc7d;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.zwc-faq-wrap button {
  font-size: 22px;
  cursor: pointer;
  position: relative;
  padding-right: 20px;
}
.zwc-faq-wrap button {
  border: 0;
  background: 0;
  color: #000;
  text-align: left;
  font-family: var(--primaryfont-semibold);
  width: 100%;
  padding-left: 0;
  line-height: 1.4;
  margin-bottom: 10px;
}
.zwc-faq-wrap .zwc-faq-ans, .zwc-faq-wrap button {
  padding-left: 25px;
}
.zwc-faq-wrap button::before {
  counter-increment: div;
  content: counter(div) ". ";
  position: absolute;
  left: 0;
}
.zwc-faq-wrap button::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: .4s all;
  transition: .4s all;
  top: 10px;
  right: 4px;
}
.zwc-faq-ans {
  display: none;
  text-align: left;
  padding-bottom: 10px;
}
.zfaq-section div.zwc-faq-item{
  padding: 0 0 10px;
}
.zwc-faq-ans p{
  margin-bottom: 10px;
}
.zwc-faq-ans p:last-child{
  margin-bottom: 0;
}
.zwc-faq-ans ul{
  list-style-type: disc;
}
.zwc-faq-item:first-child .zwc-faq-ans {
  display: block;
}
.zwc-faq-item.active button::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.zwc-faq-item h3{
  margin: 20px 0 0;
  line-height: 0;
}
  /* WCAG FAQ */
      
/***** FAQ Section Ends *****/ 
/***** Footer Before Starts *****/
.zwc-footer-before{
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.zwc-footer-before h2{
  margin-bottom: 40px;
}
.zwc-footer-before .get-a-quote{
  border: 1px solid #000000;
  color: #000000;
}
/***** Footer Before Starts *****/


@media only screen and (min-width: 1200px) {
 
  .zwc-main-container h1{
      font-size: 56px;
      letter-spacing: -3px;
  }   
  .zwc-main-container h2{
      font-size: 40px;
      letter-spacing: -0.8px;
  }
  .zwc-main-container h3{
      font-size: 30px;
      letter-spacing: -0.64px;
  }
  .zwc-banner-section p {
      font-size: 18px;
      line-height: 31px;
  }
  .cta-btn, .get-a-quote{
      padding: 15px 30px;
  }
  .btm-to-top, .top-to-btm, .rgt-to-lft, .lft-to-rgt {
      opacity: 0;
      transition: all .5s ease;
  }
  .middle-animated .btm-to-top, .middle-animated .top-to-btm, .middle-animated .rgt-to-lft, .middle-animated .lft-to-rgt {
      opacity: 1;
  }
  .btm-to-top {
      transform: translateY(50px);   
  }
  .middle-animated .btm-to-top {
      transform: translateY(0);
  }
  .top-to-btm {
      transform: translateY(-50px);  
  }
  .middle-animated .top-to-btm {
      transform: translateY(0);  
  }
  .rgt-to-lft {
      transform: translateX(50px);  
  }
  .middle-animated .rgt-to-lft {
      transform: translateX(0);  
  }
  .lft-to-rgt {
      transform: translateX(-50px)
  }
  .middle-animated .lft-to-rgt {
      transform: translateX(0);
  }
  .float-up {
      -webkit-animation: floatingup 3s linear 1.3s infinite alternate;
      animation: floatingup 3s linear 1.3s infinite alternate;
  }
  .float-down{
      -webkit-animation: floatingdown 3s linear 1.3s infinite alternate;
      animation: floatingdown 3s linear 1.3s infinite alternate;
  }
  .delay1 {
      -webkit-transition-delay: 200ms;
      -o-transition-delay: 200ms;
      transition-delay: 200ms
  }

  .delay2 {
      -webkit-transition-delay: 400ms;
      -o-transition-delay: 400ms;
      transition-delay: 400ms
  }

  .delay3 {
      -webkit-transition-delay: 600ms;
      -o-transition-delay: 600ms;
      transition-delay: 600ms
  }

  .delay4 {
      -webkit-transition-delay: 800ms;
      -o-transition-delay: 800ms;
      transition-delay: 800ms
  }
}
@media(max-width: 1440px) {
  .zwc-features-section{
      max-width: 100%;
      border-radius: 0;
      margin: 20px auto 0;
  }
}
@media(max-width: 1280px) {
  .zwc-steps ul li{
      margin: 0;
  }
  .zwc-host-webinar-rgt{
      max-width: 460px;
  }
 
}
@media(max-width: 1199px) {
  .zwc-webinar-series{
      max-width: 100%;
      border-radius: 0;
      margin: 0 auto;
      border-left: 0;
      border-right: 0;
  }
  .zwc-webinar-features-title h2, .zwc-webinar-features-title p, .zwc-features-step-lft, .zwc-features-step-rgt{
      max-width: 48%;
  }
  .zwc-webinar-features-title p{
      font-size: 20px;
  }
  .zwc-host-webinar-rgt{
      max-width: 400px;
  }
  .zwc-features-section{
      margin: 0 auto;
  }
}
@media(max-width: 991px) {
  .zwc-banner-section .zwc-flex-wrap, .zwc-host-webinar .zwc-flex-wrap, .zwc-webinar-features-title.zwc-flex-wrap{
      flex-direction: column;
      align-items: center;
      text-align: center;
  }
  .zwc-webinar-features-step.zwc-flex-wrap{
      flex-direction: column;
  }
  .zwc-webinar-features-title.zwc-flex-wrap{
      gap: 20px;
  }
  .zwc-webinar-features-title p{
      font-size: 18px;
      line-height: 1.6;
  }
  .zwc-webinar-features-title{
      margin-bottom: 30px;
  }
  .zwc-features-step-rgt{
      max-width: 100%;
  }
  .zwc-host-webinar .zwc-flex-wrap{
      flex-direction: column-reverse;
  }
  .zwc-banner-section h1{
      max-width: 370px;
      margin: 0 auto 15px;
  }
  .zwc-banner-left, .zwc-banner-right, .zwc-host-webinar-lft, .zwc-host-webinar-rgt{
      width: 100%;
      max-width: 500px;
  }
  .zwc-host-webinar h2{
      max-width: 310px;
      margin: 0 auto 15px;
  }
  .zwc-f-list-bx:nth-child(odd), .zwc-f-list-bx:nth-child(even),.zwc-webinar-features-title h2, .zwc-webinar-features-title p, .zwc-features-step-lft {
      width: 100%;
      max-width: 500px;
      margin: 0 auto;
      text-align: center;
  }
  .zwc-features-sprites, .zwc-f-list-bx::before, .f-list::before{
      display: inline-block;
  }
  section,.zwc-webinar-series{
      padding: 80px 0;
  }
  .zwc-features-section{
      padding: 80px 0 0;
  }
  .zwc-webinar-series-cnt{
      max-width: 690px;
  }
  .zwc-features-section h2{
      margin: 0 auto 50px;
  }
  .zwc-f-list-bx:nth-child(odd), .zwc-f-list-bx:nth-child(even){
      padding: 0 0 50px;
  }
  .zwc-f-list-bx:last-child{
      padding-bottom: 80px;
  }
}
@media(max-width: 767px) {
  .faq-heading {
      padding-top: 20px;
      margin-bottom: 20px
  }
  .zwc-main-container .act-btn, .zwc-main-container .get-a-quote {
      margin: 10px 10px 5px;
  }
  .zfaq-section{
      padding: 0;
  }
  .zfaq-section div{
      width: 100%;
  }
  .zwc-host-webinar-lft>div{
      right: 60px;
  }
  .zwc-features-section h2{
      width: 100%;
      max-width: 400px;
  }
  section,.zwc-webinar-series{
      padding: 60px 0;
  }
  .zwc-features-section{
      padding: 60px 0 0;
  }
  .zwc-features-flex-wrap{
      max-width: 100%;
  }
  .zwc-features-sprites, .zwc-f-list-bx::before, .f-list::before{
      margin-bottom: 15px;
  }
 
}
@media(max-width: 480px) {
  /* .get-a-quote{
      margin: 15px;
  } */
  .zwc-steps ul li{
      padding-left: 60px;
      font-size: 16px;
  }
  .zwc-steps ul li::before{
      font-size: 15px;
  }
  .zfaq_wrapper button:not(.faq-heading){
      padding: 15px 35px 20px 0;
  }
  .zfaq_wrapper .zfaq-wrap p, .zfaq-section div{
      padding: 0;
  }
  .zfaq_wrapper button:not(.faq-heading){
      font-size: 17px;
  }
  .zfaq-wrap p, .zfaq-wrap span:nth-child(1), .zfaq-wrap span:nth-child(2){
      font-size: 16px;
  }
  .zfaq_wrapper .zfaq-wrap{
      margin-bottom: 0px;
  }
  
  .zwc-host-webinar-img img:nth-child(1),.zwc-host-webinar-img img:nth-child(2), .zwc-host-webinar-img img:nth-child(3), .zwc-host-webinar-img img:nth-child(4){
      display: none;
  }
  .zwc-webinar-host-mobile{
      display: block;
  }
}