/* No CSS */
body {
  font-family: 'Roboto', sans-serif;
}

.wordtext {
  color: blue;
  font-size: 90px;
}

.boxcss {
  display: contents;
}

.btn-outline-primary {
  background: transparent !important;
  border: 1px solid #15377C !important;
  color: #15377C !important;
}

.btn-filled-primary {
  background: #15377C !important;
  border: 1px solid #15377C !important;
  color: #fff !important;
}

.footer {
  top: 100vh;
  left: 0;
  height: 7vh;
  width: 100%;
  background-color: #212529;
  color: #585858;
  text-align: center;
}

#carousel {
  width: 100%;
  height: 150px;
  background-color: #ff0000;
  overflow: visible;
  white-space: nowrap;
}

#carousel .slide {
  display: inline-block;
}

div.scrollmenu {
  background-color: #333;
  overflow: auto;
  white-space: nowrap;
}

div.scrollmenu a {
  display: inline-block;
  color: #585858;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

div.scrollmenu a:hover {
  background-color: #777;
}

.colorbtb {
  border-radius: 6px;
}

.newcolor {
  background: #15377C;
  margin-left: 30px;
}

.newbox1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.newimg {
  width: 100%;
  position: relative;
}

.position1 {
  position: absolute;
  top: 400px;
  left: 200px;
}

img {
  max-width: 100%;
}

.mt-30 {
  margin-top: 30px;
}

.bgBlueLight {
  background: #F0F5FE;
}

.mb-50 {
  margin-bottom: 50px;
}

.primaryNav {
  position: absolute;
  z-index: 9999;
  width: 100%;
}

.primaryNav .logo {
  max-width: 272px;
}

.primaryNav .btn+.btn {
  margin-left: 10px;
}

.headertext {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 50px;
  line-height: 55px;
  margin-bottom: 40px;
  color: #15377C;
}
.BannerFeature {
  min-height: 100vh;
  padding: 100px 0 200px;
  background: url("./image/Group-285-min.png") no-repeat;
  background-size: cover;
  background-position: top center;
}
@media screen and (max-width: 768px) {
  .headertext {
    font-size: 30px;
    line-height: 45px;
  }
}

.BannerHome {
  min-height: 100vh;
  padding: 100px 0 200px;
  background: url("./image/Banner2.png") no-repeat;
  background-size: cover;
  background-position: top center;
}

@media screen and (max-width: 768px) {
  .BannerHome {
    height: auto;
    min-height: auto;
  }
}

@media only screen and (min-width: 0px) and (max-width: 576px) {
  .BannerHome {
    background: url("./image/Banner2-mobile.jpg") no-repeat;
    background-size: cover;
    background-position: top center;
  }
  .BannerFeature {
    background: url("./image/feature-mobile.png") no-repeat;
    background-size: cover;
    background-position: top center;
  }

  .BannerHome .bannerText {

    position: relative;
    top: 190px;
  }
}


.BannerHome .bannerText {
  max-width: 700px;
  text-align: left;
}

.BannerHome .bannerText h6 {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 31px;
  /* or 155% */
  color: #FFFFFF;
}

.BannerHome .bannerText h2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 80px;
  line-height: 90px;
  /* or 112% */
  margin-bottom: 35px;
  margin-top: 15px;
  color: #FDFEFF;
}

@media screen and (max-width: 768px) {
  .BannerHome .bannerText h2 {
    font-size: 40px;
    line-height: 50px;
  }
}

.BannerHome .bannerText h2 span {
  color: #FD1813;
}

.Score {
  padding: 50px 0;
}

.btn-experience {
  background: #15377C !important;
  color: #fff !important;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 99;
  border-radius: 0 !important;
}

.p-30 {
  padding: 30px !important;
}

.Individuals {
  padding: 50px 0;
}

.imagebox {
  position: relative;
  margin: 30px 0;
}

.textbox {
  padding: 30px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(35.66%, rgba(21, 55, 124, 0)), color-stop(87.38%, #15377C));
  background: linear-gradient(180deg, rgba(21, 55, 124, 0) 35.66%, #15377C 87.38%);
}

.textbox h2 {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 30px;
  /* identical to box height, or 75% */
  color: #FFFFFF;
}

.textbox p {
  color: #FFFFFF;
}

/*# sourceMappingURL=main.css.map */




/* css for global covrage */

.BannerGlobalCovrage {
  min-height: 100vh;
  padding: 100px 0 200px;
  background: url("./image/Group 281-min.png") no-repeat;
  background-size: cover;
  background-position: top center;
}

@media screen and (max-width: 768px) {
  .BannerGlobalCovrage {
    height: auto;
    min-height: auto;
  }
}

.BannerGlobalCovrage .bannerText {
  /*max-width: 700px;*/
  text-align: left;
}

.BannerGlobalCovrage .bannerText h6 {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 31px;
  max-width: 700px;
  /* or 155% */
  color: #FFFFFF;
}


.BannerGlobalCovrage .bannerText h2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 80px;
  line-height: 90px;
  /* or 112% */
  /* margin-bottom: 35px;
  margin-top: 15px; */
  margin-bottom: 15px;
  margin-top: -42px;
  color: #FDFEFF;
}

@media screen and (max-width: 768px) {
  .BannerGlobalCovrage .bannerText h2 {
    font-size: 40px;
    line-height: 50px;
    text-align: center;
  }
}

.BannerGlobalCovrage .bannerText h2 span {
  color: #FD1813;
}

/*feature css*/

/* .BannerFeature {
  min-height: 100vh;
  padding: 100px 0 200px;
  background: url("./image/Group-285-min.png") no-repeat;
  background-size: cover;
  background-position: top center;
} */

@media screen and (max-width: 768px) {
  .BannerFeature {
    height: auto;
    min-height: auto;
  }
}

.BannerFeature .bannerText {
  max-width: 800px;
  text-align: left;
}

.BannerFeature .bannerText h6 {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 31px;
  /* or 155% */
  color: #FFFFFF;
}

.BannerFeature .bannerText h2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 80px;
  line-height: 90px;
  /* or 112% */
  margin-bottom: 35px;
  margin-top: 15px;
  color: #FDFEFF;
}

