* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Sora", sans-serif;
}

body,
html {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}

/* section_1 */
.home {
  height: 100dvh;
  position: relative;

  video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .homeimg {
    position: absolute;
    height: 100px;
    margin-left: 10%;
    margin-top: 20%;
  }

  .homeimg img {
    height: 100%;
  }
}

/* section_2 */
.section_2 {
  min-height: 100%;
  overflow: hidden;
  padding: 4% 4% 4% 4%;
  background-image: url(./IMAGES/Frame%204.png);
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;

  #overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(42, 108, 179, 0.074);
    z-index: 2;
    cursor: pointer;
  }

  .sec2_img {
    height: 550px;
    position: absolute;
    bottom: 0;
    top: calc(100% - 380px);
    left: calc(100% - 60%);
  }

  .sec2_img img {
    height: 100%;
  }
}

/* section_3 */
.section_3 {
  padding: 6% 10% 4% 10%;
  font-size: 22px;
  background: rgb(0, 0, 0);
  background: linear-gradient(40deg, rgba(16, 43, 71, 1) 1%, rgba(42, 109, 179, 1) 52%, rgba(16, 43, 71, 1) 100%);
  color: #fff;
}

/* section_4 */
.section_4 {
  padding: 6% 10% 6% 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10%;
  font-size: 18px;
  font-weight: 400;

  .sec4_img {
    height: 350px;
  }

  .sec4_img img {
    height: 100%;
  }
}

/* section_5 */
.section_5 {
  padding: 0% 10% 4% 15%;
}

/* section_6 */
.section_6 {
  padding: 0% 8% 4% 8%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  .sec6_img {
    height: 180px;
    margin-top: 5%;
  }

  .sec6_img img {
    height: 100%;
  }
}

.section_6 .sec6_dash,
.section_7 .sec7_dash,
.section_8 .sec8_dash,
.section_10 .sec10_dash,
.section_11 .sec11_dash,
.section_12 .sec12_dash,
.section_14 .sec14_dash,
.section_15 .sec15_dash {
  width: 170px;
  height: 7.5px;
  background: #2A6DB3;
  border-radius: 24px;
}

/* section_7 */

.sec7_content1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0% 10% 0% 10%;

  p {
    font-size: 18px;
  }
}

.sec7_content2 {
  background: rgb(0, 0, 0);
  background: linear-gradient(40deg, rgba(16, 43, 71, 1) 1%, rgba(42, 109, 179, 1) 52%, rgba(16, 43, 71, 1) 100%);
  color: #fff;
  color: #fff;
  padding: 4% 10% 2% 20%;

  ul li {
    margin-bottom: 2%;
    font-size: 18px;
  }
}


/* ssecton_8 */
.section_8 {
  padding: 4% 8% 4% 8%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  .sec8_content2 {
    box-sizing: border-box;
    width: 80%;
    padding: 5% 5% 5% 10%;
    border: 4px dashed #2A6DB3;
    border-radius: 24px;
    margin-top: 4%;
  }

  .sec8_content2 ul li {
    margin-bottom: 2%;
    font-size: 18px;
  }
}


