:root { --accent:#ffc800; }

    .overlay {
      position: fixed; inset: 0;
      background: rgba(0,0,0,.55);
      display: flex; align-items: center; justify-content: center;
      opacity: 0; visibility: hidden; pointer-events: none;
      transition: opacity .2s ease, visibility .2s ease;
      z-index: 9999;
    }
    .overlay.is-open { opacity: 1; visibility: visible; pointer-events: auto; display:flex !important}

    .popup {
      background: var(--accent);
      color: #000;
      width: 500px; max-width: 90%;
      border-radius: 14px;
      padding: 26px 28px;
      box-shadow: 0 18px 45px rgba(0,0,0,.35);
      text-align: center;
    }
    .popup p { margin: 0; line-height: 1.45; font-size: 16px; }
    .popup-buttons {
      margin-top: 20px;
      display: flex; gap: 12px;
    }
    .popupbtn {
      flex: 1;
      border: 0; border-radius: 10px;
      padding: 12px 16px;
      font-size: 15px; cursor: pointer;
      display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    }
    .btn-left { background: #fff; color: #000; }
    .btn-right { background: #000; color: #fff; }
    .btn-right:hover { background: #222;color:white }
    .btn-left:hover{background:#e0dede}
    .icon {
      width: 18px; height: 18px; display: inline-block;
      vertical-align: -3px;
    }



/* Education Level Chooser Modal Styles */
.edu-overlay {
  position:fixed;inset:0;background:rgba(0,0,0,.85);
  display:flex;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;transition:.25s;z-index:99999;
}
.edu-overlay.show{opacity:1;visibility:visible;}
.edu-popup {
  display:flex;flex-wrap:wrap;
  width:750px;max-width:75%;
  background:#fff;border-radius:12px;overflow:hidden;
}
.edu-left {
  background: #F3EEE2;
  flex:1 1 50%;padding:60px 40px;text-align:center;
  display:flex;flex-direction:column;justify-content:center;
}
.edu-left h2{font-size:28px;margin:0 0 10px;color:#000;}
.edu-left p{font-size:16px;line-height:1.4;color:#333;margin:0 0 30px;}
.edu-btns{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;}
.edu-btns a{
  background:#FFC800;color:#000;text-decoration:none;font-weight:400;
  padding:14px 26px;border-radius:8px;font-size:15px;
}
.edu-right{height:400px}
.edu-right img{    width: auto;
    height: 400px;
}
.edu-left .code-visby-h4-bold{font-size: 40px; line-height: 48px; }
@media(max-width:768px){
  .edu-btns{margin-bottom:20px}
  .edu-popup{flex-direction:column;}
  .edu-right{display:none}
  .edu-right-mobile{display:block !important;background: #F3EEE2;order:-1;height:auto !important;padding:10px !important;width:100%}
  .edu-left{padding:0px 6px !important;width:100%}
  .edu-right-mobile img{width:100% !important;height:auto !important;}
  .edu-left p{margin-bottom:10px !important;}
  .edu-left .code-visby-h4-bold{font-size: 26px; line-height: 32px; }

}
@media(max-height:840px){
   .edu-right-mobile img{display:block;margin:auto;max-width:75% !important;}
}
.edulevel_hide{
  display:none !important;
}
.chosen-starter .edulevel_starter,
.chosen-upgrader .edulevel_upgrader {
  display:flex !important;
}
#code-dropdown-slider-menu{width:100%;}
.code-nav-dropdown-right{flex-grow:1}

.eduleveltag{
  font-size: 13px !important;
  margin-top: 9px;
  margin-right: 10px;
  margin-left: 0 !important;
  background-color: #f3f3f3 !important;
  padding-top: 5px !important;
}