* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* font-family: 'Poppins', sans-serif; */
}

/* ...................................................top-nav........................................................................ */
.sarmila_top_nav {
  width: 100%;
  justify-items: center;
  /* background-color: #1C3F94;  */
   background: linear-gradient(#0b7e9b, #084252);
  font-family: 'Poppins', sans-serif; 
}

.sarmila_top_nav .top-bar {
  width: 90%;
  color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* padding: 16px 0px; */
  font-size: 15px;
  /* flex-wrap: wrap; */ 
}
.sarmila_top_nav .top-bar .left-info{
  /* align-content: center; */
  /* height: 30px; */
}
.sarmila_top_nav .top-bar .left-info .rdspan{
  padding: 3px 12px;
  display: inline-block;
  height: 40px;
  align-content: center;
  border-right: 2px solid rgba(255, 255, 255, 0.3);
}
.sarmila_top_nav .top-bar .left-info .srdspan{
  padding: 3px 12px;
  display: inline-block;
  height: 40px;
  align-content: center;
  border-right: 2px solid rgba(255, 255, 255, 0.3);
}
.sarmila_top_nav .top-bar .left-info .trdspan{
  padding: 3px 12px;
  display: inline-block;
  height:40px;
  align-content: center;
  /* font-size: 16px; */
}
.sarmila_top_nav .top-bar .left-info i {
  /* color: #F9B233; */
  margin-right: 8px;
  color: #FFFFFF;
}
.sarmila_top_nav .top-bar .right-info{
    height: 40px;
  margin: 3px 0px;
 /* align-content: center; */
}
.sarmila_top_nav .top-bar .right-info .login-icon {
  height: 100%;
  margin-right: 5px;
  display: inline-block;
  border-right: 2px solid rgba(255, 255, 255, 0.3);
}

.sarmila_top_nav .top-bar .right-info i {
  color: #FFFFFF;
  transition: color 0.3s;
  margin-right: 5px;
  height: 100%;
  align-content: center;
}

.sarmila_top_nav .top-bar .right-info a i:hover {
  color: #F15A22; /* Orange hover */
}