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

.navbar-top{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:60px;
  background: linear-gradient(to right, #0f0c29, #2860D1, #24243e);
  padding:0;
  z-index:9999999;
}
.navlg{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap:10px;
}
.navbar-bottom{
  position:fixed;
  top:60px;
  left:0;
  width:100%;
  height:40px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  padding:0;
  line-height:40px;
  background:#fff;
  z-index:9999999;
}
.container{
  position:relative;
  margin:0 auto;
  width:1000px;
}
.navbar-bottom .container ul{
  list-style-type: none;
  display:flex;
  justify-content: space-between;
  margin:0;
  margin:0;
  padding:0;
}
.navbar-bottom .container ul li{
  float:center;
  display:inline-block;
  padding:0;
  color:#3B3B3B;
}
.navbar-bottom .container ul li a{
  font-size:16px;
  color:#3B3B3B;
  text-decoration:none;
}
.navbar-bottom .container ul li:hover{
  font-size:16px;
  color:#3B3B3B;
  text-decoration:underline;
}
.search{
  width:134px;
  height:36px;
  border:none;
  outline:none;
  border-radius:7px;
  background-image:url(img/search.svg);
  background-repeat:no-repeat;
  background-position:11px center;
  background-color:rgba(255, 255, 255, 0.31);
  font-size:15px;
  padding-left:40px;
  color:white;
  transition:.2s;
  margin-top:12px;
}
.search:focus{
  width:calc(100% - 120px);
  height:36px;
  border:none;
  outline:none;
  border-radius:7px;
  background-image:url(img/search-d.svg);
  background-repeat:no-repeat;
  background-position:11px center;
  background-color:rgba(255, 255, 255, 1);
  font-size:15px;
  padding-left:40px;
  color:#3B3B3B;
  margin-top:12px;
}
.search::placeholder{
  color:rgba(255, 255, 255, 0.81);
}
.nav-contact a{
  color:white;
  text-decoration:none;
}
.nav-contact a:hover{
  color:white;
  text-decoration:underline;
}
main{
  padding-top:100px;
}
@keyframes header{
  from{background-size:150%;}
    to{background-size:100%;}
}
.header{
  width:100%;
  height:424px;
  background-image:url(img/main-bg.jpg),linear-gradient(to right, #c31432, #240b36);
  background-size:cover;
  background-position:center;
  animation:header 1.8s cubic-bezier(.28,.02,.07,.99);

}
.header-cont{
  display:grid;
  grid-gap:30px;
  grid-template-columns: 1fr 1fr;
}
.head-ttl{
  color:#fff;
  font-weight:500;
  font-size:42px;
  margin-top:20px;
  animation:head-ttl .4s;
  line-height:49px;
}
.head-img{
  animation:head-img .4s;
}
.head-bf{
  animation:head-bf .4s;
}
@keyframes head-bf{
  from{transform:translateY(70px);opacity:0}
    to{transform:translateY(0px);opacity:1}
}
@keyframes head-ttl{
  from{transform:translateY(110px);opacity:0}
    to{transform:translateY(0px);opacity:1}
}
@keyframes head-img{
  from{transform:translateX(50px);opacity:0}
    to{transform:translateX(0px);opacity:1}
}
.numbers-box{
  position:relative;
  width:100%;
  height:195px;
  background:#0d0d0d;
}
.numbers-box h2{
  font-size:26px;
  font-weight:600;
  color:#fff;
  text-align:center;
  padding-top:18px;
}
.numbers-container{
  margin: 0 auto;
  width:628px;
  position:relative;
  display:grid;
  grid-gap:20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.number{
  text-align:center;
}
.number h1{
  padding-top:20px;
  font-size:56px;
  font-weight:700;
  color:#006FFF;
  line-height: 54px;
}
.number p{
  color:#fff;
  font-size:18px;
}
.title{
  font-size:26px;
  font-weight:600;
  color:#3A3A3A;
  text-align:center;
  padding-top:18px;
}
.latest-news{
  margin-top:40px;
  display:grid;
  grid-gap:30px;
  grid-template-columns: 267px 703px;
}
.latest-news-content h2{
  font-size:26px;
  font-weight:500;
  color:#3A3A3A;
  line-height:27px;
}
.latest-news-date{
  color:#7E7E7E;
  font-size:18px;
}
.latest-news-peek{
  color:#7E7E7E;
  font-size:17px;
  -webkit-line-clamp:4;
}
.read-button{
  font-size:22px;
  font-weight:500;
  text-decoration:none;
  color:#006FFF;
  margin-top:4px;
  padding-right:12px;
  background:url(img/right-arrow.svg);
  background-repeat:no-repeat;
  background-position:right center;
  transition:.1s;
}
.read-button:hover{
  padding-right:15px;
  text-decoration:underline;
}
.lower-picture{
  width:100%;
  height:430px;
  background:url(img/lower-bg.jpg);
  background-size:cover;
  background-position:center;
  margin-top:50px;
}
.footer{
  width:100%;
  height:auto;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.51), rgba(0, 0, 0, 0)), linear-gradient(to right, #0f0c29, #2860D1, #24243e);
}
.footer-container{
  position:relative;
  width:1000px;
  margin:0 auto;
  display:grid;
  grid-gap:10px;
  grid-template-columns:1fr 1fr 1fr;
}
.footer-div-one{
  text-align:left;
}
.footer-div-two{
  text-align:center;
}
.footer-div-three{
  text-align:right;
  margin-top:37px;
}
.footer-list-title{
  font-weight:600;
  color:#fff;
  font-size:17px;
  padding-top:37px;
  padding-bottom:11px;
  cursor:default;
}
.footer-navigation-element{
  display:block;
  color:#fff;
  text-decoration: none;
}
.footer-navigation-element:hover{
  text-decoration: underline;
}
.footer-legal-links{
  color:#fff;
  text-decoration:underline;
  display:block;
}
.footer-legal-links:hover{
  text-decoration:none;
}
.footer-school-name{
  font-size:15px;
  color:#fff;
}
.footer-contact-links{
  color:#fff;
  font-size:15px;
  text-decoration: none;
  display:block;
}
.footer-contact-links:hover{
  text-decoration:underline;
}
.footer-copyright-box{
  width:100%;
  background:rgba(0,0,0,0.31);
  text-align:center;
  color:#fff;
  margin-top:34px;
}
.footer-copyright-text{
  padding-top:6px;
  padding-bottom:6px;
}
.kodefix-link{
  color:#fff;
}
.regular-btn{
  border:none;
  outline:none;
  color:#fff;
  background:linear-gradient(to right, #0F0E2D, #006FFF);
  border-radius:100px;
  font-size:15px;
  padding:12px 29px;
  cursor:pointer;
  box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3);
}
.page-title{
  text-align:center;
  color:#3A3A3A;
  font-size:26px;
  font-weight:600;
  margin-top:30px;
  margin-bottom:30px;
}
.download-box{
  text-align:center;
  border-bottom:1px solid #AFAFAF;
  padding-bottom:15px;
  margin-bottom:30px;
}
.doc-name{
  color:#3A3A3A;
  font-size:26px;
  font-weight:500;
}
.doc-file-name{
  color:#888888;
  font-size:13px;
  font-weight:400;
  margin-bottom: 20px;
}
.download-btn{
  border:none;
  outline:none;
  color:#fff;
  background:url(img/download.svg), linear-gradient(to right, #0F0E2D, #006FFF);
  background-repeat:no-repeat;
  border-radius:100px;
  font-size:15px;
  padding-top:12px;
  padding-bottom:12px;
  padding-left:45px;
  padding-right:29px;
  cursor:pointer;
  box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3);
  margin-left: 7px;
}
.open-btn{
  border:3px solid #083F97;
  outline:none;
  color:#083F97;
  background:url(img/open.svg);
  background-repeat:no-repeat;
  background-position:14px center;
  border-radius:100px;
  font-size:15px;
  padding-top:9px;
  padding-bottom:9px;
  padding-left:42px;
  padding-right:26px;
  cursor:pointer;
  margin-right:7px;
}