.school-list.active .school-item
{
  transition: all .3s ease-in-out;
  background-color: #F3F4F6;
  border: 1px solid #d1d5db
}
.school-list.active .school-item:hover
{
  background-color: #F3F4F6;
  border: 1px solid #F3F4F6
}

.school-list{
  display: block;
}

.school-list.hidden{
  display: none;
}



.tns-nav{
  top: -50px;

  width: 100%;
  text-align: center;
  position: relative;
}
.tns-nav button{
  width: 10px;
  height: 10px;
  background: #bdbdbd;
  margin: 10px;
  border-radius: 50%;
}

.tns-nav .tns-nav-active{
  background-color: #ffffff;
}

.tns-controls{
  height: 0px;
}

#js-area-1,
#js-area-2,
#js-area-3,
#js-area-4,
#js-area-5{
  cursor: pointer;
  transition: all .3s ease-in-out;
  fill: #F3F4F6;
}

@media (hover: hover) {
  #js-area-1.active:hover,
  #js-area-1:hover,
  #js-area-2.active:hover,
  #js-area-2:hover,
  #js-area-3.active:hover,
  #js-area-3:hover,
  #js-area-4.active:hover,
  #js-area-4:hover,
  #js-area-5.active:hover,
  #js-area-5:hover{
    fill: #e5e7eb;
  }
}

#js-area-1.active,
#js-area-5.active,
#js-area-3.active{
  fill: #102d5a;
}
#js-area-2.active,
#js-area-4.active{
  fill: red;
}

#js-area-5.active{
  fill: #021430;
}



#js-name-4.active,
#js-name-5.active{
  fill: #102d5a;
}
#js-name-2.active,
#js-name-1.active,
#js-name-3.active{
  fill: #ffffff;
}

#js-circle-1.active,
#js-circle-4.active,
#js-circle-5.active,
#js-circle-2.active,
#js-circle-3.active{
  fill: #ffffff;
}


#js-number-1.active,
#js-number-4.active,
#js-number-5.active,
#js-number-2.active,
#js-number-3.active{
  fill: #102d5a;
}




.school-list-number{
  width: 80%;
  position: absolute;
  bottom: 24px;
  left: 20px;

}

.text-link{
  /* color: #102d5a !important; */
  text-decoration: none !important;
}


@media screen and (max-width: 480px) {
  .sm-text-overide{
    font-size: 1.25rem !important;
  }
}
.fix-register-btn{
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 1000;
  cursor: pointer;
  
}
.fix-register-btn a{
  width: 280px;
  height: 54px;
  background-color: #18213F;
  border-radius: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .3s ease-in-out;
  cursor: pointer !important;
}

.fix-register-btn.disabled {
  opacity: 0.3 !important;
  pointer-events: none;
}

.fix-register-btn.disabled a {
  cursor: not-allowed !important;
  background-color: #9ca3af !important;
  pointer-events: none;
  height: 54px;
}

@media screen and (max-width: 480px) {
  .sm-text-overide{
    font-size: 1.25rem !important;
  }
  .fix-register-btn{
    width: 100%;
    min-width: 340px;
    left: 50%;
    transform: translateX(-50%);
  }
  .fix-register-btn a{
    width: 100%;
    height: 65px !important;
  }
  .school-list p{
    font-size: 10px !important;
  }
  .text-overide-more{
    font-size: 1.2rem !important;
  }
}