/* section_9 */
.section_9 {
  padding: 2% 8% 2% 8%;

  .sec9img {
    background-image: url(./IMAGES/image_2024_04_24T09_28_31_671Z.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
  }
}

/* ssecton_10 */
.section_10 {
  padding: 4% 8% 4% 8%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  .sec10_content2 {
    box-sizing: border-box;
    width: 80%;
    padding: 5% 5% 5% 10%;
    border: 4px dashed #2A6DB3;
    border-radius: 24px;
    margin-top: 4%;
  }

  .sec10_content2 ul li {
    margin-bottom: 2%;
    font-size: 18px;
  }
}

/* section_11 */
.section_11 {
  padding: 4% 8% 4% 8%;

  .sec11_content2 {
    margin-top: 5%;
  }

  .sec11_subcontent1,
  .sec11_subcontent2,
  .sec11_subcontent3,
  .sec11_subcontent4 {
    padding: 4% 6% 4% 6%;
    margin-bottom: 4%;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 80px;
  }

  .sec11_subcontentimg {
    height: 300px;
  }

  .sec11_subcontentimg img {
    height: 100%;
  }

  .sec11_subcontentinner p {
    font-size: 18px;
  }
}

.sec11_content1,
.sec12_content1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

/* section_12 */
.section_12 {
  padding: 0% 8% 0% 8%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: auto;
  width: 100%;
  text-align: center;

  .sec12_contentinner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 4%;
    text-align: center;
    position: relative;
  }

  .dotted_line1 {
    border: 2px dashed #2A6DB3;
    width: 60%;
    position: absolute;
    bottom: calc(100% - 12%);
  }

  .dotted_line2 {
    border: 2px dashed #2A6DB3;
    width: 60%;
    position: absolute;
    bottom: calc(100% - 50%);
  }

  .dotted_line3 {
    border: 2px dashed #2A6DB3;
    width: 60%;
    position: absolute;
    bottom: calc(100% - 80%);
  }

  .dotted_right {
    border-right-style: dashed;
    border-right-width: 3.8px;
    height: 150px;
    color: #2A6DB3;
    position: absolute;
    margin-left: 66%;
    margin-top: -30%;
  }

  .dotted_left {
    border-right-style: dashed;
    border-right-width: 3.8px;
    height: 150px;
    color: #2A6DB3;
    position: absolute;
    margin-right: 66%;
    margin-top: 20%;
  }

  .sec12_1,
  .sec12_2,
  .sec12_3 {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 5%;
  }

  .sec12_incontent {
    z-index: 9;
    height: 120px;
    width: 120px;
    padding: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 10px;
    background-color: #fff;
  }

  .sec12_incontent p {
    margin-top: 40%;
    font-size: 16px;
    letter-spacing: 0.08rem;
  }
}

/* section_13 */
.section_13 {
  padding: 0% 4% 0% 4%;
  display: flex;
  align-items: center;
  justify-content: center;

  .sec13_img {
    height: 400px;
  }

  .sec13_img img {
    height: 100%;
  }
}

