/* <!-- section-1 --> */

.section-1,
.section-3,
.section-5,
.section-7,
.section-9 {
  height: auto;
  width: 100%;
  padding: 3%;
  background-color: white;
}

/* <!-- section-2 --> */

.section-2,
.section-4,
.section-6,
.section-8,
.section-10 {
  height: auto;
  width: 100%;
  padding: 3%;
  background-color: #dcebee;
}

/* <!-- section-4 --> */

.sce-4-row-coll-div-2 {
  height: auto;
  width: 100%;
  background-color: #366d8b;
  border-radius: 10px;
  color: white;
  padding: 3%;
}

.sec-4-img:hover {
  -webkit-animation: mover 0.1s infinite alternate;
  animation: mover 0.1s infinite alternate;
  -webkit-animation: mover 0.1s infinite alternate;
  animation: mover 0.1s infinite alternate;
}

@-webkit-keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-8px);
  }
}
@keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-8px);
  }
}
.sec-4-coll-last-div {
  opacity: 0%;
}
.sec-4-img {
  margin-right: 0%;
}
.sec_para_ak {
  font-size: 13px;
  line-height: 20px;
}

/* <!-- section-7 --> */

.section-7 {
  height: auto;
  padding: 3%;
  width: 100%;
  background-color: white;
}

.sce-7-coll-div-1 {
  height: 120px;
  width: 295px;
  margin-top: 40px;
  border-radius: 10px;
  text-align: justify;
  background-color: white;
  box-shadow: 0 8px 15px rgb(0 0 0 / 0.2);
}
.sce-7-coll-div-2 {
  height: 150px;
  width: 295px;
  margin-top: 10px;
  border-radius: 10px;
  text-align: justify;
  background-color: white;
  box-shadow: 0 8px 15px rgb(0 0 0 / 0.2);
}
.sce-7-coll-div-3 {
  height: 120px;
  width: 295px;
  margin-top: 30px;
  border-radius: 10px;
  text-align: justify;
  background-color: white;
  box-shadow: 0 8px 15px rgb(0 0 0 / 0.2);
}
.sec-7-img-1 {
  margin-top: 80px;
}
.sce-7-coll-para-1 {
  font-size: 11px;
}

/* <!-- section-9 --> */

