:root {
  --bg-color: #fff;
  --bg2-color: rgba(89, 101, 234, 0.1);
  --body-color: rgba(89, 101, 234, 0.05);
  --base-color: rgb(89, 101, 234);
  --ex-base-color: rgba(89, 101, 234, 1);
  --ex-base-color2: rgba(89, 101, 234, 0.1);
  --sub-color: #d10d63;
  --dark-color: rgba(32, 17, 55, 1);
  --impact-color: rgb(66, 76, 186);
  --caution-color: rgba(192, 0, 95, 1);
  --caution-color-trans: rgba(192, 0, 95, 0.05);
  --color-green: #017200;
  --color-orange: #e7730e;
}
body {
  background: var(--body-color);
}
body::after {
  background: var(--base-color);
}
body.loading::after {
  background: var(--base-color);
}
#loader .percent {
  color: #fff;
}
#loader .circle {
  border-top: 0.1em solid rgba(255, 255, 255, 0.2);
  border-right: 0.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 0.1em solid rgba(255, 255, 255, 0.2);
  border-left: 0.2em solid #ffffff;
}
.bt a,
.bt button {
  background: var(--impact-color);
}
.bt a:before,
.bt button:before {
}
#header {
  background: var(--bg-color);
}
.badges .movie {
  color: var(--color-green);
  border-color: var(--color-green);
}
.badges .enq {
  color: var(--color-orange);
  border-color: var(--color-orange);
}
#main #lectures .inside ul li .btn {
  background: var(--impact-color);
}
#to_top a {
  background: var(--impact-color);
}
#main #lectures .inside p.p_bg {
  background: var(--bg-color);
}
.receipt_bt span {
  background: var(--caution-color);
}
#main #visual .inside h2 {
  background: linear-gradient(
    -45deg,
    rgba(192, 168, 0, 1) 50%,
    rgb(171, 149, 0) 50%
  );
}
.entry-header .header_info th {
  background: var(--impact-color);
}
.entry-content #e-lerning {
  background: var(--dark-color);
}
.entry-content #e-testing {
  background: var(--ex-base-color2);
}
.entry-content #certificate {
  background: var(--ex-base-color2);
}
#main #bottom_contact {
  background: var(--bg2-color);
}
.entry-content .form_table .attn {
  color: var(--caution-color);
}
.caution_box {
  border-color: var(--caution-color);
  background: var(--caution-color-trans);
}
/* .volume-bar */
#video_wrapper .movie_controls .volume-bar .bar {
  background: var(--ex-base-color);
}
#video_wrapper .movie_controls .seekbar .bar {
  background: var(--ex-base-color);
}
/* .receipt_form */
.receipt_form {
  background: #ffdfc7;
}
.receipt_form p strong {
  color: #ff8426;
}
.receipt_form .text_box input {
  background-color: #f6f7f8;
}
.mw_wp_form_confirm .receipt_form .text_box span {
  border-color: #ff8426;
  background: #fff;
  color: #ff8426;
}
.mw_wp_form_confirm .receipt_form .text_box {
  border-color: #000;
}