* * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: rgb(255, 255, 255);

  margin-left: auto;
  margin-right: auto;
  width: 100%;

}


.sitename {
  display: block;
  margin-left: 20%;
  margin-right: auto;
  width: 70%;


}

#color-1 {
  background-image: linear-gradient(15deg, rgb(255, 134, 205), rgb(189, 231, 255));
  padding: 3px;

}

#color-2 {
  background-image: linear-gradient(15deg, rgb(244, 245, 177), rgb(248, 178, 205));
  padding: 3px;

}

#color-3 {
  background-image: linear-gradient(15deg, rgb(185, 255, 212), rgb(250, 216, 153));
  padding: 3px;

}

#color-4 {
  background-image: linear-gradient(15deg, rgb(217, 161, 255), rgb(181, 255, 251));
  padding: 3px;

}

#color-5 {
  background-image: linear-gradient(15deg, rgb(185, 250, 255), rgb(255, 251, 190));
  padding: 3px;

}

#color-6 {
  background-image: linear-gradient(15deg, rgb(255, 203, 134), rgb(189, 255, 246));
  padding: 3px;

}

.nav_color {
  background-color: rgb(131, 5, 100);
}

.head_tital {
  background-color: #2b274d;
  background-image: linear-gradient(15deg, rgb(179, 58, 128), rgb(74, 156, 204));
}

.tableborder {
  width: 100%;
  height: 100%;
  margin: bottom 10px;
  margin-top: auto;
  padding: 5px;

}

.box-1 {

  border: #000000 solid 1px;
  border-bottom: 0px;
  height: 100vmin;
  min-height: 610px;
  padding-left: 2px;
  padding-right: 0%;
  font-family: 'Kumbh Sans', sans-serif;
  overflow: scroll;

}

.box-2 {

  border: #000000 solid 1px;
  border-bottom: 0px;
  height: 100vmin;
  max-height: 575px;
  padding-left: 2px;
  padding-right: 0%;
  font-family: 'Kumbh Sans', sans-serif;
  overflow: scroll;
}

.table {
  width: 100%;
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  width: auto;

}

ul {
  list-style-type: disc;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 2.5vmin;
  border-bottom: #b4b1b1 solid 1px;
  padding-left: 20px;
  margin: 2px;


}

.tdm {
  width: 33.33%;
  border: #ffffff solid 2px;
  padding-right: auto;
  padding-left: auto;


}

.th {
  width: 100%;
  border: #000000 solid 1px;
  border-bottom: 0px;
  padding-bottom: 5px;

  font-size: 5vmin;
  background-image: linear-gradient(10deg, rgb(130, 209, 245), rgb(57, 223, 215));
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

  font-weight: bold;
  color: #ffffff;
  text-align: center;


}

.btn-hover {
  display: block;
  text-decoration: none;
  border: #000000 solid 1px;
  border-top: 0px;
  font-size: 5vmin;
  background-image: linear-gradient(10deg, rgb(130, 209, 245), rgb(57, 223, 215));
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  color: #ffffff;
  text-align: center;




}

.btn-hover:hover {
  background-image: linear-gradient(20deg, rgb(26, 164, 233), rgb(41, 72, 90));
  color: #83ffff;



}


.imgr {
  width: 100%;
  max-width: 1024px;
  height: auto;
}

.bgclr {
  background-color: #2b274d;
  background-image: linear-gradient(90deg, rgb(40, 37, 94), rgb(41, 127, 177));

}

.row1 {

  margin-left: auto;
  margin-right: auto;


}

.nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #180846;
  font-family: 'Philosopher', sans-serif;
  margin-top: 10px;

  font-size: 15px;



}

.nav-item {
  float: left;


  margin: 1px;
}

.nav-item a {
  display: block;
  color: white;
  text-align: center;
  padding: 10px;
  text-decoration: none;
  border-right: #ffffff solid 2px;
  margin-left: 0px;


}

.nav-item a:hover {
  background-color: #13007c6b;
}