.section-9 {
  height: auto;
  width: 100%;
  padding: 3%;
  background-color: white;
}
.sec-9-div-h4-1 {
  text-align: right;
}
.sec-9-div-para-1 {
  text-align: right;
  width: 600px;
}
.sec-9-div-h4-2 {
  text-align: left;
}
.sec-9-div-para-2 {
  text-align: left;
  width: 600px;
}
.sec-9-div-h4-3 {
  text-align: right;
}
.sec-9-div-para-3 {
  text-align: right;
  width: 600px;
}
.sec-9-div-h4-4 {
  text-align: left;
}
.sec-9-div-para-4 {
  text-align: left;
  width: 600px;
}
.sec-9-1 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sec-9-2 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sec-9-3 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sec-9-4 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sec_9_img_vib{
  width: 200px;
}
@media screen and (max-width: 900px) {
  .sec_img_vib {
    margin-top: 10px;
    height: 100%;
    width: 100%;
  }
  .row.vib_flex_img {
    display: flex;
    flex-direction: column-reverse;
  }
  /* <!-- section-5 --> */

  .sce-5-coll-div-1 {
    height: 220px;
    width: 250px;
    margin-left: 22%;
    border-radius: 10px;
    background-color: white;
    box-shadow: 0 8px 15px rgb(0 0 0 / 0.2);
  }
  .sce-5-coll-div-2 {
    height: 180px;
    width: 250px;
    margin-top: 4px;
    border-radius: 10px;
    margin-left: 22%;

    background-color: white;
    box-shadow: 0 8px 15px rgb(0 0 0 / 0.2);
  }
  .sce-5-coll-div-3 {
    height: 230px;
    width: 250px;
    margin-top: 14%;
    margin-left: 22%;

    border-radius: 10px;

    background-color: white;
    box-shadow: 0 8px 15px rgb(0 0 0 / 0.2);
  }
  .sce-5-coll-div-4 {
    height: 130px;
    width: 250px;
    margin-top: 4px;
    margin-left: 22%;
    border-radius: 10px;
    background-color: white;
    box-shadow: 0 8px 15px rgb(0 0 0 / 0.2);
  }
  .sec-5-img-1 {
    margin-top: 80px;
  }
  .sce-5-coll-para-1 {
    font-size: 11px;
    line-height: 20px;
  }
  .sec-5-div {
    font-size: 13px;
  }

  /* <!-- section-7 --> */

  .sce-7-coll-div-1 {
    height: 120px;
    width: 295px;
    margin-top: 4px;
    border-radius: 10px;
    background-color: white;
    box-shadow: 0 8px 15px rgb(0 0 0 / 0.2);
    margin-left: 24px;
  }
  .sce-7-coll-div-2 {
    height: 150px;
    width: 295px;
    margin-top: 4px;
    border-radius: 10px;
    background-color: white;
    box-shadow: 0 8px 15px rgb(0 0 0 / 0.2);
    margin-left: 18px !important;
  }
  .sce-7-coll-div-3 {
    height: 120px;
    width: 295px;
    margin-top: 4px;
    border-radius: 10px;
    text-align: justify;
    background-color: white;
    box-shadow: 0 8px 15px rgb(0 0 0 / 0.2);
    margin-left: 18px !important;
  }
  .sec-7-img-1 {
    margin-top: 80px;
  }
  .sce-7-coll-para-1 {
    font-size: 11px;
  }

  /* <!-- section-9 --> */

  .section-9 {
    height: auto;
    width: 100%;
    padding: 3%;
    background-color: white;
  }
  .sec-9-1 {
    display: flex;
    flex-direction: column;
  }
  .sec-9-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .sec-9-3 {
    display: flex;
    flex-direction: column;
  }
  .sec-9-4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .sec-9-div-para-1 {
    text-align: center;
    width: auto;
    margin-top: 8px;
  }
  .sec-9-div-para-2 {
    text-align: center;
    width: auto;
  }

  .sec-9-div-h4-1 {
    text-align: center;
    margin-top: 164px;
  }
  .sec-9-img-1 {
    margin-top: -570px;
  }
  .sec-9-div-h4-2 {
    text-align: center;
    margin-top: -42px;
  }
  .sec-9-img-2 {
    margin-top: -78px;
  }
  .sec-9-img-3 {
    margin-top: -500px;
  }

  .sec-9-div-h4-3 {
    text-align: center;
    margin-top: 194px;
  }
  .sec-9-div-para-3 {
    text-align: center;
    width: auto;
    margin-top: 7px;
  }
  .sec-9-div-h4-4 {
    text-align: center;
    /* margin-top: 194px; */
  }
  .sec-9-div-para-4 {
    text-align: center;
    width: auto;
    margin-top: 7px;
  }
  /* <!-- section-10 --> */

  .section-10 {
    height: auto;
    width: 100%;
    padding: 3%;
    background-color: #dcebee;
  }
}

@media screen and (max-width: 1200px) {
  /* <!-- section-3 --> */
  .section-3 {
    height: auto;
    width: 100%;
    padding: 3%;
    background-color: white;
  }
  .sec-3-div-box {
    height: auto;
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
  }
  .sec-3-para-1 {
    font-size: 20px;
    width: auto;
  }
  .sec-3-para-2 {
    text-align: center;
    width: auto;
  }
  .sec-3-div-box-1 {
    display: none;
  }
  /* <!-- section-4 --> */

  .section-4 {
    height: auto;
    width: 100%;
    padding: 3%;
    background-color: #dcebee;
  }
  .sce-4-row-coll-div-2 {
    height: auto;
    width: auto;
    background-color: #366d8b;
    border-radius: 10px;
    color: white;
    padding: 17px 10px;
  }
  .sec_para_ak {
    width: auto;
    line-height: 17px;
  }
  .sec-4-img:hover {
    -webkit-animation: mover 0.1s infinite alternate;
    animation: mover 0.1s infinite alternate;
    -webkit-animation: mover 0.1s infinite alternate;
    animation: mover 0.1s infinite alternate;
  }

  @-webkit-keyframes mover {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(-8px);
    }
  }
  @keyframes mover {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(-8px);
    }
  }
  .sec-4-img {
    margin-right: 0%;
  }
}