
@media(max-width: 767px){
    #preloader svg {
  display: flex;
  align-items: center;
  height: 75vh;
}
.arrowSection {
  position: relative;
  z-index: 9;
  bottom: 0;
  right: 0;
  left: 0px;
  margin: 0px auto;
  text-align: center;
}
    .sliderBtm .slick-slide::after {
  content: "";
  display: block;
  width: 100%;
  height: 100vh;
  background-color: rgba(0,0,0,.4);
  top: 0px;
  position: absolute;
  z-index: -9;
}
    .banner-middle {
  display: unset;
  align-items: unset;
  height: auto;
}
    .sticky-sidebar {
    position: fixed;
    width: 400px;
    right: 0;
    bottom: 200px;
    padding-right: 50px;
    display: none;
}
.blue-bg-img {
  position: relative;
  right: 0;
  top: 0;
}
.blue-bg-img img {
  margin-top: 10px;
}
.bannerovrimg{
    display:none;
}
.md-btm-text h3 {
  padding-top: 0px;
  padding-bottom: 5px;
}
.valuebox {
    background: #e3ecf3;
    width: 44%;
    float: left;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 10px 20px 10px 0;
    position: relative;
}
.mapimg img {
    width: 100%;
}
.growth {
  background: #e3ecf3;
  width: 100%;
  float: left;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 10px 10px 25px 0px;
  position: relative;
  padding: 0 20px;
}
.growth::after, .valuebox::after {
  background: url(../images/line-btm.png) no-repeat;
  top: 200px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  display: block;
  text-align: center;
  width: 100%;
}
.valuebox {
  background: #e3ecf3;
  width: 100%;
  float: left;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 10px 20px 25px 0;
  position: relative;
}
   .mobile-logo a span {
      font-size: 14px;
      color: #fff;
      font-family: BreuerTextMedium;
  }
  .mobile-logo {
      margin-top: 10px;
  }
 .mobile-hamburger {
    margin-top: 30px;
    float: right;
    padding-right: 15px;
}
  .sliderCaps {
      font-size: 50px;
  }
  .sliderCaps span {
      font-size: 30px;
  }
  .left-txts {
      margin-top: 30px;
  }
  .left-txts h3 {
      font-size: 30px;
      color: #fff;
      line-height: 1;
  }
  .right-context {
      background-color: rgba(0,0,0,.7);
      padding: 20px;
      margin-top: 15px;
      height: 350px;
      overflow: scroll;
  }
.progressBarContainer {
    position: absolute;
    bottom: 32px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-flex;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0px 20px;
    padding-bottom: 20px;
    z-index: 99;
}
 .progressBarContainer div {
    display: block;
    width: auto;
    padding: 0;
    cursor: pointer;
    margin-right: 20px;
    float: left;
    color: #fff;
}
  .Chairman-mds {
    height: auto;
    display: block;
    align-items: center;
    padding-top: 70px;
}
  .Chairman-mds p {
      font-size: 18px;
      color: #ffffff;
      font-family: BreuerTextRegular;
      padding: 15px 15px 15px 0px;
      position: relative;
  }
  a.bl-btn {
      background-color: #18499e;
      color: #ffffff;
      font-size: 18px;
      font-family: BreuerTextRegular;
      border-radius: 0px;
      padding: 10px 26px;
      transition: all .3s ease-in-out;
  }
  .Chairman-mds .bl-btn {
      margin-top: 25px;
      display: inline-block;
  }
  .Chairman-mds h3 {
      font-size: 30px;
      color: #ffffff;
  }
