.cyber-levels { max-width:790px; margin:auto; }
.cyber-levels .heading { position:relative; display:inline-block; text-align:center;
  font-weight:400;
  margin:0px auto 75px auto; padding-right:60px; }

/*.cyber-levels .heading span {
  position:absolute; display:block;  content:''; top:-1px; right:0px; width:38px; height:39px;
  background-repeat:no-repeat; background-size:cover;
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='39' viewBox='0 0 38 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='19' cy='19.5935' r='19' fill='%23FA0EAB'/%3E%3Cpath d='M27.0199 12.5935C27.0199 12.0412 26.5722 11.5935 26.0199 11.5935L17.0199 11.5935C16.4676 11.5935 16.0199 12.0412 16.0199 12.5935C16.0199 13.1458 16.4676 13.5935 17.0199 13.5935H25.0199V21.5935C25.0199 22.1458 25.4676 22.5935 26.0199 22.5935C26.5722 22.5935 27.0199 22.1458 27.0199 21.5935L27.0199 12.5935ZM10.8676 27.7458L11.5747 28.453L26.727 13.3006L26.0199 12.5935L25.3128 11.8864L10.1604 27.0387L10.8676 27.7458Z' fill='white'/%3E%3C/svg%3E%0A");
}
*/
.cyber-levels .levels-wrapper { display:flex; flex-wrap:wrap; margin:0px -4% 0px -4%}

.cyber-levels .level { position:relative; width:42%; min-height:190px; 
  margin:0px 4% 75px 4%; text-align:center;
  background-repeat:no-repeat; background-size:cover; background-position:center-center;
}
.cyber-levels .level > a.a_wrapper { position:relative; display:inline-block; width:100%; height:100%; padding:23px; }

.cyber-levels .level .start { position:relative; display:inline-block; 
  text-transform:uppercase; color:#009FE3; margin:10px auto 15px; padding-right:20px;
  font-size:14px; font-weight:500 }

  .cyber-levels .level .start:after {
    position:absolute; display:block; width:13px; height:14px; content:''; top:2px; right:0px;
    background-repeat:no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6.5' cy='7.09351' r='6.5' fill='%23FA0EAB'/%3E%3Cpath d='M9.13173 4.0685L3.47488 9.72536M9.13173 4.0685H4.18199M9.13173 4.0685V9.01825' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  }
.cyber-levels .level .title, .cyber-levels .level .subtitle { color:#fff; font-size:24px; 
  font-weight:700; line-height:1.3em }
.cyber-levels .level .subtitle { font-size:17px;  }
.cyber-levels .level .btn { position:absolute; display:inline-block; 
  width:274px; height:42px;  font-weight:700; font-size:16px;
  left:50%; margin-left:-137px; bottom:-18px; line-height:40px;
  color:#242424 !important;
  background-repeat:no-repeat; background-position: center center;
  background-image:url('https://www.knowbe4.com/hubfs/cyber-button-index.png');
}

.cyber-levels .bonus  { margin: 30px auto 60px; }

.cyber-levels .bonus .bonus-button { display:inline-block;  line-height:40px;
  width:274px; height:42px;  font-weight:700; font-size:16px;
  background-repeat:no-repeat; background-position: center center;
  color:#242424 !important;
  background-image:url('https://www.knowbe4.com/hubfs/cyber-button-index.png');
}

@media (max-width: 767px) {
  .cyber-levels .heading { font-size:24px; margin:0px auto 40px auto; }
  .cyber-levels .slick-dots button { background-color:#f8dcf1 !important; width:12px; height:12px; margin:0px 5px } 
  .cyber-levels .slick-dots .slick-active button { background-color:#FA0EAB !important }
  
  .cyber-levels .levels-wrapper { display:block; margin:0px 0px;  }
  .cyber-levels .level { /*width:342px !important; height:21px; */ margin:0px 12px 30px 12px; padding:0px 0px;  }
}