.service-grid{
    margin: 0 -20px;
}
.service-grid:not(.slick-initialized){
    display: flex;
    flex-wrap: wrap;
   
}
.service-js:not(.slick-initialized){
   margin-bottom: 50px;
}
.service-js:not(.slick-initialized) li:nth-child(n+5){
  display: none;
}


.service-grid li{
    width: 25%;
    padding: 0  20px;
    margin-bottom: 0;
}
.service-grid li .ser-item{
    overflow: hidden;
    border-radius: 10px;
    background-color: var(--white);
				height: 100%;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
}
.inspection-service .service-grid li .ser-item .ser-img{
  min-height: 411px;
  position: relative;
  overflow: hidden;
}
.inspection-service .service-grid li .ser-item .ser-img img{
    object-fit: cover;
    min-height: 411px;
}
.service-grid li .ser-item .ser-img img{
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}
.service-grid li .ser-item .ser-detail{
    padding: 27px 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
	  flex: 1;
    width: 100%;
}
.service-grid li .ser-item .ser-detail .heading-26{
    max-width: 245px;
    margin-bottom: 5px;
    width: 100%;
}
.service-grid li .ser-item .ser-detail .alink{
    color: var(--red);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    column-gap: 5px;
}
.service-js.slick-initialized {
     margin-right: calc(-100vw / 2 + (100% - 600px) / 2);
}
.service-grid li .ser-item .ser-detail .ser-icon{
    position: absolute;
    right:30px;
    top:45px;

    & img{
        filter: brightness(0) invert(0.7);
        transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;

    }
}
.service-grid li .ser-item:hover{

  & .ser-img{
    & img{
      transform: scale(1.1);
    }
  }


  .ser-detail .ser-icon{
     & img{
        filter: none;
        transform: rotate(360deg);
     }

     & .alink{
     
     }
  }
}
.service-grid li .ser-item:hover .ser-detail .alink{
   text-decoration: underline;
}


.service-grid.slick-initialized{
    padding-bottom: 50px;
}
.service-js .slick-arrow{
    top:inherit;
    bottom: 0;
    margin-bottom: -65px;
}
.service-grid.slick-initialized .slick-prev{
    left: inherit;
    right: calc(50% - 520px);
    margin-right: 50px;
}
.service-grid.slick-initialized .slick-next{
    right: calc(50% - 520px);
}

/*-------- inspection --------*/
.inspection-page .available-online.mb-100{
	margin-bottom:0;
}
.inspection-page .accreditions-certification-sec{
	margin:0;
}
.inspection-page .accreditions-certification-sec .flex-container{
	border-top:0;
	margin:80px 0;
	padding:0;
}
.inspection-page .service-grid{
    margin: 0 -25px -50px;
}
.inspection-page .service-grid li
{
	 width:33.33%;
	 padding: 0 25px;
	 margin-bottom:50px;
}
.inspection-page .service-grid li .ser-item .ser-detail{
	background-color: #FBEEEE;
}
.inspection-page .service-grid li .ser-item .ser-detail .alink{
	    display: flex;
    align-items: center;
    column-gap: 8px;
    margin-top: 16px;
    width: 100%;
}

.service-js.slick-initialized .slick-track .slick-slide > *{
  display: flex;
  flex-wrap: wrap;
}



/* ******** START MEDIA QUERY ******** */

@media screen and (max-width: 1439.98px){
    /* ****** SERVICES   ****** */
  .service-grid{margin: 0 -10px;}
  .service-grid li{padding: 0 10px;}

  .inspection-page .service-grid {margin: 0 -15px;}
  .inspection-page .service-grid li{padding: 0 15px;margin-bottom: 30px;}
	 .inspection-page .accreditions-certification-sec .flex-container{
		  margin:60px 0;
	 }

   .service-js:not(.slick-initialized) li:nth-child(n+4){display: none;}
   .service-js:not(.slick-initialized) li{width: 33.33%;}
}

@media screen and (max-width: 1199.98px){
    /* ****** SERVICES   ****** */
    .service-js.slick-initialized{margin-right: -10px;}
    .service-grid li .ser-item .ser-detail{padding: 20px;}
     .service-grid li .ser-item .ser-detail .heading-26{max-width: 200px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height: 50px;}
    .service-grid li .ser-item .ser-detail .ser-icon{right:15px;top:25px;max-width: 40px;}
    .service-grid.slick-initialized .slick-next ,
    .service-grid.slick-initialized .slick-prev{right:0;}
	   .inspection-page .accreditions-certification-sec .flex-container{
		  		margin:40px 0;
	 		}
}

@media screen and (max-width: 991.98px){
  .inspection-service .service-js + div{text-align: center;}
  .service-grid.slick-initialized .slick-prev{right: inherit;left: calc(50% - 150px);}
  .service-grid.slick-initialized .slick-next{right: calc(50% - 145px);}
  .inspection-page .service-grid {margin: 0 -5px;}
  .inspection-page .service-grid li{width: 50%;padding: 0 5px;margin-bottom: 10px;}

  .service-js:not(.slick-initialized) li:nth-child(n+3){display: none;}
  .service-js:not(.slick-initialized) li{width: 50%;}
  
}

@media screen and (max-width: 767.98px){

    /* ****** SERVICES   ****** */
  .service-grid{margin: 0 -5px;}
  .service-grid li{padding: 0 4px;}
  .service-grid li .ser-item .ser-detail .heading-26{padding-right: 35px;font-size: 20px;min-height: 46px;}
  .service-grid li .ser-item .ser-detail .ser-icon{top: 15px;}

}
@media screen and (max-width: 575.98px){
  .service-js:not(.slick-initialized) li:nth-child(n+2){display: none;}
  .service-js:not(.slick-initialized) li{width: 100%;}
}

@media screen and (max-width: 380.98px){
    .inspection-page .service-grid li{width: 100%;}
}