.progressBarContainerNew {
  position: absolute;
  bottom: 32px;
  width: 100%;
  /*left: 15px;*/
  right: 0;
  margin: 0 auto;
  display: block;
  display: inline-flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0px 20px;
  padding-bottom: 20px;
}
.progressBarContainerNew div {
    display: block;
    width: auto;
    padding: 0;
    cursor: pointer;
    margin-right: 20px;
    float: left;
    color: #fff;
}
  div#preloader img {
    width: 100%;
}
.gap-top-btm .number-txts h3 {
    color: #fff;
    margin-top: 20px;
    font-family: BreuerTextBold;
    line-height: 1;
    font-size: 25px;
}
.unit-count {
    font-size: 16px;
    line-height: 1.1;
}
.section4 h4 {
    font-size: 25px;
    color: #fff;
    text-align: left;
    font-family: BreuerTextBold;
    padding-bottom: 5px;
}
.first-menus.hide-menu, .second-menus.hide-menu, .eight-menus.hide-menu, .seventh-menus.hide-menu {
    position: absolute;
    top: 0px;
    background-color: #000;
    left: 0px;
    width: 100%;
    padding: 20px 30px;
    height: 100vh;
}
/**/
.slick-slide:nth-child(2) {
    background-image: url('../images/Our-Commitment-Banner.jpg');
}
.slick-slide:nth-child(3) {
   background-image: url('../images/Our-Approach-Banner.jpg');
}
.slick-slide:nth-child(4) {
  background-image: url('../images/Our-Strategy_Banner.jpg');
}
.slick-slide:nth-child(5) {
   background-image: url('../images/Our-Promise-Banner.jpg');
}
/**/
.sliderBtm .slick-slide {
  background-image: url('../images/Financial-Capitalm.jpg');
  min-height: 870px;
  background-position:center;
}
.sliderBtm .slick-slide:nth-child(2) {
  background-image: url('../images/Manufactured-Capitalm.jpg');
  min-height: 870px;
  background-position:center;
}
.sliderBtm .slick-slide:nth-child(3) {
  background-image: url('../images/Intellectual-Capitalm.jpg');
  min-height: 870px;
  background-position:center;
}
.sliderBtm .slick-slide:nth-child(4) {
  background-image: url('../images/Human-Capitalm.jpg');
  min-height: 870px;
  background-position:center;
}
.sliderBtm .slick-slide:nth-child(5) {
  background-image: url('../images/Social-&-Relationship-Capitalm.jpg');
  min-height: 870px;
  background-position:center;
}
.sliderBtm .slick-slide:nth-child(6) {
  background-image: url('../images/Natural-Capitalm.jpg');
  min-height: 870px;
  background-position:center;
}
.bg-2 {
    background-image: url(../images/At-A-Glance.jpg);
    background-position: center 100%;
    background-size: cover;
    min-height: 790px;
}

.bg-3 {
  background-image: url('../images/Our-Renewables.jpg');
  background-position: center 100%;
  background-size: cover;
  height: 100vh;
  padding-top: 80px;
}
.bg-4 {
  background-image: url('../images/Chairman-bg.jpg');
  background-position: center 100%;
  background-size: cover;
  min-height: 870px;
  padding-top: 80px;
}
.bg-5 {
  background-image: url('../images/Generating-value.jpg');
  background-position: center 100%;
  background-size: cover;
   height: 100vh;
  padding-top: 80px;
}
.bg-7{
    background-image: url('../images/Gearing-for-future.jpg');
    background-position: center 100%;
    background-size: cover;
      height: 100vh;
    padding-top: 80px
}
.bg-8 {
  background-image: url('../images/A-high-growth.jpg');
  background-position: center 100%;
  background-size: cover;
   height: 100vh;
  padding-top: 80px;
}
.bg-9 {
  background-image: url('../images/Towards-better-accountability.jpg');
  background-position: center 100%;
  background-size: cover;
    height: 100vh;
  padding-top: 80px;
}

.bg-10{
    background-image: url('../images/session-img-9.jpg');
    background-position: center 100%;
    background-size: cover;
}
.gap-top-btm {
  margin-top: 0;
}
.homePage .footer-top-link {
    padding: 50px 20px 50px 20px;
}

