.grid-provide{
  display: grid;
  /* margin-top: 2vw;margin-bottom: 3vw; */
  margin-top: 20px;
  margin-bottom: 30px;

grid-template-columns: repeat(3, 0.25fr);
grid-gap: 2px;align-items: center;justify-content:center;align-content: center;justify-items: center;

display: grid;
/*grid-template-columns: repeat(auto-fill,*/
/*  minmax(330px, 0.25fr));*/

  /*0.25*/
grid-gap: 10px;
  margin-top: 0px;
   grid-template-columns:1fr,1fr,1fr;
  
  /* grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));*/
  /*grid-gap: 10px;*/
 

}

.white-box{
  background-color: white;
  border-radius: 30px;
  padding: 20px; padding-top:15px;
  margin-bottom: 40px;
  /* width: 20vw; */
  justify-content: center;align-items: center;align-content: center;display: flex;flex-direction: column;
  width: 265px;
height: 319px;
height: 260px;
margin-bottom: 20px;
/*cursor:pointer;*/

}

.white-box:hover{
     -ms-transform: scale(1.5); 
  -webkit-transform: scale(1.5); 
  transform: scale(1.5); 
  
    -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);  
}

.white-box-img{
  background-image: url('/green/assets/img/bg_serv.png');
                 background-repeat: no-repeat;   background-color: rgba(0, 0, 0, 0.2);
background-blend-mode: multiply;
background-size: cover;background-position: center center;
            border-radius: 30px;
            /* width: 18vw;height: 12vw; */
            margin-bottom: 5px;
            width: 232px;
height: 155px;
}
.white-box h1{
  color: #000;
/* font-size: 2.1vw; */
font-style: normal;
font-weight: 700;margin: 0;
padding:0;
line-height: normal;
font-size: 28px;
font-size: 20px;

  text-align: left;


}
.white-box h6{
  color: #989898;
/* font-size:1.3vw; */
font-style: normal;
font-weight: 500;margin: 0;
line-height: normal;
font-size: 19px;
}
.bottom-box{
  text-align: left;
  /* width: 17vw; */
  width: 232px;

align-items: center;justify-content: space-between;align-content: start;display: flex;
}
.bottom-box h5{
  color: #000;
/* font-size: .77vw; */
font-style: normal;
font-weight: 700;
text-align: center;
margin: 0;
cursor: pointer;
font-size: 10px;
}

.bottom-box button{
  border-radius: 15px;
background:  #D1FDF5;display: flex;
/* width: 8vw;
height: 2.4vw; */
justify-content: center;
align-items: center;font-size: .9vw;
gap: 10px;border-color: transparent;
flex-shrink: 0;

width: 117px;
height: 32px;
font-size: 14px;
}
.bottom-box button:hover{
  color: white;
  background-color: #02C652;
}

.btn-serv{
    border-radius: 15px;
background:  #D1FDF5;display: flex;
/* width: 8vw;
height: 2.4vw; */
justify-content: center;
align-items: center;font-size: .9vw;
gap: 10px;border-color: transparent;
flex-shrink: 0;

width: 117px;
height: 32px;
font-size: 14px;
margin-top:10px;
color:black;
}

.btn-serv:hover{
    color: white;
  background-color: #02C652;
}

.provide{
    background-color: white;
    background-color: #FCFCFC;
    padding: 0;padding-bottom: 20px; padding-top: 60px;
    /* height: 38.5vw; */
    padding-top: 30px;
}



