.btn-primary-defult-d { width: 370px !important;}
    .center-img{margin-top: -100px;}
    svg:not(:root) { filter: none; }
    body .sbm-submenu {background-color: #1b5e80 !important;  border-radius: 8px;padding: 6px 10px;}
    .sbm-submenu .sbm-main-submenu>li {display: inline-block;padding: 1px 9px;border: 1px solid #fff !important; border-radius: 8px;height: 29px;vertical-align: middle;line-height: 20px;}
    .sbm-submenu .sbm-main-submenu>.mainsubmenus-eq { width: 37px;}
    .sbm-submenu .sbm-main-submenu>.mainsubmenus-eq a { display: flex; justify-content: center; align-items: center;}
    .sbm-main-submenu>li, .sbm-main-submenu>li>a { color: #fff !important;font-size: 16px !important;line-height: 22px;}
    .sbm-submenu ul>li.dropdown>a.dropdown-toggle:after {top: 0px!important;}
    .sbm-submenu ul.sbm-main-submenu a i {color: #fff !important;margin: 0 2px; font-size: 20px !important;}
    .open>.dropdown-menu {display: block;width: 100%;}
    .dropdown-menu {max-height: 300px;overflow-y: auto; margin-top: 0;}
    .middle_arroww svg:not(:root) {filter: invert(1);}
    .feature-box.feature-box-style-2 .feature-box-icon i.fa {box-shadow: inset 0 0 15px #1a5e8047;border: 0;background: #fff;width: 50px;height: 50px; border-radius: 8px; line-height: 50px; font-size: 22px !important; color: #1b5e80 !important;}
    .feature-box.feature-box-style-2:hover .feature-box-icon i.fa {box-shadow: inset 0 0 15px #1a5e8047; transform: scale(1.1);color: #1b5e80 !important;}
    @media (max-width: 992px){
        .center-img { margin-top: 0px;}
        .alpha-inline-coll{  justify-content: center; }
        .feature-box-alpha-coll{width: 100%;}
        .section-padding-top { padding: 50px 0px 0px 0 !important;}
    }
    @media (max-width: 576px){
        .btn-primary-defult-d { white-space: normal; width: 300px !important; margin: auto !important;}
    }
    @media (max-width: 768px){
        .center-img{ margin-top: 0px;}
        .learn-alphabet-head{width: 100%;}
        .alpha-test-btn-go{width: 100%;}
    }

    .section-overlay-tooltip {position: absolute;top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0);
      opacity: 0;
      transition: opacity 0.3s ease;
      z-index: 1;
  }
  .section-tooltip {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: rgba(0, 0, 0, 0.8);
      color: white;
      font-weight: 600;
      padding: 10px;
      border-radius: 5px;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease;
      z-index: 2;
      font-weight: bold !important;
  }
  .title-main_seccc:hover .section-tooltip {
    opacity: 1;visibility: visible;
    right: 0;
    left: auto;
    z-index: 11;
    top: auto;
    bottom: 0;
    transform: none;
    background: black !important;
}