.services-header{
    background: var(--Main-Grad, linear-gradient(270deg, #0C225B 0.09%, #114671 40.04%, #145D7C 70%, #18848E 99.96%));
}

.services-page-tabs{
    box-shadow: 0px 8px 25px -6px rgba(0, 39, 77, 0.04);
}

.services-page-tabs .tab.active{
    color: var(--primary-color);
    font-weight: 500;
    border-bottom: 2px solid #40C1AC;
}

.tabs-services-people .tab-services-people.active,
.tabs-bulletin-daman .tab-bulletin-daman.active,
.tabs-open-info-kpis .tab-open-info-kpis.active{
    border-radius: 100px;
    background: rgba(64, 193, 172, 0.10);
    color: var(--primary-color);
    font-weight: 500;
}

.tabs-services-people .tab-services-people:not(.active),
.tabs-bulletin-daman .tab-bulletin-daman:not(.active),
.tabs-open-info-kpis .tab-open-info-kpis:not(.active){
    border-radius: 100px;
    border: 1px solid #DEE2E6;
    padding: 12px 16px;
}

.search-input-style,.search-input-style:focus-visible{
    border: 1px solid #DEE2E6!important;
    outline: none;
}

.search-input-style::placeholder{
    color:#ADB5BD;
    font-size: 14px;
}

.service-details-data {
    box-shadow: 0px 8px 25px -6px rgba(0, 39, 77, 0.04);
}

.service-details-section .activeTab {
    color: var(--primary-color);
    font-weight: 500;
    border-radius: 8px 8px 0px 0px;
    border-bottom: 2px solid var(--primary-color);
}
.star-rating {
    display:flex;
    flex-direction: row-reverse;
    gap: 4px;
  }
  
  .star-rating input {
    display:none;
  }
  
  .star-rating label {
    color:#ccc;
    cursor:pointer;
  }
  
  .star-rating :checked ~ label svg path {
    fill: var(--primary-color);
  }
  
  .star-rating label:hover svg path,
  .star-rating label:hover ~ label svg path{
    fill: var(--primary-color);
  }
  
/* ------------------------- about us --------------------- */
.sideAboutTab{
  font-weight: 400;
  color: #335176;
}
.activeSideAboutTab{
  font-weight: 500!important;
  color: #40C1AC!important;
  background-color: #F3FBFA;
}

.activeSideAboutTab svg path{
  stroke: #40C1AC;
}

.tabSubAboutUs{
  color: #335176;
  font-weight: 400;
}

.activeTabSubAboutUs{
  color: var(--primary-color);
  font-weight: 500;
  border-bottom: 2px solid var(--primary-color);
}

.filepond--root {
  border: 1px dashed #DEE2E6;
  border-radius: 8px;
  height: 154px;
}
.filepond--root > .filepond--panel {
  background-color: rgba(64, 193, 172, 0.048)!important;
}
.filepond--root .filepond--credits{
  display: none;
}
.filepond--root .filepond--drop-label {
  min-height: 8.75em;
}
.main-member-card{
  background: linear-gradient(270deg, rgba(24, 132, 142, 0.04) 0.09%, rgba(20, 93, 124, 0.04) 30.05%, rgba(17, 70, 113, 0.04) 60.01%, rgba(12, 34, 91, 0.04) 99.96%), #FFF;
}
.mainMemberName{
  background: linear-gradient(270deg, #0C225B 0.09%, #114671 40.04%, #145D7C 70%, #18848E 99.96%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.member-card-img{
  box-shadow: 0px 6.628px 8.837px -6.628px rgba(0, 39, 77, 0.08), 0px 8.837px 17.675px -6.628px rgba(0, 39, 77, 0.04);
}
#apexTreeWrapper svg{
  width: 100%;
  /* height: 1000px; */
  border: none!important;
  background-color: white!important;
}
.apextree-node{
  border-radius: 13px!important;
}
.general{
  background:  linear-gradient(270deg, #0C225B 0.09%, #114671 40.04%, #145D7C 70%, #18848E 99.96%);
}
.table-statistic-heading{
  background:linear-gradient(270deg, #0C225B 0.09%, #114671 40.04%, #145D7C 70%, #18848E 99.96%);
  background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.preview-certificate-hover{
  visibility: hidden;
  opacity: 0.8;
  background: linear-gradient(270deg, #0C225B 0.09%, #114671 40.04%, #145D7C 70%, #18848E 99.96%);
}

.certification-container:hover .preview-certificate-hover{
  visibility: visible;
}

/* ------------ Regulations and policies page -------------------- */
.regulations-first-tab-card:hover{
  background-color: #ECF9F7!important;
  border:1px solid #40C1AC!important
}
.regulations-first-tab-card:hover a{
  background-color: #40C1AC!important;
  border: none!important;
  color: white;
}
.regulations-first-tab-card:hover svg path{
  stroke: #40C1AC!important;
  fill: #40C1AC;
}
.visiting-document-header{
  background-image: url(../images/visitingdocumentHeader.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.visitor-document-header{
  background-image: url(../images/visitordocumentHeader.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.pilgrimage-header{
  background-image: url(../images/pilgrimageHeader.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.home-document-header{
  background-image: url(../images/homeheader.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.health-care-visitor-container{
  background: linear-gradient(270deg, rgba(12, 34, 91, 0.05) 0.09%, rgba(17, 70, 113, 0.05) 40.04%, rgba(20, 93, 124, 0.05) 70%, rgba(24, 132, 142, 0.05) 99.96%);
}
.health-care-visitor-title{
  background: var(--Gradinet, linear-gradient(270deg, #0C225B 0.09%, #114671 40.04%, #145D7C 70%, #18848E 99.96%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* ------------ media center page -------------------- */
.gradient-text-style{
  background: var(--Gradinet, linear-gradient(270deg, #0C225B 0.09%, #114671 40.04%, #145D7C 70%, #18848E 99.96%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.expandedModal {
  width: 90vw;
  height: 90vh;
}
.modal-overlay-background-ligth{
  background-color: rgba(22,33,58,0.80);
}
.modal-overlay-background-dark{
  background-color: #16213A;
}
.about-main-img{
  box-shadow: 0px 6px 12px -6px rgba(0, 39, 77, 0.08), 0px 8px 24px -4px rgba(0, 39, 77, 0.04);
}