.section-provide-title {
    text-align: center;
    padding-bottom: 25px;
    font-family: "NexaBold";
    /*font-size: 3.5vw;*/
    font-size: 40px;
        padding-bottom: 0px;
        
  
  
  }
  
  
  .section-provide-title h2 {
    /*font-size: 3vw;*/
        font-size: 40px;

 
    /*margin-bottom: .5vw;*/
    position: relative;
  
    color: #000;
 
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  }
  
  .section-provide-title p {
    margin-bottom: 0;
  
    color: #575757;
  text-align: center;
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  
  
  font-style: normal;
  font-weight: 100;
  line-height: normal;

  /*font-size: 1.7vw;*/
  }
  
  .provide h3{
    position: absolute;

color: #FFF;
font-style: normal;padding-top: .7vw;
font-weight: 400;font-size: 1.4vw;
line-height: normal;
  }
  .provide-box{
    display: flex; justify-content:space-evenly;align-items: center;align-content: center;
  }
  
  .box{
    background-color: #D9D9D9;
                             background-repeat: no-repeat;  
 background-size: cover;background-position: center top;

   object-fit: fill;position: relative;
                            background-image: url(/green/assets/img/pr1.png);
                             border-radius: 1vw;
                            width: 15.7vw;
 height: 15.6vw;
 justify-items: center;display: flex;flex-direction: column; 
  }
  
  .provide .member {
    --c:#02C652;
   
    text-align: center;
    margin-bottom: 1vw;
    box-shadow: 0px 0px 1vw 0px rgba(34, 34, 34, 0.07);
   

    width: 15.7vw;
    height: 15.6vw;
    background-color: transparent;
  }
  
  
  
  

  .provide .bg_text{
    width: 15.7vw;
                             position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
  text-align: center;
height: 3vw;
border-radius: 0px 0px 1vw 1vw;
background-color: #02C652;
box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
background-color: var(--c); 

  }

  .provide .bg_icon{
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
width: 4vw;
height: 2.5vw; 
align-content: center; 
border-bottom-left-radius: .3vw;
border-bottom-right-radius:.3vw;
background-color:#02C652;
background-color: var(--c); 
  }


  .provide .member:hover{
    --c:#1E7B9B;
  }
 


  .provide .icon{
    align-content: center; background-size: 100% 90%;
   object-fit: fill;width: 2vw;height: 2vw;
background-image: url(/green/assets/img/vector2.svg); background-repeat: no-repeat;
  }
  
  
  @media(max-width:960px){
      /**/
.grid-provide{
    grid-template-columns: repeat(auto-fill,
  minmax(330px, 0.25fr));
  }
  }
  @media(max-width:684px){
      .grid-provide{
  
/*grid-template-columns: repeat(auto-fill,*/
/*  minmax(330px, 0.25fr));*/
grid-gap: 0px
}

@media(max-width:665px){
    
.white-box{
margin-bottom: 20px;
 
}
}
      
  }

  @media(max-width:500px){
        .section-provide-title h2 {
        
            font-size:30px;
        }
      
  }



/*.provide{*/
  
/*    background-color: #FCFCFC;*/
/*    padding: 0;*/
    /*padding-bottom: 2vw;*/
/*    padding-top: 5.3vw;*/
    
    
   
/*}*/



/*.section-provide-title {*/
/*    text-align: center;*/
    /*padding-bottom: .5vw;*/
/*    font-family: "NexaBold";*/
/*    font-size: 3.5vw;*/
  /*background-color:grey;*/
  
/*  }*/
  
  
/*  .section-provide-title h2 {*/
/*    font-size: 3vw;*/
 
/*    margin-bottom: .5vw;*/
/*    position: relative;*/
  
/*    color: #000;*/
 
/*  font-style: normal;*/
/*  font-weight: 600;*/
/*  line-height: normal;*/
/*  }*/
  
/*  .section-provide-title p {*/
/*    margin-bottom: 0;*/
  
/*    color: #575757;*/
/*  text-align: center;*/
/*  font-family: "Raleway", sans-serif;*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*  line-height: normal;*/
  
  
/*  font-style: normal;*/
/*  font-weight: 100;*/
/*  line-height: normal;*/

/*  font-size: 1.7vw;*/
/*  }*/
  
/*  .provide h3{*/
/*    position: absolute;*/

/*color: #FFF;*/
/*font-style: normal;padding-top: .7vw;*/
/*font-weight: 400;font-size: 1.4vw;*/
/*line-height: normal;*/
/*  }*/
/*  .provide-box{*/
/*    display: flex; justify-content:space-evenly;align-items: center;align-content: center;*/
/*  }*/
  
/*  .box{*/
/*    background-color: #D9D9D9;*/
/*                             background-repeat: no-repeat;  */
/* background-size: cover;background-position: center top;*/

