.service-search-input {
    font-family: ds;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.08);
  
  }
  
  .service-card-detils {


    padding: 20px;
    border-radius: var(--rounded-md);
    border: 1px solid var(--light-borders);
    background: var(--white);
    box-shadow: 0px 0px 11px 0px var(--box-shadow);
    width:100%;
  }
  
    .card-detils1 {
    display: block !important;
    padding: 12px;
    border-radius: var(--rounded-md);
    border: 1px solid var(--light-borders);
    background: var(--white);
    box-shadow: 0px 0px 11px 0px var(--box-shadow);
    width:100%;
  }
  

  
  .service-cards>.service-card-detils:hover,
  .service-cards>.service-card-detils:hover p,
  .service-cards>.service-card-detils:hover h2,
  .service-cards>.service-card-detils:hover span {
    color: var(--white);
    background: var(--dark-primary);
  }
  
  .number-box {
    border-radius: 6px;
    border: 1px solid var(--dark-primary);
    background: #F7F8F9;
    color: var(--dark-primary);
    padding: 4px 12px;
    margin-left: 10px;
  }
  
  .sd-nav-item {
    width: 33%;
    text-align: center;
  }
  
  .sd-nav-head .sd-nav-link.active,
  .sd-nav-head .show>.sd-nav-link {
    color: #000 !important;
    font-weight: bold;
    background-color: #fff !important;
    border-bottom: 4px solid #007c5a;
    border-radius: 0px !important;
  }
  
  .news-img {
    border-radius: var(--rounded-md);
    border: 1px solid var(--light-borders);
    box-shadow: 0px 0px 11px 0px var(--box-shadow);
    margin-bottom: -16px;
    width:100%;
  }
  
  .pagenation .ds-pagination .pagination-bar ul {
    gap: 10px;
  }
  
  .pagenation .ds-pagination .btn.btn-icon {
    border-radius: 7px;
    padding: 10px;
    box-shadow: 0px 0px 11px 0px var(--box-shadow);
    border: none;
  }
  
  .pagenation .ds-pagination .active {
    background-color: var(--dark-primary) !important;
  }
  .news-date{
    border-radius: var(--rounded-md);
    background-color: var(--dark-primary) !important;
    padding: 4px;
    color: var(--dark-seconday);
    position: absolute;
    opacity: 75%;
  }
  
  .news-card>.service-card-detils:hover,
  .news-card>.service-card-detils:hover p,
  .news-card>.service-card-detils:hover h2,
  .news-card>.service-card-detils:hover span 
  {
    color: var(--white);
    background: var(--dark-primary);
  }
  .sorttype a:link,
  .sorttype a:visited {
  background-color: inherit;
  color: inherit;
  text-decoration: inherit;
}
.services-card a:link, 
.services-card a:visited, 
.services-card a:hover {
  background-color: inherit;
  color: inherit;
  text-decoration: inherit;
}
.service-card-detils p {
    height: 90px;
    overflow: hidden;
}
.service-card-detils h2 {
    height: 68px;
    overflow: hidden;
    padding:8px;
}


.card-leader-title {
  border-radius: 10px 10px 0px 0px;
  background: var(--dark-primary);
  position: relative;
  margin-bottom: -6px;
  min-height: 55px;
  box-shadow: 0px 0px 11px 0px var(--box-shadow);

}
.card-leader {
    padding: 20px;
  border-radius: var(--rounded-md);
  border: 1px solid var(--light-borders);
  background: var(--white);
  box-shadow: 0px 0px 11px 0px var(--box-shadow);
  width:100%;
  margin-top:0px;
  min-height: 475px;
}
.card-leader .img-leader {
  max-height: 280px;
}
.hadr {
  width: 33.333%;
  text-align: center;
}
.card-leader a:link,
.card-leader a:visited {
  background-color: inherit;
  color: inherit;
  text-decoration: inherit;
}
.leader-heddin{
display: none;
}
.leader-show{
display: block;
}
.thisAccord {
 width: 100%;
 direction: rtl;
}
.thisAccord:after {
font-family: ds;
font-size: 20px;
font-weight:bold;
padding: 1px 10px;
content: '\eb1c';
float: left;
}
.pan {
max-height: 0;
overflow: hidden;
padding: 0px 32px;
border-right: 1px dashed var(--light-grayt);
border-bottom: 1pt solid var(--light-gray);
transition: max-height 0.2s ease-out;
direction: rtl;
}


.moj-card{
  border-radius: 8px !important;
  height: 247px;
  position: relative;
  padding: 36px;
  text-align: center;
  border-color: var(--light-borders) !important;
  box-shadow: 1px 1px 10px var(--box-shadow);
  overflow: hidden;
}
.moj-card img {
  width: 100px;
  transition: 0.3s;
  z-index: 2;
  position: relative;
}
.moj-card a::before, .moj-card a::after{
  content: '';
  position: absolute;
  width: 130px;
  height: 130px;
  background-color: var(--white);
  top: 36px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  transition: 0.8s;
}
.moj-card h2 {
  z-index: 2;
  position: relative;
  transition: 0.5s;
  margin-top: 24px;
  font-weight: normal;
  transform: translateX(-10px);
}
.moj-card:hover h2 {
  color: var(--white) !important;
  transform: translateX(0px);
}
.moj-card:hover i{
  opacity: 1;
}
.moj-card i{
  transition: 0.5s;
  color: var(--white);
  opacity: 0;
}
 
.moj-card:hover a::before {
  background-color: #5c9588;
  width: 200%;
  height: 200%;
  top: -50%;
}
.moj-card a::after {
  border: 4px solid var(--white);
  box-shadow: 0px 0px 0px 4px #ffffff94;
}
.moj-card:hover a::after {
  border: 4px solid #5c9588;
  box-shadow: 0px 0px 0px 4px #ffffff94;
}
.pagination2 ul,
.pagenation ul{ 
display: flex !important;
list-style-type: none !important;
margin-top:20px;
}

.pagination li,
.pagination2 li{

border-radius: 7px;
padding: 4px 10px;;
box-shadow: 0px 0px 11px 0px var(--box-shadow);
text-align: center;
border-color: var(--light-borders) !important;
color:  var(--dark-primary);
font-weight: 700;
font-size:  var(--text-lg) !important;
margin: 4px;	
}
.pagination-page.active{
background-color: var(--dark-primary) !important;	
color: var(--light-bg) !important;	
}
.servicesSwipero.swiper {
    width: 100%;
    height: 185px;
    padding: 0px;
}