/* Top Most Header */

.topheader {
  width: 100%;
  /* background-color: #87CEEB; */
  background-color: #f3f6fa;
  
  color:#000080;
  justify-content: space-between;
  align-items: center;
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.sthinfo > i {
  padding-right: 10px;
}
.sthinfo > a {
  text-decoration: none;
  color: #000080;
  padding: 2px 0px;
  font-size: 1rem;
}
.sthinfo > a > i {
  font-size: 24px;
}
.sthi-btn {
  font-size: 0.9rem;
  text-transform: uppercase;
  padding: 11px 30px ;
  margin: 5px 0px;
  border: none;
  border-radius: 30px;
  color:#000080;
  background-color:#f4f9fd;
  font-weight: bolder;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  transition:all 0.3s ease-in-out
}
.sthi-btn:hover{
  background-color:#000080 ;
  color:#f4f9fd ;
}
.adm-lgn {
    height: 45px !important;
    width: 45px !important;
    border: none;
    border-radius: 50%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    background-color: #f4f9fd;
    transition:all 0.3s ease-in-out
  }
 .adm-lgn:hover{
  background-color: #000080;
 }
.fa-chalkboard-user{
  color: #000080;
  font-size: 1.35rem !important;
}
.adm-lgn:hover .fa-chalkboard-user
 {
  color: #f4f9fd ;  
}
@media (max-width: 1100px) {
  .topheader {
    display: none !important;
  }
}

/* Header */

.shead,
.shnav,
.smheader,
.smhic {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* NavBar*/
.shnav {
  transition: right 0.3s ease-in-out;
  justify-content: center;
}
.shnav > li {
  width: 100%;
  list-style-type: none;
}
.shnav > li > a {
  text-decoration: none;
  font-size: 1rem;
  white-space: nowrap;
  padding: 4px 10px;
  color: #333;
}
.shead {
  padding: 2px 30px;
  width: 100%;
  box-shadow: 0px 2px 5px #ddd;
  /* border-bottom: 2px solid black; */
}
.slogo {
  padding: 10px 10px;
  height: 70px;
}
.snlink:hover {
  color: red;
}
.snlink.active {
  color: red;
  font-weight: bold;
}

/* Toogle Button */

.bar {
  z-index: 100;
  display: block;
  height: 4px;
  width: 36px;
  margin: 5px 0px;
  background-color: black !important;
}
.smenu-icon {
  display: none;
}
.sm-act {
  z-index: 10000;
  transition: all 0.3 ease-in-out;
}
.sm-act > .bar:nth-child(2) {
  display: none;
}
.sm-act > .bar:first-child {
  transform: translate(-3px, 4.5px) rotate(45deg);
}
.sm-act > .bar:last-child {
  transform: translate(-2px, -4px) rotate(-45deg);
}
.bar {
  transition: all 0.3s ease-in-out;
}
.snav-act {
  right: 0% !important;
  opacity: 1 !important;
}
@media (min-width:992px) {

  .adminpage{
    display: none;
  }
}
@media (max-width: 992px) {
  .shead {
    padding: 2px 20px 2px 10px;
  }
  .smenu-icon {
    display: block;
  }
  .shnav {
    z-index: 9999;
    box-shadow: 2px 2px 30px #eee;
    background-color: #fff;
    height: 100vh;
    width: 60%;
    top: 0;
    right: -60%;
    transition: all 0.3 ease-in-out;
    position: fixed;
    flex-direction: column;
    justify-content: flex-start;
    padding: 55px 30px;
    opacity: 0;
  }
  .shnav > li > a {
    width: 100%;
    display: block;
  }
  .shnav > li {
    border-bottom: 2px solid black;
    padding: 10px;
  }
  .smheader {
    visibility: visible !important;
    /* display: block !important; */
  }
  footer {
    margin-bottom: 70px;
  }
}

/*  Footer */
.phone{
  padding-left: clamp(1.25rem, 0.8333rem + 1.8519vw, 2.5rem);
  padding-right: clamp(1.25rem, 0.8333rem + 1.8519vw, 2.5rem);;  
}


.hstf > h5 {
  color: red !important;
}
.hstf > p,
.hstf > p > a,
.hstf > div > p {
  color: #333 !important;
}
.links-social-media li {
  list-style: none;
  margin: 0 2px;
}
.hstf > p > a:hover {
  font-weight: bolder;
}
.links-social-media li a {
  text-decoration: none;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  transition: all 0.5s ease-in-out;
}
.links-social-media li a:hover {
  color: red;
}

.smheader {
  position: fixed;
  z-index: 999;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  /* display: none; */
  background-color: #ffff;
  justify-content: space-between;
  flex: 100%;
}
.smhic {
  flex-direction: column;
  text-decoration: none;
  color: #000;
  justify-content: center;
  width: 25%;
}
.smhi {
  font-size: 24px;
}
@media (max-width: 650px) {
  .smhi {
    font-size: 18px;
  }
  .smhic {
    width: 20%;
  }
  .smhic:nth-child(2),
  .smhic:nth-child(3) {
    width: 30%;
  }
  .smhihead {
    font-size: 12px;
  }
}

.phfbnbr{
  padding-left: clamp(0.9375rem, 0.3679rem + 2.5316vw, 1.9375rem);
  padding-right: clamp(0.9375rem, 0.3679rem + 2.5316vw, 1.9375rem);
}
.navigation{
  z-index: 999 !important;
  position: fixed;
  display: none !important;
  bottom: 0px  !important ;
  width: 100vw;
  height: fit-content;
  min-height:fit-content ;
  background-color: white;
  box-shadow: 1px 1px 2.5px black;
}
.navigation ul{
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    align-items: center ;
}
.navigation ul li{
  position: relative;
  max-width:fit-content;
  list-style: none;
  z-index: 1;
}
.list a{
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.navigation ul li a .icon {
  position: relative;
  font-size: clamp(0.98rem, 0.6722rem + 1.0127vw, 1.3rem);
  text-align: center;
  color: black;
  transition: .5s;
  z-index: 111 !important;
}
.navigation ul li a .text{
  color: black;
  font-size: clamp(0.8rem, 0.5722rem + 1.0127vw, 1.2rem);
}
.navigation ul li a .icon:hover,.navigation ul li a  .text:hover{
  color: red;
  transition: all 0.3s ease-in-out ;
}
@media all and (max-width:992px){
  .navigation{
    display: block !important;
  }
}