.fltr_crd {
    height: 35px;
    width: 35px;
}
.form-inputs {
    justify-content: flex-end;
}
#letter .card {
    background: none;
}
#letter .card.active {
    background: #032AB8;
    color: white;
    font-weight: bold;
}
.boy_baby {
    width: 23px;
    height: fit-content;
}
.girl_baby {
    width: 20px;
    height: fit-content;
}
.twin_baby {
    width: 25px;
    height: fit-content;
}
.filter-option.active label {
    color: white;
}
.srch_labl, .filter-option.active {
    background: #032AB8;
    color: white;
}
.accordion {
    --bs-accordion-border-bottom-width: 0px!important;
    --bs-accordion-border-color: none!important;
}
.accordion-button:focus {
    border-color:dimgrey!important;
    box-shadow: none!important;
}
#fav_baby.active {
    filter: brightness(0) saturate(100%) invert(51%) sepia(81%) saturate(7068%) hue-rotate(346deg) brightness(90%) contrast(149%);
}
.popover-body {
    padding: .25rem !important;
}
.accordion-item {
    box-shadow: rgb(96 135 147 / 25%) 0px 4px 8px -2px, rgb(58 110 197 / 8%) 0px 0px 0px 1px;
}
#bvcx input {
    position-area: center;
}
.fav_baby.active {
    filter: brightness(0) saturate(100%) invert(25%) sepia(69%) saturate(2609%) hue-rotate(337deg) brightness(95%) contrast(83%);
}
#language-list {
    width: 25%;
}

.overflow-scroll::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
.facebook, .twitter, .whatsapp {
    width: 40px;
}


#options {
    float: inline-end;
    margin-top: 15px;
    z-index: 5;
    margin-right: 34px;
    position: relative;
    margin-bottom: -45px;
    cursor: pointer;
}
@media (max-width: 1024px) {
    #language-list {
        width: 50%;
    }
}
@media (max-width: 767px) {
    #bvcx {
        width: 100%!important;
    }
    #language-list {
        width: 75%;
    }
    .name-flx {
        flex-direction: column;
    }
    .cotnt {
        width: 100%!important;
    }
}