/******HOME PAGE ********/
body{
  margin: 0;

}
/*Navbar*/

.navbar{
  display: flex;
  background-color: #8AAAE5;
  margin-bottom: 0;

}
img{
  width: 150px;
  height: 100px;
}

.home{
  text-decoration: underline;
  margin-left: auto;
}
a{
  padding: 40px;
  color: white;
  text-decoration: none;

}
.logo{
  padding-left: 20px;
  color: white;
}
.Apply-btn{
  background-color: white;
  border-radius: 20px;
  padding: 1px;
  margin: 30px;
}
.apply{
  padding: 10px;
  color: #8AAAE5;
}
/*banner*/

.banner{
  display: flex;
  padding: 40px;
  position: relative;
  background-image: url("banner1.jpeg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 400px;
}
.info{
  padding: 10px 20px 0 40px;
  width: 25%;
  height: 60%;
  background: black;
  color: white;
  opacity: 0.8;


}

.college-img{

position: absolute;
right: 100px;
top: 20px;;
width: 40%;
height: 70%;
}
.Apply-btn2{
  background-color: #8AAAE5;
  border-radius: 20px;
  padding: 10px;
}

.apply2{
  color: white;
}

/*Career*/
.career{
  padding: 50px;
  background-color:#8AAAE5;
}

.career-icons{
  display: flex;
}
.icon{
  width: 20%;
  padding: 20px;
  text-align: center;
}
.icon-p{
  font-weight: 900;
}

/* courses*/

#courses{
 text-align: center;
 text-decoration: underline;
text-decoration-color: #8AAAE5;
}

.course{
  padding: 30px;
}

.course-img{
  width: 30%;
  height: 40%;
  border-radius: 20px;
}