.homePage .footer-top-link {
    padding: 50px 20px 50px 20px;
}
.download-link ul li:last-child {
  border-bottom: 2px solid #fff;
}
.section3 a.bl-btn {
  background-color: #18499e;
  color: #ffffff;
  font-size: 18px;
  display: inline-block;
  font-family: BreuerTextRegular;
  border-radius: 0px;
  padding: 10px 26px;
  transition: all .3s ease-in-out;
}
.section3 h2 {
  font-size: 30px;
  color: #fff;
  text-align: left;
  padding-bottom: 25px;
}
.section3 p {
  color: #fff;
  font-size: 16px;
}
.top-mrg-hg {
  margin-top: 0;
}
.copy-width {
  max-width: 100%;
  width: 100%;
  display: block;
  margin: 0px auto;
  padding-bottom: 15px;
}
.footer-btm p:last-child {
  float: none;
}
.footer-btm p {
  color: #fff;
  float: none;
  font-size: 14px;
  text-align: left;
}
.chairman-inside {
  position: relative;
  margin-bottom: 40px;
}
.gap-top-btm .number-txts {
  margin-bottom: 20px;
}
.footer-btm {
    background-color: #000;
    padding: 15px 0px 10px 0px;
    position: relative;
    bottom: 0px;
    width: 100%;
}
.footer-top-link {
    padding: 50px 20px 50px 20px;
    max-width: 100%;
    display: block;
    margin: 0px auto;
}
.homePage header {
    display: block;
    margin: auto;
    z-index: 999;
    width: 100%;
    height: 80px;
    position: absolute;
    top: 0;
    /*left: 15px;*/
}
.download-link ul li {
    border-bottom: 2px solid #fff;
    padding: 10px 0px;
    list-style: none;
}
.capitlnumbr {
    margin-top: 30px;
}
/**/
.inner-pdf4 p {
    font-size: 20px;
    color: #18499e;
    font-family: BreuerTextBold;
}
.inner-pdf4 {
    display: flex;
    height: auto;
    align-items: baseline;
    padding: 10px 0;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #bfc8d7;
}
.inner-new {
    border-bottom: 1px solid #bfc8d7!important;
}
.towards-content {
    display: flex;
    height: 100vh;
    align-items: center;
    margin-left: 0px;
}
.account-txt h3 {
    color: #6dc7ec;
    font-size: 30px;
    font-family: 'BreuerTextRegular';
}
.maingradienthnd {
    font-size: 30px;
    background: linear-gradient(to right, #24abe2 0%, #18499e 35%, #9e1c20 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
img.circle-strategy {
    width: 100%;
}
ul.growthtab-tab li {
  width: auto;
  float: left;
  display: block;
  padding: 0 10px;
    padding-left: 10px;
  border-right: 0px solid red;
  height: auto;
}
.growthtab-tab span {
  min-height: auto;
  margin-top: 10px;
}

.grnstorage img {
  margin-bottom: 15px;
}
.grnstorage div {
  margin-bottom: 15px;
  display: block;
}
.grnstorage {
  display: block;
  align-items: start;
  margin: 20px 0px;
}
ul.growthtab-tab {
  list-style: none;
  padding: 0;
    padding-bottom: 0px;
  width: 100%;
  display: inline-flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 10px;
}
.enabler-txt {
    margin-top: 40px;
}
.value-creation-content {
    /* display: table; */
    display: flex;
    height: 700px;
    align-items: center;
    width: 100%;
    margin-left: 0px;
}
.value-creation-txt h3 {
    color: #6dc7ec;
    font-size: 30px;
    font-family: 'BreuerTextRegular';
}
.value-creation-inner-pdf4 p {
    font-size: 20px;
    color: #18499e;
    font-family: BreuerTextBold;
}
.value-creation-inner-pdf4 {
    display: flex;
    height: auto;
    align-items: baseline;
    padding: 10px 0;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #bfc8d7;
}
.generating-content {
    /* display: table; */
    display: flex;
    height: 100vh;
    align-items: center;
    width: 100%;
    margin-left: 0px;
}
.generating-txt h3 {
    color: #6dc7ec;
    font-size: 30px;
    font-family: 'BreuerTextRegular';
}
.generating-inner-pdf4 p {
    font-size: 20px;
    color: #18499e;
    font-family: BreuerTextBold;
}
.generating-inner-pdf4 {
    display: flex;
    height: auto;
    align-items: baseline;
    padding: 10px 0;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #bfc8d7;
}
.heading1 {
    font-size: 30px;
    background: linear-gradient(to right, #42aee7 10%, #213b8f 20%, #d10a11 60%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    padding-bottom: 20px;
}
.construstion-slider button.owl-prev {
   
    left: -15px;

}
.construstion-slider button.owl-next {
   
    right: -15px;
   
}
.nationwide-presence .maingradienthnd {
    font-size: 30px;
    color: red;
    margin-bottom: 10px;
}
.bckgrndblue2 h4 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 15px;
    font-family: BreuerTextBold;
}
.panel.new-faqqs a {
    text-decoration: none;
    color: #18499e;
    font-size: 20px;
    position: relative;
    line-height: 30px;
    padding-left: 80px;
    align-items: center;
    padding-right: 80px;
    font-family: BreuerTextBold;
}
.mapdeatails .counternumr {
    color: #18499e;
    font-size: 25px;
    font-family: BreuerTextBold;
}
h3.counternumr2 {
    font-size: 30px;
    color: #18499e;
}
.bckgrndblue h4 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 20px;
}
.counternumr {
    color: #18499e;
    font-size: 30px;
    font-family: BreuerTextBold;
}
.blue-bg {
    background-color: #dae9f1;
    padding: 20px;
    margin-right: 0px;
    position: relative;
    margin-top: 15px;
    margin-bottom: 35px;
    min-height: auto;
    display: block;
    align-items: center;
}
.bgalternat1, .bgalternat2 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.capital-section .maingradienthnd {
  margin-bottom: 0;
}
.subhdngblue {
  color: #18499e;
  font-size: 25px;
  font-family: BreuerTextBold;
  margin-bottom: 5px;
  margin-top: 20px;
}
.bgalternat2::after {
  background: #dae7ee;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
}
.capitlimg img {
  margin-bottom: 30px;
}
.new-faqqs .panel-body {
  padding: 0px;
}
.exploringimg {
  min-height: auto;
}
.exploringimg img{
    margin-bottom:5px;
}
.exploringbox p {
  margin-bottom: 25px;
}
.bckgrndblue2 {
  background: #18499e;
  padding: 30px;
  margin-top: 30px;
}
.bg__gradient_0, .bg__gradient_1, .bg__gradient_2, .bg__gradient_3, .bg__gradient_4, .bg__gradient_5, .bg__gradient_6, .bg__gradient_7
{
    display:none;
}
.slick-slide:after
{
    display:none;
}
}