@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=M+PLUS+Rounded+1c:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@600&display=swap');

  .sidebar a{
    text-decoration:none;
    color:#fff;
  }

.position{position:relative;top:25%}.image{display:block;width:100%;height:auto}.overlay{position:absolute;bottom:100%;left:5%;right:0;overflow:hidden;width:90%;height:0;transition:.5s ease;opacity:1}.contain:hover .overlay{bottom:70%;height:25%}.text{color:#fff;font-size:20px;position:absolute;top:30%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}

.header {
    width:100%;
    height:95vh;
    background-color:#485e88;
    background-position:center;
    clip-path: polygon(0 0,100% 0,100% 75%, 0% 100%);
    /* shape-outside: polygon(0 0,100% 0,100% 75%, 0% 100%);
    shape-margin: 10px; */
}
.header .text h2{
    font-size:80px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    color:#fff;
    line-height: 33px;
}
.header .text p{
  color:#999;
  padding: 5px;
  font-size: 16px;
}

.header .text button{
  color:cyan;
  background-color: #000;
  text-decoration: none;
  padding: 8px 50px;
  border-radius: 8px;
  transition: color 2s,background-color 1s;
  font-size: 20px;
  font-weight: 700;
}
.header .text button:hover{
  color:#000;
  background-color: #fff;
  text-decoration: none;
  border-radius: 8px;
}
.header .text .social {
  margin: 15px 0px;
}

.header .text .social img {
  width:30px;
  height:30px;
}
.header .text .social h5 {
  font-size: 20px;
  font-family: 'Dancing Script', cursive;
  color: #fff;
}
.header .sicon img{
   height: 95vh;
   padding-top:70px;
   padding-left:20px;
}
.oursponsorsec{
  background:transparent;
  content:'';
}
.backgroundtext{
  font-size: 45rem;
  width:100%;
  position:absolute;
  color: #004387;
  font-family: 'Hind Siliguri', sans-serif;
  transform:translate(-120px,-130px);
  z-index: -1;
  }

/* Responsive CSS */

@media screen and (max-width: 760px)  {

    .row h5 {
      font-size:25px;
      font-weight:300;
    }  
    .header .text {
      margin:60% 0%;
    }
    .backgroundtext{
      display: none;
    }

  }