.webinar-event-detail-top {font-size: 20px;text-transform: uppercase;letter-spacing: 0.12em;margin-bottom: 24px;}

.webinar-event-detail-expert {font-size: 20px; line-height: 1.2; margin-bottom: 24px;}

.webinar-event-detail-text {padding-right: 9%;}

.wed-box-image {width: 254px;margin: -62px auto 0;padding: 28px;position: relative;height: 254px;}

.wed-box-image-inner {border-radius: 50%;overflow: hidden;box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);width: 100%;height: 100%;background: #fff;}

.wed-box-image-inner img{width: 100%; height: 100%; object-fit: cover;}

.wed-box-image::after {content: '';background-image: url(../../include/images/dashed-circle-red.svg);position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-repeat: no-repeat;background-size: 100% 100%;animation: fa-spin 100s infinite linear;}

.wed-box {background-color: var(--omni-grey);box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);border-radius: 10px;display: flex;flex-flow: column;height: 100%;}

.wed-box-text {padding: 24px 30px 30px 30px;flex-grow: 1;display: flex;flex-flow: column;}

.wed-box-text>h6 {font-size: 16px;line-height: 1;margin-bottom: 18px;}

.wed-box-title {font-weight: 700;color: var(--omni-blue);background-color: var(--omni-white);padding: 10px 13px;text-transform: uppercase;margin-top: auto;}

.webinar-event-detail-slider {overflow: visible;}

.wed-item.swiper-slide.swiper-slide-active {opacity: 1;transition: all 0.5s;}

.wed-item.swiper-slide {opacity: 0;height: auto;}

.webinar-event-detail-slider .swiper-button-group {top: 40px;position: absolute;z-index: 9;width: 100%;left: 0;}

.webinar-event-detail-slider .wep-swiper-prev {transform: translateX(-50%);}

.webinar-event-detail-slider .wep-swiper-next {transform: translateX(50%);} 

.webinar-event-detail-slider .swiper-button{background: var(--omni-grey);}

 

.webinar-event-detail-date{margin-bottom: 35px;}

.wg-date-badge {width: 98px;height: 98px;flex-shrink: 0;background: var(--omni-grey);border-radius: 50%;display: flex;align-items: center;justify-content: center;text-align: center;padding: 20px 10px 10px 10px;margin: 0 30px 0 0;}

.wg-date-badge h3>span {display: block;font-size: 16px;}

.wg-date-badge h3 {margin-bottom: 0;}

.wg-content-date {font-weight: 700;color: var(--omni-blue);}





.event-single-form-container{margin-top: 80px;padding: 80px 0;}

.event-single-form-box{padding: 0 70px 0;}



.event-single-form-right{padding-bottom: 340px;}

.ef-icon {position: absolute;width: 553px;right: -7%;top: 100%;margin-top: -406px;}

.ef-icon svg{width: 100%;}





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

! Large devices (desktops, less than 1300px)

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

@media (max-width:1299.98px) { 

.webinar-event-detail-slider .wep-swiper-prev {transform: translateX(0);}

.webinar-event-detail-slider .wep-swiper-next {transform: translateX(0);}

.webinar-event-detail-slider{padding: 0 25px;}

}

 

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

! Large devices (desktops, less than 1200px)

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

@media (max-width:1199.98px) {

    .webinar-event-detail-text{padding-right: 0;}

}



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

! Medium devices (tablets, less than 992px)

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

@media (max-width:991.98px) { 

.webinar-event-detail-text h1 {font-size: 40px;line-height: 1;}    

.webinar-event-detail-top, .webinar-event-detail-text p>strong {font-size: 16px;}    

.wed-box-image {width: 216px;height: 216px;padding: 24px;}  

.event-single-form-container{margin-top: 60px;padding: 60px;}

.event-single-form-box{padding: 0;}

.event-single-form-right{padding-bottom: 0;}

.ef-icon{display: none;}

}





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

 ! Small devices (landscape phones, less than 768px)

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

@media (max-width: 767.98px){

    .webinar-event-detail-top {margin-bottom: 20px;}    

    .webinar-event-detail-text {padding-right: 6px;}    

    .webinar-event-detail-slider {margin-top: 118px;}    

    .wed-box-text {padding: 21px 28px 26px 26px;}    

    .wed-box-text>h6 {margin-bottom: 12px;}    

    .wed-box-title {padding: 6px 11px;}

    .event-single-form-container{margin-top: 40px;padding: 40px 15px; margin-left: -15px; width: calc(100% + 30px);}

    .webinar-event-detail-date{margin-bottom: 15px;}

}



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

 ! Extra small devices (portrait phones, less than 576px)

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

 @media (max-width: 575.98px){



}



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

! Extra small devices (portrait phones, less than 370px)

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

@media (max-width:369.98px) { 

}