/*   object-fit: fill;position: relative;*/
/*                            background-image: url(/green/assets/img/pr1.png);*/
/*                             border-radius: 1vw;*/
/*                            width: 15.7vw;*/
/* height: 15.6vw;*/
/* justify-items: center;display: flex;flex-direction: column; */
/*  }*/
  
/*  .provide .member {*/
/*    --c:#02C652;*/
   
/*    text-align: center;*/
/*    margin-bottom: 1vw;*/
/*    box-shadow: 0px 0px 1vw 0px rgba(34, 34, 34, 0.07);*/
   

/*    width: 15.7vw;*/
/*    height: 15.6vw;*/
/*    background-color: transparent;*/
/*  }*/
  
  
  
  

/*  .provide .bg_text{*/
/*    width: 15.7vw;*/
/*                             position: absolute;*/
/*  bottom: 0;*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  text-align: center;*/
/*height: 3vw;*/
/*border-radius: 0px 0px 1vw 1vw;*/
/*background-color: #02C652;*/
/*box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);*/
/*background-color: var(--c); */

/*  }*/

/*  .provide .bg_icon{*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    align-self: center;*/
/*width: 4vw;*/
/*height: 2.5vw; */
/*align-content: center; */
/*border-bottom-left-radius: .3vw;*/
/*border-bottom-right-radius:.3vw;*/
/*background-color:#02C652;*/
/*background-color: var(--c); */
/*  }*/


/*  .provide .member:hover{*/
/*    --c:#1E7B9B;*/
/*  }*/
 


/*  .provide .icon{*/
/*    align-content: center; background-size: 100% 90%;*/
/*   object-fit: fill;width: 2vw;height: 2vw;*/
/*background-image: url(/green/assets/img/vector2.svg); background-repeat: no-repeat;*/
/*  }*/
  
  /*new deign*/
/*  .grid-provide{*/
/*  display: grid;margin-top: 2vw;*/
  /*margin-bottom: 3vw;*/
/*grid-template-columns: repeat(3, 0.235fr);*/
/*grid-gap: 2px;*/
/*align-items: center;justify-content:center;*/
/*align-content: center;*/
/*justify-items: center;*/
/*}*/

/*.white-box{*/
/*  background-color: white;*/
/*  border-radius: 2vw;*/
/*  padding: 1.5vw;*/
/*  margin-bottom: 4vw;width: 20vw;*/
/*  justify-content: center;align-items: center;align-content: center;display: flex;flex-direction: column;*/
/*}*/

/*.white-box-img{*/
/*  background-image: url('/green/assets/img/bg_serv.png');*/
/*                 background-repeat: no-repeat;   background-color: rgba(0, 0, 0, 0.2);*/
/*background-blend-mode: multiply;*/
/*background-size: cover;background-position: center center;*/
/*            border-radius: 2vw;width: 18vw;height: 12vw;margin-bottom: .2vw;*/
/*}*/
/*.white-box h1{*/
/*  color: #000;*/
/*font-size: 2.1vw;*/
/*font-style: normal;*/
/*font-weight: 700;margin: 0;*/
/*line-height: normal;*/
/*}*/
/*.white-box h6{*/
/*  color: #989898;*/
/*font-size:1.3vw;*/
/*font-style: normal;*/
/*font-weight: 500;margin: 0;*/
/*line-height: normal;*/
/*}*/
/*.bottom-box{*/
/*  text-align: left;width: 17vw;*/
/*align-items: center;justify-content: space-between;align-content: start;display: flex;*/
/*}*/
/*.bottom-box h5{*/
/*  color: #000;*/
/*font-size: .77vw;*/
/*font-style: normal;*/
/*font-weight: 700;*/
/*text-align: center;*/
/*margin: 0;*/
/*cursor: pointer;*/
/*}*/

/*.bottom-box button{*/
/*  border-radius: 2vw;*/
/*background:  #D1FDF5;display: flex;*/
/*width: 8vw;*/
/*height: 2.4vw;*/
/*justify-content: center;*/
/*align-items: center;font-size: .9vw;*/
/*gap: 1vw;border-color: transparent;*/
/*flex-shrink: 0;*/
/*}*/
/*.bottom-box button:hover{*/
/*  color: white;*/
/*  background-color: #02C652;*/
/*}*/


  