@media(max-height:750px) {
.banner-text-left .site-title {
  font-size: 48px;
  line-height:1.1;
  margin-top: 15px;
  margin-bottom:15px;
}
}

@media(max-height:620px) {
  .logo img {
  max-width: 100px;
}
 .banner-text-left .site-title {
    font-size: 42px;
  }
}

@media(max-width:1500px){
  .site-title {
  font-size: 44px;
  line-height: 1.1;
}
body {
  font-size: 18px;
  line-height: 1.5;
}
}

@media(max-width:1199px){
  .container{max-width:940px;}
  .header div.text h1 {
  font-size: 50px;
  line-height: 70px;
}
.highlight-text{padding:30px;}
.highlight-text::before {
  width: 41px;
}
.sub-title{font-size:30px;}
.site-title {
  font-size: 36px;
}

.logo img {
  max-width: 120PX;
}

 .banner-text-left .site-title {
    font-size: 42px;
  }

  .banner-text-left {
  max-width: 540px;
}
.two-column {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.icon-points li {
  grid-template-columns: 1fr 94%;
  padding: 10px;
  align-items: center;
}

.icon-points li .ip-icon {
  line-height: 1;
}
.service-list {
  grid-template-columns: repeat(3, 1fr);
}
.key-highlights .icon-points li {
  grid-template-columns: 1fr 94%;
}
}

@media(max-width:991px) {
   .container{max-width:740px;} 
    .header div.text h1 {
    font-size: 44px;
    line-height: 60px;
  }
  .two-column {

  grid-template-columns: 1fr;

}

.investors, .highlight-white, .highlight-text {
  padding: 20px;
}
.team1, .team2 {border-radius: 15px;  padding: 20px;}

.overview h6 {
  margin-bottom: 15px;
}

 .banner-text-left {
    max-width: 450px;
  }
   .banner-text-left .site-title {
    font-size: 36px;
  }
   .sub-title {
    font-size: 26px;
  }
  .service-list {
    grid-template-columns: repeat(2, 1fr);
  }
}




@media(max-width:767px) {

   .container{max-width:540px;} 

   .sub-title {
    font-size: 24px;
  }

 .overview h6 {
    margin-bottom: 15px;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 10px;
  }
  .team1 h3,   .team2 h3 {
  font-size: 24px;
}



.header{height:auto; padding-top:50px;flex-wrap: wrap;}
 .banner-right-img {
    position: relative;
    width: 95%;
    right: -20px;
  }
   .banner-text-left {
    max-width: 100%;
    text-align:center;
  }
  .logo img {
    max-width: 100px;
  }
   .site-title {
    font-size: 30px;
  }
   .sub-title {
    font-size: 22px;
  }
    .icon-points li,  .key-highlights .icon-points li {
    grid-template-columns: 1fr 90%;
  }
  .col-video video {
  width: 100%;
  border: 2px solid var(--site-color2);
  padding: 5px;
  height: 550px;
  object-fit: cover;
}
.padb-70 {
  padding-bottom: 5rem;
}
.padt-70 {
  padding-top: 5rem;
}

.investors, .highlight-white, .highlight-text {
    padding: 15px;
  }

  .header {
  background: url(../images/main-banner-v1.jpg) repeat center;
  background-size: contain;
  
  }
}



@media(max-width:480px) {

 
  .sub-title {
    font-size: 22px;
  }
  .site-title {
    font-size: 30px;
  }
    body {
    font-size: 16px;
  }

  .yellow-bg, .quote-block {
    padding: 10px;
    border-radius:10px;
  }
  .section-two {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.two-chart-wrapper {
  grid-template-columns: 1fr;
  gap: 3rem;
}

.header {
    padding-top: 30px;

  }
   .logo img {
    max-width: 90px;
  }
   .banner-text-left .site-title {
    font-size: 32px;
  }
  .quote-block img {
  max-width: 30px;

}

.quote-icon {
  left: -15px;
}
.mt-size {

  padding:50px 15px 0 15px;
}

.investors {
   border: 5px solid var(--site-color2);

}

  .icon-points li, .key-highlights .icon-points li {
    grid-template-columns: 1fr 88%;
  }
  .highlight-white {
  border-radius: 20px;
}
.text-center {
  text-align: left;
}
.site-title {
    font-size: 25px;
    line-height: 1.2;
  }
  .ul-points li {
  font-size: 16px;
  line-height: 24px;
}
.vision {
  padding: 15px;
  box-shadow: 5px 5px 0 #363883;
}
  .service-list {
    grid-template-columns: repeat(1, 1fr);
  }

  .key-highlights {
  padding: 15px;
  box-shadow: 5px 5px 0 var(--site-color2);
}
}

@media(max-width:420px) {

   .sub-title {
    font-size: 20px;
  }
   .site-title {
    font-size: 26px;
  }

    .banner-text-left .site-title {
    font-size: 30px;
  }

  .symbol span {
  font-size: 40px;
}
  .icon-points li, .key-highlights .icon-points li {
    grid-template-columns: 1fr 86%;
  }
.top-reasons .ul-points li .icon-p{margin-right: 0;}
}