.allServ-block {display: flex; flex-direction:row;
width:85%;
 gap: 10px;}


    .grid-services {display: flex;
padding: 20px 15px;
flex-direction: column;
align-items: flex-start;
gap: 10px; border-radius: 15px;
border: 1px solid #DAE2E5;
background: #FFF;
height:15rem;
justify-content:space-between; 
    padding: 14px 18px !important;
}

.grid-services .mid{
width:100% !important; 
}


.grid-icon {width: 28px;
height: 28px;
flex-shrink: 0; border-radius: 30px;}
.g-ic-1 {background-color: #00FF31;     text-align: center;
  writing-mode: vertical-rl;}

  .grid-services:hover{border: 1px solid transparent; /* Transparent base for gradient */
border-image: linear-gradient(to right, #0057FF, #0FA32B) 1; border-radius: 15px;
 }
 .list-services {display: flex;
padding: 20px 15px;
flex-direction: row !important;
align-items: flex-start;
justify-items: center;
align-items: center;
gap: 10px; border-radius: 15px;
border: 1px solid #DAE2E5;
background: #FFF;}

.grid-icon {width: 28px;
height: 28px;
flex-shrink: 0; border-radius: 30px;}
.g-ic-1 {background-color: #00FF31;     text-align: center;
  writing-mode: vertical-rl;}
  .list-services:hover{border: 1px solid transparent; /* Transparent base for gradient */
border-image: linear-gradient(to right, #0057FF, #0FA32B) 1; border-radius: 15px;
 }
 
.grid-heading {color: #000;

font-size: 14px;
font-style: normal;
font-weight: 600;
margin-top:.5rem;
line-height: 150%; 
overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
margin-bottom:.5rem;
}


.grid-subheading{color: #000;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 150%;
margin-top:.5rem;
overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
 }

.grid-contt {
  color: #6C7F86;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 150%; 
overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

/* 15px */}


.grid-btn {display: flex;
padding: 10px 0px;
justify-content: center;
align-items: center;
font-size: 11px;
gap: 10px;border-radius: 34px;


}
.grid-btn:hover {color: #0057FF;}
.list-btn{display: flex;
    padding: 10px 0px;
    justify-content: flex-end;
    align-items: center;
    font-size: 11px;
    gap: 10px;
    border-radius: 34px;
    
}
.list-btn:hover {color: #0057FF; cursor: pointer;}
.-smooth {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}


@property --angle {
	syntax: '<angle>';
	inherits: true;
	initial-value: 0deg;
}

.card:hover {
	--angle: 0deg;
	background: linear-gradient(white, white) padding-box, conic-gradient(from var(--angle), #13dc37, #4949f7) border-box;
	border: 1px solid transparent;
	border-radius: 16px;
	
	animation: rotate-gradient 3s infinite linear;
}
.searching-box {
      position: relative;
      width: 100%;
    }

    .searching-box input[type="text"] {
      width: 100%;
      padding: 10px 40px;
      border: 1px solid #ccc;
      border-radius: 25px;
      font-size: 16px;
      outline: none;
      transition: border-color 0.3s ease;
    }

    .searching-box input[type="text"]:focus {
      border-color: #4caf50;
    }

    .searching-box .icon {
      position: absolute;
      left: 10px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 18px;
      color: #aaa;
    }
@keyframes rotate-gradient {
	from { --angle: 0deg; }
	to { --angle: 360deg; }
}
.badges {display: flex; flex-wrap: wrap;
 width: fit-content !important; 
margin-right: 7px;
 margin-top: 5px;
margin-bottom:7px;
 padding: 5px 10px;
 justify-content: center; 
align-items: center; gap: 10px;
 border-radius: 4px; 
border: 1px solid #66A3FF; background: #E3EEFF; font-size: 12px;
box-shadow: 2px 3px;
}

.badges_all_service { flex-wrap: wrap;
 width: fit-content !important; 
margin-right: 7px;
 margin-top: 5px;
margin-bottom:7px;
 padding: 5px 10px;
 justify-content: center; 
align-items: center; gap: 10px;
 border-radius: 4px; 
border: 1px solid #66A3FF; background: #E3EEFF; 
box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
font-size: 12px;
}

.badges.active {display: flex; flex-wrap: wrap;
width: fit-content !important; margin-right: 5px; margin-top: 5px; padding: 5px 10px; justify-content: center; align-items: center;
 gap: 10px; border-radius: 4px; border: 1px solid #66A3FF; background: #66A3FF; font-size: 12px; font-style: italic;}

 .s-filter .nav .nav-item:hover{
border-bottom:none !important;
} 


 .s-filter ul li:nth-last-child(-n + 2) {
  display: none;
}