.strategic-framework{
  /* background-color: #f5f5f5; */
  padding-block: 60px 35px;
  margin-bottom: 80px;
}
.strategic-grid > div{
  padding: 32px 32px 52px;
}
.strategic-image{
  display: flex;
  justify-content: center;
  /* margin-bottom: 52px; */
}
.strategic-title{
  font: 500 20px/1.4 var(--font-helvetica-neue);
  margin-bottom: 24px;
  margin-top: 52px;
}
.stragetic-framework .read-more-btn-wrapper{
  padding-left: 32px;
}

.strategic-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  row-gap: 20px;
}

.strategic-grid p{
  font: 400 16px/1.5 var(--font-helvetica-neue);
}

.strategic-grid > div{
  padding: 32px 32px 52px;
}

@media screen and (max-width:768px) {
  
  .csr-report-bg{
    padding-inline: 16px;
  }
  .strategic-grid > div{
    padding: 16px;
  }
  .section-flex, .footer-copryright .custom-container{
    flex-direction: column;
  }
  .section-our-stories{
    padding: 50px 0px;
  }
  .slider-content{
    padding: 10px 5px;
  }
  .footer-grid{
    display: block;
  }
  .csr-footer a{
    padding: 25px 20px 25px 50px;
    margin-top: 20px;
    text-align: center;
  }
  .section-corporate-governance .content-wrapper{
    position: unset;
    clip-path: unset;
    width: 100%;
    padding: 16px;
  }
  .section-corporate-governance .custom-container{
    display: block;
  }
  .corporate-banner-image{
    width: 100%;
  }
  .slider-arrows{
    margin-top: 20px;
  }

  
  .four-section-layout .section-small-heading {
    font: 700 16px/24px var(--font-helvetica-neue);
  }
}