body{
	line-height: 1.5;
	overflow-x: hidden;
}
*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}
#first-body{
  padding:100px 0px;
  height:100%;
}
h1{
  text-align: center;
  font-size: 65px;
  font-family: 'Jost';
	font-weight: bolder;
}
h2{
  text-align: center;
  font-size: 30px;
  font-family: 'Red Hat text';
  font-weight:500;
	padding: 25px 0;
}
/*Navigation bar*/
nav{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 5px;
  width:100%;
  padding-left: 10%;
  padding-right: 10%;
  font-family:"Red Hat Text";
  transition: background-color .5s ease;
	position: fixed;
	z-index:3;
}

nav img{
  height: 75px;
  width: 75px;
}

nav ul li{
  list-style-type: none;
  display: inline-block;
  padding: 10px 20px;
}

nav ul li a{
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

nav ul li a:hover{
  color: #fff;
  transition: 0.3s;
}
.checkbtn{
    font-size:30px;
    color:#000;
    float:right;
    line-height:80px;
    cursor:pointer;
		display:none;
}
#check{
    display:none;
}
.button{
  border: none;
  background: #000;
  padding: 12px 30px;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  transition: 0.4s;
	text-decoration: none;
}

.button:hover{
  cursor: pointer;
}
.scroll{
	background-color: #fff;
	box-shadow: 0 3px 1rem rgba(0,0,0,.1);
}
.container{
  display: flex;
  align-items: center;
  justify-content: center;
  width:80%;
  margin:auto;
}
.our-team{
  background-color: #f7f5ec;
  text-align: center;
  overflow: hidden;
  position: relative;
  padding: 30px 0 40px;
  margin: 0 20px;
  width:30%;
}
.our-team .pic{
  display:inline-block;
  width:130px;
  height:130px;
  margin-bottom: 0px;
  z-index: 1;
  position:relative;
}
.our-team .pic::before{
  content:"";
  width:100%;
  height:0;
  border-radius: 50%;
  background: #1785eb;
  position: absolute;
  bottom:135%;
  right:0;
  left:0;
  opacity:0.2;
  transform:scale(3);
  transition: all 0.3s linear 0s;
}
.our-team:hover .pic::before{
  height:100%;
}
.our-team .pic::after{
  content: "";
  width:100%;
  height:100%;
  border-radius: 50%;
  background: #1785eb;
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
}
.our-team .pic img{
  width:100%;
  height:auto;
  border-radius:50%;
  transform: scale(1);
  transition:all 0.9s ease 0s;
}
.our-team:hover .pic img{
  box-shadow: 0 0 0 14px #f7f5ec;
  transform:scale(0.7);
}
.our-team .team-content{
  margin-bottom: 30px;
}
.our-team .title{
  font-size:20px;
  font-family: 'Jost';
  letter-spacing: 0.1px;
  font-weight:600;
	margin-top: 5px;
  margin-bottom: 5px;
}
.our-team .post{
  display: block;
  font-size:15px;
  font-family: 'Jost';
}
.our-team .social{
  width:100%;
  padding:0;
  margin:0;
  background:#1785eb;
  position:absolute;
  bottom:-100px;
  left:0;
  transition: all 0.5s ease 0s;
}
.our-team:hover .social{
  bottom:0;
}
.our-team .social li{
  display: inline-block;
}
.our-team .social li a{
  text-decoration: none;
  display:block;
  padding:10px;
  font-size: 17px;
  transition: all 0.3s ease 0s;
  color:#fff;
}
.our-team .social li a:hover{
  color: #1785eb;
  background: #fff;
}
/* past years */
.cores-row{
    text-align:center;
  padding:20px 0;
  margin:auto;
}
.sukesh{
  border-radius:50%;
}
.modal-content{
  background:#f7f5ec;
}
/* .btn-outline-primary{
  color:#000;
  border-color:#000;
}
.btn-outline-primary:hover{
  color:#fff;
  border-color:#fff;
  background-color:#000;
} */
.past a{
	height:225px;
	text-align: center;
  width:200px;
	background:#f7f5ec;
	color:#000;
	border-color: #f7f5ec;
}


@media(max-width:720px){
  .container{
    flex-direction: column;
  }
  .our-team{
    width: 80%;
    margin-top:30px;
  }
}
@media (max-width:800px){
    .checkbtn{
        display:block;
    }
		.hero nav{
			flex-direction: row-reverse;
		}
    .hero ul{
        position:fixed;
        width:100%;
        height:100vh;
        top:80px;
        left:-100%;
        text-align:center;
				transition:all .5s ease;

    }
    .hero nav ul li{
        display:block;
        margin:25px 0;
        line-height:30px;
    }
    .hero a.active{
        color:blue;
    }
    #check:checked ~ .hero-ul{
        left:0;
    }
}