.some_text {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 768px;
  margin-top: 20px;
  background-color: rgb(247, 247, 247);
  color: #be132f;
  text-align: center;
  font-size: 3vmin;
  font-weight: bold;

}

.bg-info {
  color: rgb(34, 32, 34);
  background-color: #ffffff00;
  margin-bottom: 2px;
  margin-top: 2px;
  padding: 2px;

}

.marquee-container {
  margin-top: 50px;
  width: 100%;
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  font-size: 2.5vmin;
  display: flex;
  background-image: linear-gradient(15deg, rgba(14, 2, 68, 0.74), rgba(96, 112, 255, 0.856));
  align-items: center;
  
}

.marquee-main {
  margin-top: 50px;
  width: 100%;
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  font-size: 2.5vmin;
  background-image: linear-gradient(60deg, rgba(254, 255, 189, 0.562), rgb(253, 247, 166));
  
}

.latest-news {
  white-space: nowrap;
  height: auto;
  color: white;
  align-items: center;
  font-size: 2vmin;
  padding: 3px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}

.table-box {
  width: 100%;
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  max-height: 50%;

}

.td-box {
  text-align: center;
  width: 25%;
  font-size: 2.5vmin;
  border: #837e81 solid 1px;
  background-color: #569b9b;
  border-radius: 0px;
  

}

.site-logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1px;
  padding-bottom: 0px;
  width: auto;
  max-width: 50px;
  height: auto;
  border-radius: 50%;


}

.btn-apply a {
  display: block;
  text-decoration: none;
  width: 100%;
  height: auto;
  padding-left: 5px;
  padding-right: 5px;
  color: white;
  font-family: 'PT Sans Narrow', sans-serif;
  margin-bottom: 0px;

  background-image: linear-gradient(30deg, rgb(0, 0, 0), rgb(106, 123, 131));


}

.font-box {

  display: block;
  text-decoration: none;
  font-family: 'Kanit', sans-serif;
}

#tr-sec {
  width: auto;
  height: 20px;
}

.badge {
  position: absolute;
  max-width: 30px;
  min-width:35px; 
  height: auto;
  margin-left: -6px

   }

.newamt{
  width:100%;
  height:auto;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-image: linear-gradient(60deg, rgb(64, 70, 244), rgb(152, 224, 250));
  padding: 2px 2px 2px 2px ;
  box-shadow: 2px 3px 6px #14003d;

  
}

.footer_one {


  width: 100%;
  max-width: 1024px;
  height: 170px;
  min-height: 150px;
  margin-top: 0px;

  background-image: linear-gradient(360deg, rgb(56, 50, 109), rgb(100, 177, 212));
  padding: 5px;
}

.footer_one1 {

  float: right;
  width: 80%;
  max-width: 1024px;
  height: 205px;

  margin-top: 30px;

  background-image: linear-gradient(210deg, rgb(175, 219, 241), rgb(166, 192, 207));
  padding: 10px;
}


.footer_2 {
  float: left;
  width: 20%;
  max-width: 1024px;
  height: 205px;
  min-height: 150px;
  margin-top: 30px;
  background-image: linear-gradient(360deg, rgb(40, 49, 102), rgb(147, 215, 247));
  padding: 20px;
}

.social-media-icons {
  text-align: center;
  margin-top: 25px;
  color: rgb(255, 255, 255);
  float: right;
  margin-right: 10%;
  padding-right: 5px;

}

.social-media-icons a {
  text-decoration: none;
  color: rgb(255, 255, 255);

}

.footer_h3 {
  border-bottom: 1px solid gold;
  width: 70%;
  margin: 0px;
}
.social-link-main{
 display:block;
  width: 100%;
  max-width: 768px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: center;

 padding-bottom:12px;
  border-bottom: #000000 solid 1px;
  
}
.social-link-btn{
  
background-color:white;
border-radius: 25px;

 padding: 5px;
  height: auto;
 font-size: 15px;
 
}
.social-link-btn:hover,a.social-link-btn:active{
 border: #000000 solid 2px;
 
 border-radius: 0px;
 transition: 500ms;

}