.cbx {
  margin: auto;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  float: left;
}
.cbx span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #9098A9;
  transition: all 0.2s ease;
  background: #ffffff;
}
.cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #506EEC;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
}
.cbx span:last-child {
  padding-left: 8px; 
}
.cbx:hover span:first-child {
  border-color: #506EEC;
}

.inp-cbx:checked + .cbx span:first-child {
  background: #506EEC;
  border-color: #506EEC;
  animation: wave 0.4s ease;
}
.inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}
.inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}

@keyframes wave {
  50% {
    transform: scale(0.9);
  }
}

.WebinarDetail{color: #5d5d5d; letter-spacing: 0.5px;
padding: 20px 0px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';

font-size: 15px;}
.Content-Panel h1{font-size: 24px; color: #043d9f;margin-top: -5px;}
.WebinarDetail{overflow: hidden; padding: 20px; background: #fff;}
.Content-Panel{float: left; width: 72%;}
.Price-Panel{float: right; width: 28%; padding-left: 30px;}

.Date-Time-Panel{overflow: hidden; background: #eaeff2; padding: 15px 0px; border-bottom: 5px solid #cfdde6; color: #293848;}
.Date-Time-Panel > div{float: left; padding: 0px 10px; line-height: 30px; border-left: 1px solid #ffffff; border-right: 1px solid #c5d0d7;}
.Date-Time-Panel > div span{font-style: italic;}

.product-keyword{padding: 15px 15px; /*border: 1px solid #d4dee4;*/ border-bottom: 0px; font-size: 15px; line-height: 24px; margin: 0;
background: #daf1ff;
border-bottom: 1px solid #c3d7e4;
color: #104f74;
font-weight: 600;
}

.Price-Panel form{padding: 15px; border: 1px solid #ddd; overflow: hidden;}

.Price-Panel input{float: left; margin-right: 15px; cursor: pointer;}

.Price-Details-hedding{padding: 5px 15px; background: #004987; font-size: 22px; color: #fff; font-weight: 600;}
.Price-Panel-inner-div{padding: 5px 0;}

.Combo-Offers-min{border-top: 1px solid #ddd;padding: 5px 15px;background: #dee6ea;margin: 8px -15px 0px;}
.Combo-Offers-min p{margin: 0 0 5px 0;}
.Combo-Offers{font-size: 20px; color: #1d3bba; margin-bottom: 10px;}
.Combo-inner{margin-bottom: 15px;}
.price{color: #143984; font-weight: 600; line-height: 18px; margin-bottom: 6px; margin-top: 5px;}
.Combo-inner{overflow: hidden;}
.Combo-inner{line-height: 18px; margin-bottom: 15px;}
.Combo-inner span{color: #143984; font-weight: 600;}
.Combo-inner2 strong{float: left; margin-top: 5px;}
.Combo-inner2 strike{margin: 5px 15px 0; float: left;}
.price strong{margin-right: 10px;}

.btn-submit-div{overflow: hidden; margin: 15px 0px 0px;}
.btn-submit-div img{width: 24px;}
.btn-submit{border: 1px solid #0d649c; background: #009cff;color: #fff;padding: 5px 15px;font-weight: 600;text-transform: uppercase;}

.Price-Details-div{padding: 15px; background: #fff7dc; border: 1px solid #d5c280;}

#Price-Details-button{background: #e6e4ef; padding: 5px 15px 7px; font-weight: 600; cursor: pointer; font-size: 17px;}

.arrow-down {
  width: 40px;
  height: 24px;
  position: relative;
  float: right
}
/*
.arrow-down.active {
  background: #350b87;
} */

.arrow-down:before, .arrow-down:after {
  content: "";
  display: block;
  width: 14px;
  height: 4px;
  background: #ed4604;
  position: absolute;
  top: 10px;
  transition: transform .5s;
}
.arrow-down.active:before, .arrow-down.active:after {
  background: #350b87;

}

.arrow-down:before {
  right: 18px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  transform: rotate(45deg);
}

.arrow-down:after {
  right: 10px;
  transform: rotate(-45deg);
}

.arrow-down.active:before {
  transform: rotate(-45deg);
}

.arrow-down.active:after {
  transform: rotate(45deg);
}
.details-page-ul ul{padding-left: 18px;}
.combo-price-text1{display: none;}
.combo-price-text{display: inline-block;}

@media (min-width: 992px) and (max-width: 1042px) {
	.Date-Time-Panel > div { padding: 0px 5px !important;font-size: 14px;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
.price{font-size: 14px;}
.combo-price-text{display: none;}
.combo-price-text1{display: inline-block; clear: both; width: 100%; margin-bottom: 5px;color: #143984;font-weight: 600;line-height: 18px;}
.btn-submit{margin: 0 !important; padding: 5px 10px;}
.btn-submit-div a{font-size: 13px; margin-top: 5px;}
.Combo-Offers{margin-bottom: 5px;}
.Date-Time-Panel > div{padding: 0px 5px;}
.Date-Time-Panel > div a{font-size: 14px;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
.Content-Panel{width: 100%;}
.Price-Panel{width: 100%; padding-left: 0px;}
}

@media (max-width: 767px){
.Content-Panel{width: 100%;}
.Price-Panel{width: 100%; padding-left: 0px;}
.Date-Time-Panel > div{border: 0px;}
.Date-Time-Panel br{display: none;}
}