/* styling for our mission container  */
.mission {
  z-index: 30;
  text-align: center;
  margin: 20px 0px;
}
.mission h2 {
  line-height: 55px;
  font-size: 45px;
  font-weight: bolder;
  margin: 12px;
}
.mission p {
  font-family: "Baloo Bhai 2", sans-serif;
  max-width: 700px;
  margin: auto;
  padding: 14px;
}

@media only screen and (min-width: 500px) {
  .mission {
    background-size: 700px 2000px;
  }
  .mission p {
    font-size: 30px;
  }
}

/* styling for branches flex box  */
#branches {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 800px;
  margin: auto;
}

#branches a {
  width: 100%;
  max-width: 320px;
  text-decoration: none;
}

/* styling for every branch div  */
#branches div {
  width: 90%;
  max-width: 320px;
  height: 240px;
  margin: 20px auto;
  /* background-color: black; */
  background-size: 330px 250px;
  box-shadow: -2px -2px 8px black;
  border-radius: 14px;
  cursor: pointer;
  transition: all 0.4s linear;
  text-shadow: -2px -2px 8px rgba(0, 0, 0, 0.906);
}

/* styling for para in branches div  */
#branches div p {
  width: 100%;
  margin: auto;
  position: relative;
  text-align: center;
  color: white;
  top: 65%;
  font-size: 27px;
  font-weight: 900;
  text-transform: uppercase;
  font-family: "Urbanist", sans-serif;
}

/* for screens below 300px  */
@media only screen and (max-width: 299px) {
  #branches div p {
    width: 100%;
  }
}

#firstyear {
  background: url("/images/btech/firstYear.webp") no-repeat center center;
}
#cs {
  background: url("/images/btech/cs.svg") no-repeat center center;
}
#elb {
  background: url("/images/btech/elb.svg") no-repeat center center;
}
#elec {
  background: url("/images/btech/elec.svg") no-repeat center center;
}
#mech {
  background: url("/images/btech/mech.svg") no-repeat center center;
}
#civil {
  background: url("/images/btech/civil.svg") no-repeat center center;
}
#chem {
  background: url("/images/btech/chem.svg") no-repeat center center;
}
#ai {
  background: url("/images/btech/ai.webp") no-repeat center center;
}


#acc {
  background: url("/images/bcom/acc.webp") no-repeat center center;
}
#ae {
  background: url("/images/bcom/ec.webp") no-repeat center center;
}
#bnk {
  background: url("/images/bcom/bnk.webp") no-repeat center center;
}
#ins {
  background: url("/images/bcom/ins.webp") no-repeat center center;
}
#adm {
  background: url("/images/bcom/adm.webp") no-repeat center center;
}
#com {
  background: url("/images/bcom/com.webp") no-repeat center center;
}
#ecom {
  background: url("/images/bcom/ecom.webp") no-repeat center center;
}
#for {
  background: url("/images/bcom/for.webp") no-repeat center center;
}

#bio {
  background: url("/images/bsc/bio.webp") no-repeat center center;
}
#csc {
  background: url("/images/bsc/csc.webp") no-repeat center center;
}
#chem {
  background: url("/images/bsc/chem.webp") no-repeat center center;
}
#math {
  background: url("/images/bsc/math.webp") no-repeat center center;
}
#phy {
  background: url("/images/bsc/phy.webp") no-repeat center center;
}
#nur {
  background: url("/images/bsc/nur.webp") no-repeat center center;
}
#agr {
  background: url("/images/bsc/agr.webp") no-repeat center center;
}

.brnch:hover {
  text-shadow: -2px -2px 8px rgba(255, 255, 255, 0.906) !important;
  transform: scale(0.95);
  box-shadow: none !important;
}