@media screen and (max-width: 768px) {
  .BannerFeature .bannerText h2 {
    font-size: 40px;
    line-height: 50px;
  }
}

.BannerFeature .bannerText h2 span {
  color: #15377d;
}


.footerfeature {
  min-height: 100vh;
  padding: 100px 0 200px;
  background: url('../../assets/image\ 16.png') no-repeat;
  background-size: cover;
  background-position: top center;

  @media screen and (max-width:768px) {
    height: auto;
    min-height: auto;
  }
}

.BannerAbout {
  height: 365px;
  padding: 100px 0 200px;
  background: url('../../assets/Group\ 283.png') no-repeat;
  background-size: cover;
  background-position: top center;
}

.BannerAbout .bannerText {
  max-width: 700px;
  text-align: left;
}

.BannerAbout .bannerText h2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 74px;
  line-height: 90px;
  margin-bottom: 35px;
  margin-top: 15px;
  color: #FDFEFF;
}

.BannerTc {
  height: 365px;
  padding: 100px 0 200px;
  background: url('../../assets/Group\ 283.png') no-repeat;
  background-size: cover;
  background-position: top center;
}

.BannerTc .bannerText {
  /* max-width: 700px;
  text-align: left;*/
}

.BannerTc .bannerText h2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 58px;
  line-height: 90px;
  margin-bottom: 35px;
  margin-top: 15px;
  color: #FDFEFF;
}

.BannerTc .bannerText h6 {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 90px;
  margin-bottom: 35px;
  margin-top: 15px;
  color: red;
  text-align: center;

}

@media screen and (max-width: 768px) {
  .BannerAbout .bannerText h2 {
    font-size: 40px;
    line-height: 50px;
    text-align: center;
  }

  .BannerTc .bannerText h6 {
    line-height: 35px;
  }

  /* .BannerTc .bannerText h2 {
    font-size: 40px;
    line-height: 50px;
  } */
}

.BannerDemo {
  min-height: 100vh;
  padding: 100px 0 200px;
  background: url('../../../assets/Group 282.png') no-repeat;
  background-size: cover;
  background-position: top center;
}

@media screen and (max-width:768px) {
  .BannerDemo {
    height: auto;
    min-height: auto;
  }
}


.BannerDemo .bannerText {
  max-width: 700px;
  text-align: left;
}

.BannerDemo .bannerText h6 {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 31px;
  color: #FFFFFF;
}

.BannerDemo .bannerText h2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 74px;
  line-height: 90px;
  margin-bottom: 35px;
  margin-top: 15px;
  color: #FDFEFF;
}

@media screen and (max-width: 768px) {
  .BannerDemo .bannerText h2 {
    font-size: 40px;
    line-height: 50px;
  }
}


.BannerBusiness {
  min-height: 100vh;
  padding: 100px 0 200px;
  background: url("../../assets/Layer\ 1.png") no-repeat;
  background-size: cover;
  background-position: top center;
}

@media screen and (max-width: 768px) {
  .BannerBusiness {
    height: auto;
    min-height: auto;
  }
}

.BannerBusiness .bannerText {
  max-width: 700px;
  text-align: left;
}

.BannerBusiness .bannerText h6 {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 31px;
  color: #FFFFFF;
}

.BannerBusiness .bannerText h2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 67px;
  line-height: 90px;
  margin-bottom: 35px;
  margin-top: 15px;
  color: #FDFEFF;
}

@media screen and (max-width: 768px) {
  .BannerBusiness .bannerText h2 {
    font-size: 40px;
    line-height: 50px;
  }
}

.BannerBusiness .bannerText h2 span {
  color: #FD1813;
}

@media only screen and (min-width: 0px) and (max-width: 576px) {
  .BannerTc .bannerText h2 {
    font-size: 42px;
    line-height: 50px;
    text-align: center;
  }

  .BannerTc .bannerText h6 {
    font-size: 30px;
    line-height: 39px;
  }
}

@media only screen and (min-width: 577px) and (max-width: 768px) {}