.main-outer {
  font-family: CiscoSans;
  font-size: 16px;
  line-height: 1.3;
  color: #10284a;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  text-rendering: optimizeLegibility;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 22px;
}
img {
  max-width: 100%;
  line-height: 0;
  vertical-align: middle;
}
.overall {
  margin: 0;
  padding: 0;
}
.main-outer *,
.main-outer h1,
.main-outer h2,
.main-outer h3,
.main-outer h4,
.main-outer h5,
.main-outer h6,
.main-outer p {
  margin: 0;
  padding: 0;
}
.pale-blue {
  background-color: #00bdeb;
}
.dark-blue {
  background-color: #0d274d;
}
.light-blue {
  background-color: #d2f1f9;
}
.d-flex {
  display: flex;
}
.main-outer h1 {
  font-size: 62px;
  font-weight: 100;
  line-height: 1.2;
  color: #0d274d;
  padding-bottom: 10px;
  letter-spacing: 0.01px;
}
.main-outer h2 {
  font-size: 36px;
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 50px;
}
.main-outer h3 {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.2;
}
.main-outer p {
  font-weight: 300;
  line-height: 1.5;
  font-size: 18px;
}
.main-outer ul li {
  list-style: none;
}
.section-space {
  padding: 60px;
}
.section-1 {
  align-items: center;
}
.text-center {
  text-align: center;
}
.light-bg {
  background-color: #fdfcfc;
}
.section-1 .ban-content {
  flex-basis: 75%;
  margin-right: 24px;
}
.bg-grey {
  background: #e7e7e7;
}
.banner {
  background: url(../images/banner.svg) no-repeat;
  background-size: cover;
}
.cta-sec a.primary-btn {
  display: inline-block;
  color: #fff !important;
  background-color: #1e4471 !important;
  border: 1px solid #1e4471 !important;
  padding: 5px 20px 6px;
  border-radius: 30px;
  text-decoration: none !important;
  width: auto;
  line-height: 1.5;
}
/* body[data-aos-duration="400"] [data-aos] {
  transition-duration: 1.4s !important;
} */
/* [data-aos^=zoom] [data-aos^=zoom] {
  transition-duration: 1s !important;
}
[data-aos^=fade-left][data-aos^=fade-left].aos-animate  {
  transition-duration: 2s !important;
}

[data-aos^=zoom-in][data-aos^=zoom-in].aos-animate  {
  transition-duration: 3s !important;
}

[data-aos^=fade-right][data-aos^=fade-right].aos-animate  {
  transition-duration: 3.5s !important;
} */
/* Section 2 start */

/* Progress bar start */

.circles {
  margin-bottom: -10px;
}
.circle {
  width: 87px;
  height:87px;
  margin: 6px 6px 20px;
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 1.2;
  background: #fff;
  border-radius: 50%;
  padding: 10px;
}
.circle canvas {
  vertical-align: top;
  height: 87px !important;
  width: 87px !important;
}
.circle strong {
  position: absolute;
  top: 35px;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  font-size: 23px;
}
.circle strong i {
  font-style: normal;
  font-size: 0.6em;
  font-weight: normal;
}
.circle span {
  display: block;
  color: #aaa;
  margin-top: 12px;
}
/* Progress bar end */
.c1 {
  position: absolute;
  left: 80px;
  padding: 55px 0px;
  z-index: 9;
}
.c2 {
  position: relative;
  top: 22%;
  left: 90px;
}
.c3 {
  position: relative;
  top: 8%;
  left: -55px;
}

.c4 {
  position: relative;
  top: -1%;
  left: 30px;
  z-index: 9;
}
.c5 {
  position: relative;
  top: -9%;
  left: -53px;
  z-index: 0;
}
.c1 img {
  width: 100%;
  max-width: 41%;
  opacity: 0.9;
}
.c2 img {
  max-width: 46%;
  opacity: 0.9;
}
.c3 img {
  max-width: 33%;
}
.c4 img {
  max-width: 44%;
  opacity: 0.9;
}
.c5 img {
  max-width: 39%;
}
.percentage-sec {
  flex-basis: 50%;
}
.percentage-sec:nth-child(1) {
  margin-right: 25px;
}
.percentage-content {
  flex-basis: 50%;
}
.percentage-margin {
  margin-bottom: 30px;
}
.percentage {
  flex-basis: 25%;
  padding-right: 25px;
}
.sec-row {
  margin-right: 45px;
}
.text {
  flex-basis: 75%;
  text-align: left;
  color: #616161;
  font-weight: 300;
  line-height: 1.5;
  font-size: 18px;
}
.s-txt {
  color: #616161;
  font-size: 14px;
  padding: 20px 0;
}
.text span {
  padding-top: 30px;
}

/* Section 2 end */

/* Section 3 start */
.d-hide {
  display: none;
}
.section3 {
  background: #f9f9f9;
}
.sec3-left {
  flex-basis: 30%;
  margin-right: 40px;
  background: url(../images/small-circle.svg) no-repeat;
}
.sec3-right {
  flex-basis: 70%;
}
/* .section3 .text{
  flex-basis: 100%;    
} */
.section3 h3 {
  font-size: 32px;
  padding-bottom: 15px;
}
.section3 .percentage-sec {
  margin-right: 0px;
}
.padd-r {
  padding-right: 50px;
}
.section3 .text {
  flex-basis: unset;
}
.m-hide {
  display: block;
}

/* Section 3 end */

/* Section 4 start */
.img0 {


  transition-delay: 0.5s;
  }

.img1 {


transition-delay: 1s;
}

