html, body {height: 100%; width: 100%;}
img {max-width: 100%; height: auto;}
.section1 {position: relative;}
.ci-footer-background {margin-top: 0;}
.ciRow > div {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}
.ci-img img {width: 100%;}
.sectionTitle {font-weight: 700; text-transform: uppercase; margin-bottom: 20px;}
h1.sectionTitle {color: #0094d3;}
.ci-text > p {font-size: 24px;}
.ci-img {position: relative; background-image: url(../../img/student-ambassador/image-4-dot.png); background-repeat: no-repeat; background-size: inherit; background-position: right bottom;}
.section1 .ci-img img {-webkit-transform: scaleX(-1); transform: scaleX(-1);}
.section3 .ci-img { padding-top: 40px;}

.modalClose {
  position: absolute !important;
  right: 0;
  z-index: 1;
  border: 7px solid lightgray !important;
  width: 35px;
  height: 35px;
  border-radius: 10rem;
  background-color: #ECEFF1 !important;
  opacity: 1;
  top: -10px;
  right: -10px
}

.modalClose>span {
  position: relative;
  bottom: 10px;
  right: 2px;
  font-size: 28px;
  background-color: transparent
}
.mailImg img {max-width: 160px;}
.btnSubmit { border-radius:50px ; -webkit-border-radius:50px ; -moz-border-radius:50px ; -ms-border-radius:50px ; -o-border-radius:50px ; padding: 10px 50px; background-color: #0094d3; color: #fff; }

/* CSS Document */

.awards{
  width: 100%;
  display: flex;
  place-content: center;
}
.section-award-img{
  opacity: 0.5;
}
.section-award-img:hover{
  opacity: 1;
}
.awards .pic1{
  margin:20px 10px;
  width: 120px;
  text-align: center;
  place-content: center;
}
.awards .pic2{
  margin:20px 20px;
  width: 100px;
}
.awards .pic3{
  margin:20px 40px;
  width: 150px;
}

@media (max-width:991px) {
  .ci-img {background-size: 100px;}
}
@media (max-width:767px) {
  .ci-img {text-align: center; max-width: 300px; margin: 0 auto 30px;}
  .ci-img img {max-width: 300px; margin: auto;}
  .section1 .ciRow, .section3 .ciRow, .section5 .ciRow {flex-direction: column-reverse;}
  .ci-text {text-align: center;}

  .awards {
    width: 100%;
    display: inline-block;
    place-content: center;
}
.awards a{ display: block;}
.awards .pic1, .pic2, .pic3 {
    margin: 20px 10px;
    width: 40%;
    display: inline-block;
}

.collegePartner .awards .pic1{ width: 40%;}
.h1, h1 {
  font-size: 1.6rem;
}
.h2, h2 {
  font-size:1.6rem;
}
}