.webinar-types-block{
    border: #222E4820;
    border-radius: 15px;
    box-shadow:  0px 3px 6px #00000029;

  }
  .active-webinar{
    background-color: #6C3AEF10;
    border-radius: 15px;
    font-weight: 600;
  }

  body.modal-open .main, body.modal-open .-main-header, body.modal-open .-main-footer{
  filter: blur(6px);
  transition: filter 0.3s ease-in-out;
}

@media (max-width: 778px){
  .mbl-12px{
    font-size: 12px;
  }
  .mbl-16px{ 
    font-size: 16px !important;
  }
  .mbl-14px{font-size: 14px;}
}

@media (min-width: 992px) {
  .webinar-banner{
    background-image: url('/images/webinar/BG.png') ;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .session-bg{
    background-image: url(/images/webinar/BG-webinar.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
.custom-list {
  list-style: none;
  padding-left: 0;
}

.custom-list li {
  list-style: none;
  margin: 0 0 1rem 0;
  padding-left: 60px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='26' viewBox='0 0 23 26'%3E%3Cpath id='Polygon_1' data-name='Polygon 1' d='M13,0,26,23H0Z' transform='translate(23) rotate(90)' fill='%2300705a' opacity='0.2'/%3E%3C/svg%3E") no-repeat left center;
  background-size: 25px 25px;
  line-height: 1.6;
  font-weight: 700;
}

.custom-list .highlight {
  color: #E40078;
}

.green-text{
  color: #00705A;
}

.rounded-top-left {
  border-top-left-radius: 15px;
}

.rounded-top-right {
  border-top-right-radius: 15px;
}

.rounded-bottom-left {
  border-bottom-left-radius: 15px;
}

.rounded-bottom-right {
  border-bottom-right-radius: 15px;
}

.event-block{
  background-color: #6C3AEF10;
  
}

.event-time {     
      display: flex;
      align-items: center;
      justify-content: space-between;      
    }

.green-bg{
  background-color: #00705A;
}