.img2 {


  transition-delay: 1.5s;

  }

.img3 {

  
    transition-delay:  1.9s;
 
    }
    .img3a {

  
      transition-delay:  1.7s;
   
      }

.img4 {

  
      transition-delay:  2.1s;
   
    }


.img5 {

  
      transition-delay:  2.4s;
   
}

.img6 {

  
  transition-delay:  3s;

}

.img7 {

  
  transition-delay:  3.3s;

}

.img8 {

  
  transition-delay:  3.6s;

}
.img9 {

  
  transition-delay:  3.9s;

}
.section4 .desc {
  color: #616161;
  font-size: 22px;
  padding: 20px 75px;
  line-height: 1.5;
  font-weight: 300;
}
.piller-sec {
  flex-basis: 30%;
  padding: 0px 20px;
  top: -70px;
  position: relative;
  left: 15px;
}
.pillar1 img {
  max-width: 36%;
}
.section4 h3 {
  color: #10284a;
  font-size: 32px;
  padding-bottom: 20px;
  padding-top: 20px;
}
.section4 h4 {
  color: #10284a;
  font-size: 30px;
  padding-bottom: 20px;
  padding-top: 20px;
  font-weight: 300;
}
.padd-top-20 {
  padding-top: 20px;
}
.sec-icon{transition-duration: 2s !important;}

/* Section 4 end */
/* Section 5 start */
.section5 {
  background:#f9f9f9;
}
.section5 h3 {
  font-size: 30px;
}
/* .sec5-bg {
  background: url(../images/circle-bg.svg) no-repeat; 
  padding-bottom: 72px;
  background-position: 185px 145px;
  transition-delay:  1.2s;
} */
.sec5-bg-icon {
      z-index: 999;
      padding: -25px 0px;
      padding: -29px 0px;
      left: 187px;
      margin-top: -195px;
      margin-left: 173px;
  
}
.section5 .sec3-right {
  flex-basis: 100%;
}
.sec5-icon {
  flex-basis: 25%;
}
.sec5-circle-icon{
  flex-basis:auto;
}
.circle-icon{
    padding-top: 55px;
}
.q-icon {
  padding: 20px 20px;
}

.g-icon{
  position: absolute;
  z-index: 99;
  padding-left: 95px;
  padding-top: -27px;
  
}
.section5 .text {
  flex-basis: 75%;
}
.section5 .percentage-sec:nth-child(1) {
  margin-right: 50px;
}
.section5 .percentage-sec {
  padding: 0;
}
.section5 .percentage-sec h3 {
  margin-bottom: 20px;
}
/* Section 5 end */
/* Section 6 start */
.section6 h3 {
  color: #616161;
}
.section6 .f-cards {
  margin-top: 40px;
}
.section6 .f-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section6 .f-card img {
  max-width: 100%;
  margin-bottom: 30px;
}
.section6 .f-card a {
  text-decoration: none;
  color: #007493 !important;
}
.c-g {
  color: #007493;
}

.section6 .f-card a:visited {
  color: #00bdeb;
}
.section6 .arrow {
  margin-bottom: 0px !important;
}
@media (max-width: 991px) {
  .d-hide {
    display: block;
  }
  .sec3-left {
    flex-basis: 30%;
    margin-right: 0px;
    margin-left: 200px;
    background: none;
  }
  .piller-sec {
    top: 0px;
  }
  .circle canvas {
    vertical-align: top;
    height: 125px !important;
    width: 125px !important;
  }
  .m-hide {
    display: none;
  }
  .circle {
    width: 125px;
    height: auto;
  }
  .d-flex {
    flex-direction: column;
  }
  br {
    display: none;
  }
  .section-1 .ban-content {
    margin: 0%;
    flex-basis: 100%;
  }
  .section-2 .percentage-margin {
    margin-bottom: 0px;
  }
  .section-2 .percentage-sec:nth-child(1) {
    margin: 0px 0px 25px 0px;
  }
  .section-2 .percentage-sec .percentage {
    margin-bottom: 15px;
    padding: 0;
  }
  .section3 .percentage-sec {
    margin: 0px 0px 25px 0px;
    padding: 0;
  }
  .section3 .text {
    text-align: center;
  }
  .sec3-left {
    padding: 0;
  }
  .section5 .percentage-sec {
    margin: 0px 0px 25px 0px;
    padding: 0;
  }
  .section5 .sec5-icon {
    margin-bottom: 20px;
  }
  .sec5-bg {
    background: url(../images/plus.svg) no-repeat;
    background-size: 68%;
    padding-bottom: 181px;
    background-position: 70px 275px;
  }
  .section6 .f-card {
    margin-bottom: 25px;
  }
  .sec3-left img {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .circle strong {
   top: 55px;
  }
  .sec3-left img {
    max-width: 100%;
  }
  .sec3-left {
    flex-basis: 30%;
    margin-right: 0px;
    background: none;
    margin-left: 0px;
  }
  .section4 h3 {
    padding-top: 20px;
    padding-bottom: 0px;
  }
  .banner h1 {
    font-size: 45px;
  }
  .section-space {
    padding: 60px 20px;
  }
  .piller-sec {
    top: 0px;
    left: 0px;
  }
  .sec5-bg {
    background-position: 70px 220px;
  }
  .section4 .desc {
    padding: 20px 0px;
  }
  .piller-sec {
    padding: 20px 0px;
  }
  .sec5-bg {
    background: url(../images/plus.svg) no-repeat;
    background-size: 99%;
    padding-bottom: 80px;
    background-position: 1px 320px;
  }
  .m-hide {
    display: none;
  }
}