/* section_14 */
.section_14 {
  padding: 4% 8% 4% 8%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  .sec14_content2 {
    box-sizing: border-box;
    width: 80%;
    border: 4px dashed #2A6DB3;
    border-radius: 24px;
    margin-top: 4%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .sec14_content2img {
    height: 400px;
  }

  .sec14_content2img img {
    height: 100%;
  }
}

/* section_15 */
.section_15 {
  padding: 4% 8% 2% 8%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #F8F8F8;

  .sec15_content2 {
    box-sizing: border-box;
    width: 100%;
    margin-top: 4%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .sec15_content2img {
    height: 400px;
  }

  .sec15_content2img img {
    height: 100%;
  }
}

/* foot */
.foot {
  background-color: #2A6DB3;
  height: 20px;
}

/* media query */
@media (min-width:280px) and (max-width:360px) {
  .sec8_content2 ul li,
  .sec7_content2 ul li,
  .sec10_content2 ul li,
  .sec11_subcontentinner p,
  .sec7_content1 p,
  .section_3 p,
  .sec4_content p ,
  .section_5 h5{
    font-size: 14px !important;
  }

  .section_2 {
    .sec2_img {
      height: 550px;
      position: absolute;
      bottom: 0;
      top: calc(100% - 380px);
      left: calc(100% - 90%);
    }
  }

  .section_3,
  .section_5 ,
  .sec7_content2{
    padding: 4%;
  }

  .section_4 {
    padding: 4%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
  }

  .section_6 {
    .sec6_img {
      height: 60px;
      margin-top: 5%;
    }
  }

  .section_11 {
    .sec11_subcontent1,
    .sec11_subcontent3 {
      padding: 4% 6% 4% 6%;
      margin-bottom: 4%;
      border-radius: 5px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: column;
      text-align: center;
      gap: 20px;
    }

    .sec11_subcontent2,
    .sec11_subcontent4 {
      padding: 4% 6% 4% 6%;
      margin-bottom: 4%;
      border-radius: 5px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: column-reverse;
      text-align: center;
      gap: 20px;
    }

    .sec11_subcontentimg {
      height: 250px;
    }
  }

  .section_10,
  .section_8,
  .section_14 {
    .sec10_content2,
    .sec8_content2,
    .sec14_content2 {
      box-sizing: border-box;
      width: 100%;
      padding: 2%;
      border: 4px dashed #2A6DB3;
      border-radius: 24px;
      margin-top: 8%;
    }
  }
  .sec14_content2img ,
  .sec13_img,
  .sec15_content2img,
  .sec4_img{
    height: 260px !important;
}
  .sec12_incontent {
    z-index: 9;
    height: 100px;
    width: 100px;
    padding: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 10px;
    background-color: #fff;
  }

  .section_12 {
    .sec12_1, .sec12_2, .sec12_3 {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 5%;
      gap: 20px;
  }
  .sec12_contentinner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 6%;
    text-align: center;
    position: relative;
    gap: 20px;
}
.sec12_incontent p {
  margin-top: 0%;
  font-size: 14px;
  letter-spacing: 0rem;
}
    .sec12_incontent {
      z-index: 9;
      height: 100px !important;
      width: 100px !important;
      padding: 5%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      border-radius: 10px;
      background-color: #fff;
  }
}
}
@media (min-width:361px) and (max-width:389px) {
  .sec8_content2 ul li,
  .sec7_content2 ul li,
  .sec10_content2 ul li,
  .sec11_subcontentinner p,
  .sec7_content1 p{
    font-size: 14px !important;
  }

  .section_2 {
    .sec2_img {
      height: 550px;
      position: absolute;
      bottom: 0;
      top: calc(100% - 380px);
      left: calc(100% - 88%);
    }
  }

  .section_3 p,
  .sec4_content p {
    font-size: 16px;
  }

  .section_3 {
    padding: 4%;
  }

  .section_4 {
    padding: 4%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
  }

  .section_5 {
    padding: 0% 4% 4% 4%;

    h5 {
      font-size: 16px;
    }
  }

  .section_6 {
    .sec6_img {
      height: 70px;
      margin-top: 5%;
    }
  }

  .sec7_content2 {
    padding: 4% 4% 2% 4%;
  }

  .section_11 {

    .sec11_subcontent1,
    .sec11_subcontent3 {
      padding: 4% 6% 4% 6%;
      margin-bottom: 4%;
      border-radius: 5px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: column;
      text-align: center;
      gap: 20px;
    }

    .sec11_subcontent2,
    .sec11_subcontent4 {
      padding: 4% 6% 4% 6%;
      margin-bottom: 4%;
      border-radius: 5px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: column-reverse;
      text-align: center;
      gap: 20px;
    }

    .sec11_subcontentimg {
      height: 250px;
    }
  }

  .section_10,
  .section_8,
  .section_14 {

    .sec10_content2,
    .sec8_content2,
    .sec14_content2 {
      box-sizing: border-box;
      width: 100%;
      padding: 5% 5% 5% 5%;
      border: 4px dashed #2A6DB3;
      border-radius: 24px;
      margin-top: 4%;
    }
  }
  .sec14_content2img ,
  .sec13_img,
  .sec15_content2img{
    height: 260px !important;
}
  .sec12_incontent {
    z-index: 9;
    height: 100px;
    width: 100px;
    padding: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 10px;
    background-color: #fff;
  }

  .section_12 {
    .sec12_1, .sec12_2, .sec12_3 {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 5%;
      gap: 20px;
  }
  .sec12_contentinner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 6%;
    text-align: center;
    position: relative;
    gap: 20px;
}
.sec12_incontent p {
  margin-top: 0%;
  font-size: 14px;
  letter-spacing: 0rem;
}
    .sec12_incontent {
      z-index: 9;
      height: 100px !important;
      width: 100px !important;
      padding: 5%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      border-radius: 10px;
      background-color: #fff;
  }
}
}
@media (min-width:390px) and (max-width:426px) {
  .sec8_content2 ul li,
  .sec7_content2 ul li,
  .sec10_content2 ul li,
  .sec11_subcontentinner p,
  .sec7_content1 p{
    font-size: 14px !important;
  }

  .section_2 {
    .sec2_img {
      height: 550px;
      position: absolute;
      bottom: 0;
      top: calc(100% - 380px);
      left: calc(100% - 85%);
    }
  }

  .section_3 p,
  .sec4_content p {
    font-size: 16px;
  }

  .section_3 {
    padding: 4%;
  }

  .section_4 {
    padding: 4%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
  }

  .section_5 {
    padding: 0% 4% 4% 4%;

    h5 {
      font-size: 16px;
    }
  }

  .section_6 {
    .sec6_img {
      height: 70px;
      margin-top: 5%;
    }
  }

  .sec7_content2 {
    padding: 4% 4% 2% 4%;
  }

  .section_11 {

    .sec11_subcontent1,
    .sec11_subcontent3 {
      padding: 4% 6% 4% 6%;
      margin-bottom: 4%;
      border-radius: 5px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: column;
      text-align: center;
      gap: 20px;
    }

    .sec11_subcontent2,
    .sec11_subcontent4 {
      padding: 4% 6% 4% 6%;
      margin-bottom: 4%;
      border-radius: 5px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: column-reverse;
      text-align: center;
      gap: 20px;
    }

    .sec11_subcontentimg {
      height: 250px;
    }
  }

  .section_10,
  .section_8,
  .section_14 {

    .sec10_content2,
    .sec8_content2,
    .sec14_content2 {
      box-sizing: border-box;
      width: 100%;
      padding: 5% 5% 5% 5%;
      border: 4px dashed #2A6DB3;
      border-radius: 24px;
      margin-top: 4%;
    }
  }
  .sec14_content2img ,
  .sec13_img,
  .sec15_content2img{
    height: 260px !important;
}
  .sec12_incontent {
    z-index: 9;
    height: 100px;
    width: 100px;
    padding: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 10px;
    background-color: #fff;
  }

  .section_12 {
    .sec12_1, .sec12_2, .sec12_3 {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 5%;
      gap: 20px;
  }
  .sec12_contentinner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 6%;
    text-align: center;
    position: relative;
    gap: 20px;
}
.sec12_incontent p {
  margin-top: 0%;
  font-size: 14px;
  letter-spacing: 0rem;
}
    .sec12_incontent {
      z-index: 9;
      height: 100px !important;
      width: 100px !important;
      padding: 5%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      border-radius: 10px;
      background-color: #fff;
  }
}
}
@media (min-width:427px) and (max-width:479px) {
  .sec8_content2 ul li,
  .sec7_content2 ul li,
  .sec10_content2 ul li,
  .sec11_subcontentinner p,
  .sec7_content1 p{
    font-size: 14px !important;
  }

  .section_2 {
    .sec2_img {
      height: 550px;
      position: absolute;
      bottom: 0;
      top: calc(100% - 380px);
      left: calc(100% - 82%);
    }
  }

  .section_3 p,
  .sec4_content p {
    font-size: 16px;
  }

  .section_3 {
    padding: 4%;
  }

  .section_4 {
    padding: 4%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
  }

  .section_5 {
    padding: 0% 4% 4% 4%;

    h5 {
      font-size: 16px;
    }
  }

  .section_6 {
    .sec6_img {
      height: 70px;
      margin-top: 5%;
    }
  }

  .sec7_content2 {
    padding: 4% 4% 2% 4%;
  }

  .section_11 {

    .sec11_subcontent1,
    .sec11_subcontent3 {
      padding: 4% 6% 4% 6%;
      margin-bottom: 4%;
      border-radius: 5px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: column;
      text-align: center;
      gap: 20px;
    }

    .sec11_subcontent2,
    .sec11_subcontent4 {
      padding: 4% 6% 4% 6%;
      margin-bottom: 4%;
      border-radius: 5px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: column-reverse;
      text-align: center;
      gap: 20px;
    }

    .sec11_subcontentimg {
      height: 250px;
    }
  }

  .section_10,
  .section_8,
  .section_14 {

    .sec10_content2,
    .sec8_content2,
    .sec14_content2 {
      box-sizing: border-box;
      width: 100%;
      padding: 5% 5% 5% 5%;
      border: 4px dashed #2A6DB3;
      border-radius: 24px;
      margin-top: 4%;
    }
  }
  .sec14_content2img ,
  .sec13_img,
  .sec15_content2img{
    height: 260px !important;
}
  .sec12_incontent {
    z-index: 9;
    height: 100px;
    width: 100px;
    padding: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 10px;
    background-color: #fff;
  }

  .section_12 {
    .sec12_1, .sec12_2, .sec12_3 {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 5%;
      gap: 20px;
  }
  .sec12_contentinner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 6%;
    text-align: center;
    position: relative;
    gap: 20px;
}
.sec12_incontent p {
  margin-top: 0%;
  font-size: 14px;
  letter-spacing: 0rem;
}
    .sec12_incontent {
      z-index: 9;
      height: 100px !important;
      width: 100px !important;
      padding: 5%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      border-radius: 10px;
      background-color: #fff;
  }
}
}
@media (min-width:480px) and (max-width:575px) {
  .section_2 {
    .sec2_img {
      height: 550px;
      position: absolute;
      bottom: 0;
      top: calc(100% - 380px);
      left: calc(100% - 74%);
    }
  }

  .section_3 p,
  .sec4_content p {
    font-size: 16px;
  }

  .section_4 {
    padding: 6% 10% 6% 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
  }

  .section_5 {
    padding: 0% 4% 4% 4%;

    h5 {
      font-size: 16px;
    }
  }

  .section_6 {
    .sec6_img {
      height: 90px;
      margin-top: 5%;
    }
  }

  .sec7_content2 {
    padding: 4% 4% 2% 4%;
  }

  .section_11 {

    .sec11_subcontent1,
    .sec11_subcontent3 {
      padding: 4% 6% 4% 6%;
      margin-bottom: 4%;
      border-radius: 5px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: column;
      text-align: center;
      gap: 20px;
    }

    .sec11_subcontent2,
    .sec11_subcontent4 {
      padding: 4% 6% 4% 6%;
      margin-bottom: 4%;
      border-radius: 5px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: column-reverse;
      text-align: center;
      gap: 20px;
    }

    .sec11_subcontentimg {
      height: 250px;
    }
  }

  .section_10,
  .section_8,
  .section_14 {

    .sec10_content2,
    .sec8_content2,
    .sec14_content2 {
      box-sizing: border-box;
      width: 100%;
      padding: 5% 5% 5% 10%;
      border: 4px dashed #2A6DB3;
      border-radius: 24px;
      margin-top: 4%;
    }
  }

  .sec12_1,
  .sec12_2,
  .sec12_3 {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 5%;
    gap: 20px;
  }
}
@media (min-width:576px) and (max-width:767px) {
  .section_2 {
    .sec2_img {
      height: 550px;
      position: absolute;
      bottom: 0;
      top: calc(100% - 380px);
      left: calc(100% - 74%);
    }
  }

  .section_3 p {
    font-size: 16px;
  }

  .section_4 {
    padding: 6% 10% 6% 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 50px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
  }

  .section_5 {
    padding: 0% 4% 4% 4%;

    h5 {
      font-size: 16px;
    }
  }

  .section_6 {
    .sec6_img {
      height: 90px;
      margin-top: 5%;
    }
  }

  .sec7_content2 {
    padding: 4% 10% 2% 10%;
  }

  .section_11 {

    .sec11_subcontent1,
    .sec11_subcontent3 {
      padding: 4% 6% 4% 6%;
      margin-bottom: 4%;
      border-radius: 5px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: column;
      text-align: center;
      gap: 20px;
    }

    .sec11_subcontent2,
    .sec11_subcontent4 {
      padding: 4% 6% 4% 6%;
      margin-bottom: 4%;
      border-radius: 5px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: column-reverse;
      text-align: center;
      gap: 20px;
    }

    .sec11_subcontentimg {
      height: 250px;
    }
  }

  .section_10,
  .section_8,
  .section_14 {

    .sec10_content2,
    .sec8_content2,
    .sec14_content2 {
      box-sizing: border-box;
      width: 100%;
      padding: 5% 5% 5% 10%;
      border: 4px dashed #2A6DB3;
      border-radius: 24px;
      margin-top: 4%;
    }
  }
}
@media (min-width:768px) and (max-width:991px) {
  .section_2 {
    .sec2_img {
      height: 550px;
      position: absolute;
      bottom: 0;
      top: calc(100% - 380px);
      left: calc(100% - 68%);
    }
  }

  .section_3 p {
    font-size: 18px;
  }

  .section_4 {
    padding: 6% 10% 6% 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 50px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
  }

  .section_5 {
    padding: 0% 2% 4% 2%;
  }

  .section_6 {
    .sec6_img {
      height: 120px;
      margin-top: 5%;
    }
  }

  .section_11 {

    .sec11_subcontent1,
    .sec11_subcontent2,
    .sec11_subcontent3,
    .sec11_subcontent4 {
      padding: 4% 6% 4% 6%;
      margin-bottom: 4%;
      border-radius: 5px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
    }

    .sec11_subcontentimg {
      height: 250px;
    }
  }
}