:root {
  --primary-color: rgb(70, 30, 95);
  --secondary-color: rgb(235, 60, 125);
  --tertiary-color: rgb(250, 100, 35);
  --text-dark: #000;
  --text-light: #fff;
}
* {
  box-sizing: border-box;
}

@media (max-width: 1170px) {
  .g-recaptcha {
    transform: scale(0.82);
    -webkit-transform: scale(0.82);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}
@media (max-width: 366px) {
  .g-recaptcha {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}

#webinar-section .home-inner {
  padding-top: 80px;
  padding-bottom: 30px;
}
#player-section .player-inner {
  padding-top: 80px;
}
#callaction-section .callaction-inner {
  padding-top: 20px;
}



.speakers-list {
  list-style-type: "- ";
}
.datetime-list {
  list-style-type: "- ";
}

.policy a {
  text-decoration: underline;
  color: white;
}
.policy {
  line-height: normal;
  font-size: x-small;
}

@media only screen and (max-width: 600px) {
  .rc-anchor-normal {
    height: 74px;
    width: 245px;
  }
}

/* Validate Form */
.is-invalid {
  border-color: var(--secondary-color);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  fill: var(--secondary-color);
}
.invalid-feedback {
  color: var(--text-light);
}

.comment_widget {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 400px;
  width: 100%;
  margin-top: 5px;
}

.md-boxed .m-replyform .m-preview {
  box-shadow: none;
  border: 0;
  margin-left: -6em;
  display: none;
}

#event-section{
  margin-top:40px
}
.form-control {
  border-radius: 4px;
  border: 1px solid rgb(221, 221, 221);
  background-color: var(--text-light);
  color: var(--text-dark);
  outline: none;
  font-size: 1rem;
  appearance: none;
}

/* Custom focus style for form-control */
.form-control:focus {
  border-color: rgb(221, 221, 221); /* Change border color */
  box-shadow: 0 0 0 0.25rem rgba(221, 221, 221, 0.25); /* Add a custom box shadow */
  outline: none; /* Remove default outline */
}