#services-title{
    background: #CEEDDE;
    padding-bottom: 2em !important;
}
.services-list-title{
    color: #25935F !important;
    padding-top: 3% !important;
    margin-inline: 8% !important;

    padding-bottom: 0.5em !important;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid black !important;

}
.services-list-title> h6{
    font-size: 1.2em !important;
    font-family: "IBMPlexSans-bold" !important;
    align-self: center;
}


#services-cards-container{
    display: grid !important;
    grid-template-columns: repeat(4,1fr);
    /*padding-inline: 8% !important;*/
    padding-top: 4% !important;
    padding-bottom: 4% !important;

    text-align: center !important;
    text-align-last: center !important;
    gap: 42px;
}

.services-card{
    box-shadow: 0px 3px 5px -1px #ccc;
    padding: 1em !important;
    border-radius: 16px;
    gap: 16px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #D2D6DB !important;

}

.services-card:hover{
    box-shadow: 0px 3px 5px -1px #25935F;
    transition: 0.3s ease;
    transform: translateY(-3%);
    border: 1px solid #25935F    !important;

}

.services-card:hover > h6,img{
    color: #25935F !important;

}

.services-card>h6{
    font-family: "IBMPlexSans-bold" !important;
    font-size: large;
}

.services-card>img{
    height: 100px;
    width: auto;
    object-fit: cover;
}

.services-list-filter{
    padding-top: 1.5em !important;
    /*padding-inline: 8% !important;*/
    display: flex;
    flex-direction: row;
    gap: 1em !important;
}

.filter-types{
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
    padding-inline: 1em !important;
    background-color: unset !important;
    border-radius: 5px;
    border: 1px solid black !important;
}

.filter-types-active{
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
    padding-inline: 1em !important;
    background-color: unset !important;
    border-radius: 5px;
    border: 2px solid #25935F !important;
    box-shadow: -1px 1px 15px -2px lightgray !important;
}

.search{
    display: flex;
    flex-direction: row !important;
    gap: 0.557px !important;
}

.search > .bi{
    position: relative;
    top: 6px;
    left: 16.7em;
    background: none !important;
    border: 0 none;
    padding: 5px;
    height: auto;
    width: auto;
    min-width: 0;
    font-size: 1.5rem;
    color: #403e68 !important;
    font-size: larger;
}

html[dir=ltr] .search > .bi{
    left: -16.7em;
    transform: scaleX(-1);

}

.search > .bi:active{
    color: black !important;
}

.filter-search-bar:dir(rtl){
    border: 1px solid black;
    border-radius: 5px !important;
    height: inherit !important;
    padding: 0.375rem 2rem 0.375rem 1rem !important
}

.filter-search-bar:dir(ltr){
    border: 1px solid black;
    border-radius: 5px !important;
    height: inherit !important;
    padding: 0.375rem 1rem 0.375rem 2rem !important
}


.ms-webpart-titleText
{
	display:none !important;
}

.services-card{
    height: 300px;
    border-radius: 16px;
}

#services-cards-container a{
    color: black;
    text-decoration: none;
    min-width: 100%;
}

.services-card p {
    color: black !important;
    /*overflow-y: overlay !important;*/
    font-size: 14px;
}

.services-card>h6 {
    font-family: "IBMPlexSans-bold" !important;
    font-size: large;
    text-decoration: none !important;
    color: black;
}

button.nav-link {
    /* border: 1px solid black !important; */
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
    padding-inline: 1em !important;
    background-color: unset !important;
    border-radius: 5px;
    border: 1px solid black !important;
    place-content: center;
}

button.nav-link.active {
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
    padding-inline: 1em !important;
    background-color: unset !important;
    border-radius: 5px;
    border: 2px solid #25935F !important;
    box-shadow: -1px 1px 15px -2px lightgray !important;
}

div#nav-tab {

    border: 0;
    /* overflow-x: scroll !important; */
    /* padding-inline: 7% !important; */
    margin: 0 !important;
    flex-wrap: nowrap;
    padding-bottom: .5em;
    width: 100%;
    gap: 0.5em;
    overflow-x: overlay !important;
}

div#nav-tab:not(:last-child) {
    gap: 1em !important;
}

.form-search {
    display: inline-flex;
    gap: 1em;
    padding-bottom: 1em !important;
    /*padding-inline: 8% !important;*/
    width: 100%;
    justify-content: end;
    border-bottom: 1px solid black;
}

.form-control {
    border: 1px solid black;
    padding-inline-start: 2em !important;
    width: 200px;
}

.btn-primary {
    /* display: none; */
    border: 0;
    position: absolute !important;
    /* right: 16.5em !important; */
    background: unset !important;
    /* height: 10px !important; */
    cursor: default;
    padding-inline: 0;
}

html[dir=rtl] .btn-primary {
    transform: translateX(170px) translateY(1.2px);
}

html[dir=ltr] .btn-primary {
    transform: translateX(-170px) translateY(1.2px);
}

i.las.la-search {
    /* font-size: large !important; */
    scale: 0.8;
}