.courses-btn{
  background-color: white;
  padding: 10px 100px 10px 20px;
  border-radius: 0 20px 20px 0;
  border-style: solid;
  border-color: #8AAAE5;
  background-color: #8AAAE5;
}
/*events*/
.lower-section{

  background-image: url("logo.jpeg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 50px;
}
.events{
  background-color: transparent;
  display: flex;

  justify-content: space-around;


}
.event{
  background-color: white;
  margin: 30px;
  width: 350px;
  height: 700px;
  border-top-right-radius: 50px;
  position: relative;

}

.event > img{
  width: 100%;
  height: 35%;
  border-top-right-radius: 50px;
  display: block;



}
.event-content{
  padding: 3px 15px;
}

.faculty{
background-color: black;
color: white;
padding: 3px 15px;
margin-top: 0;

}
.lower-section > h1{
  margin-bottom: 8px;
  text-shadow: 1px 1px white;
}
.lower-section > hr{
  border: 1px solid white;
  left: 50px;

}
.lower-section > p{
  padding-top: 10px;
  width: 25%;
  text-shadow: 0.2px 0.2px black;

}

.event > button{
  margin-left: auto;
  background-color: #8AAAE5;
  border-radius: 20px;
  padding: 10px 50px;
  position: absolute;
  bottom: 30px;
  left: 20px;
  color: black;

}

/*footer*/

footer{
  background-color: black;
  color: white;
  padding: 40px;
  font-weight: 10;
}
.footer-heading{
  padding-left: 10px;
}

.footer-part1{
  display: flex;
}
.footer-contact{
  margin-left: auto;
}
.footer-part2{
  display: flex;

}

.footer-p{
  padding: 10px;
}


/****** ABOUT PAGE ******/

/*top section*/
.about-1{
  text-decoration: underline;
}
.home-1{
  margin-left: auto;
}


/*mid section*/


.h1-about{
  padding-left: 50px;
  text-decoration: underline;
  text-decoration-color: #8AAAE5;

}
.p-about{
  padding: 10px 600px 10px 50px;
}
.focus-section{
  margin-top: 50px;
}

hr{
   border: 1px solid #8AAAE5;;
  width: 10px;
}

.h1-focus{
  padding-left: 50px;
  text-decoration: underline;
  text-decoration-color: #8AAAE5;

}

.about-img{
  float: right;
  position: absolute;
  right: 100px;
  top: 250px;
  width: 400px;
  height: 300px;
  box-shadow: 10px 5px 5px #8AAAE5;
}

.p-purpose{
  padding: 10px 400px 10px 50px;
  margin-right: 300px;
}

.box{
  background-color: #8AAAE5;
  width: 300px;
  height: 200px;
  margin: 30px;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 10px 5px 5px grey;



}

.purpose-badges{
  display: flex;



}

/******* contact*****/

.contact-1{
  text-decoration: underline;
  margin-bottom: 0;
  padding-bottom: 0;
}
hr{
  width: 80px;
  position: absolute;
  left: 30px;
  margin-top: 0;
}

.contact-heading{
  margin-left: 30px;
}

.contact-p{
  padding: 30px 100px 30px 30px;
  width: 45%;
}
.form-heading{
  text-align: left;
  text-shadow: 0.5px 0.5px white;

}
.form{
  background-color: #8AAAE5;
  padding-left: 50px;
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  border-radius: 20px;

}

label{
  display: block;

}
input{
  margin-bottom: 20px;
  padding-bottom: 5px;
}
.mid-section{
  display: flex;
  justify-content: center;
  padding-left: 50px;
  border-radius: 20px;
}
.submit-btn{
  background-color: white;
  border-radius: 20px;
  padding: 5px 70px 5px 70px;
  margin: 30px;
  font-size: 15px;
}

/****technology*****/
.technology-body{
  height: 100%;
}

.technology-heading{
background-image: url("TECHNOLOGY1.jpeg");
width: 100%;
height: 400px;
margin: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: flex;


}
.technology-h{
  margin-top: 0;
  padding: 100px;
  color: white;
  font-size: 70px;
  text-shadow: 5px 5px black;


}


.technology-p{
  padding: 20px 400px 20px 50px;
  margin-right: 200px;
}
.find-course{
  display: flex;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 10px;
  font-weight: 20px;
  background-color: #8AAAE5;
}
.fcourse-button{
  margin-left: auto;
  background-color: white;
  border-radius: 20px;
  padding: 10px;
  margin-right: 40px;
  color: #8AAAE5;
}
.fcourse-b{
  font-weight: 50px;
  padding-left: 40px;
  font-size: 20px;
}
.fcourse-a{
  color: #8AAAE5;
}
.courses{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.diploma{
  background-color: #8AAAE5;
  width: 50%;
  height: 130px;
  border-radius: 0 40px 0 0;
  text-align: left;
  padding-left: 20px;
  margin: 20px;

}
.divide-hr{
  width: 100%;
}
.technology-contact{
  margin: 100px;
  display: flex;
}

.tc-image{
  float: right;
  margin-left: 50px;
  width: 400px;
  height: 300px;
  border-top-right-radius: 30px;
}
.tc-hr{
  left: 100px;

}
.tc-p{
  padding: 20px 20px 20px 0;
}
.tc-btn{
  padding: 10px 100px 10px 20px;
  border-radius: 0 20px 20px 0;
  border-style: solid;
  border-color: #8AAAE5;
  background-color: #8AAAE5;

}
.tc-a{
 color: black;
}

/**business***/
.business-heading{
  background-image: url("business3.jpeg");
  width: 100%;
  height: 500px;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;


}

/****hospitalty****/
.hospitalty-heading{
  background-image: url("hospitality1.jpeg");
  width: 100%;
  height: 500px;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;


}
.diploma-h{
  padding-bottom: 20px;
}


/***our impact ***/

.underline{
  text-decoration: underline;
}

.ourimpact{
  text-decoration: underline;
}

.head{
  background-image: url("ourimpact.jpeg");
  width: 100%;
  height: 500px;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;

}

.head-h{
  margin-top: 0;
  padding: 100px;
  color: white;
  font-size: 70px;
  text-shadow: 5px 5px black;

}
.sub-heading{
  font-size: 20px;
  width: 50%;
  padding-top: 20px;
  padding-left: 100px;
  font-weight: bold;
}

.industry-engagement{
  display: flex;
  justify-content: center;
  padding: 50px;
  font-size: 20px;

}

.industry-engagement > img{
 margin-top: 40px;
}

.content{
  width: 50%;
  padding-left: 50px;
}

.content1{
  width: 50%;
  padding-right: 50px;
}

.color{
  background-color: #8AAAE5;

}
.lower-section1{

  background-color: white;
  padding: 50px;
}
.lower-section1 > h1{
  margin-bottom: 8px;
  text-shadow: 1px 1px white;
}
.lower-section1 > hr{
  border: 1px solid #8AAAE5;
  left: 50px;

}
.lower-section1 > p{
  padding-top: 10px;
  width: 25%;
  text-shadow: 0.2px 0.2px black;

}
.Apply-btn2{
padding: 10px 30px 10px 30px;
}

.btn3{
  background-color: white;
}

.industry-engagement > img{
  height: 200px;
  width: 300px;
  border-top-right-radius: 40px;
}

/***apply****/
.banner-apply{
  background-image: url("apply.jpeg");
  width: 100%;
  height: 300px;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;

}
.middle-part{
  padding: 40px;
}
.container{
  display: flex;
}
.steps{
  background-color: #8AAAE5;
  margin: 10px;
  width: 30%;

}
.steps > div{
  background-color: black;
  color: white;
  padding: 10px;

}

.steps > p{
  padding: 10px;

}

.lower-part{
  background-color: #8AAAE5;
  padding: 40px;
}

.lower-part > h2{
  padding: 20px;

}

.lower-part > div{
  display: flex;
  justify-content: center;
}
.box-apply > img{
  width: 100%;
}

.box-apply{
margin: 15px;
background-color: black;
color: white;
width: 20%;
}

.box-apply{
  text-align: center;
}
.lower-part2{
  padding: 40px 15px;
}
.lower-part2 > div{
  display: flex;
  justify-content: center;
}


.lower-part2 > h2{
  padding: 20px;

}

.interest-box{
 padding: 20px 50px 20px 50px;
 background-color: #8AAAE5;
 margin: 10px;
 color: black;
}

.interest-box:hover{
 padding: 20px 70px 20px 70px;
 background-color: black;
 margin: 10px;
 color: white;
}

.apply-color{
  color: white;
}

.Apply-color{
background-color: black;
}