@media screen and (min-width: 992px) and (max-width: 1199px){
   .how-we-value-wrapp .atr-cont h4{
    font-size: var(--f18);
  }
  .how-we-value-wrapp .atr-cont .arrow{
    width: 45px;
    height: 45px;
  }
  .how-we-value-wrapp .atr-cont{
    padding: var(--p20) var(--p10);
  } 
}

@media(max-width:980px){
  .how-we-value-wrapp {
    padding: var(--p50) 0;
  }
.how-we-value-wrapp .atr-cont{
        padding: var(--p10) var(--p10);
  }
  .how-we-value-wrapp .atr-cont h4{
    font-size: var(--f17);
    text-align: left;
  }
  .how-we-value-wrapp .atr-cont .arrow {
    width: 40px;
    height: 40px;
  }
      .how-we-value-wrapp img.img-fluid {
        height: 350px;
    }
}
@media(max-width:540px){
     .how-we-value-wrapp {
    padding: var(--p40) 0;
  } 
  .how-we-value-heading {
    text-align: center;
    margin-bottom: 30px;
}
      .how-we-value-wrapp img.img-fluid {
        height: 300px;
    }
   .how-we-value-wrapp .attr-col{
   width:100%;
   padding: 0;
  }
  .how-we-value-wrapp .row{
   gap:30px; 
  }
      .how-we-value-wrapp .atr-cont {
        padding: var(--p20) var(--p20);
    }
}