body {
    background-color: #f7f7f7;
    background-color: #fff;
    text-align: center;
}
button:focus {
    outline: 0px;
}
.category {
    background-color: #f7f7f7;
}
a:visited, a:active, a:focus {
    color: #005890;
}

a:hover {
    color: #64b7ad;
}
.container{
   
}
.category {
    border-radius: 5px;
    
}
.mainCat-image {
    /* height: 300px;*/
    /* background-size: cover;*/
    /* border-radius: 25px;*/
    border-radius: 5px;
    width:100%;
    box-shadow: rgb(50 50 93 / 25%) 0px -4px 12px -2px, rgb(0 0 0 / 30%) 0px -2px 7px -3px;
}
.mainCat-title {
    font-weight: bold;
    /*border-bottom-left-radius: 2.5rem;
    border-bottom-right-radius: 2.5rem;*/
    text-align: center;
    
}
.subCats {
    /*margin-top: -6rem;*/
}
.subCat {
    height: 15rem;
}
.subCat-image {
    position: relative;
    background-size: cover;
    /*border-radius: 35px 35px 0px 0px;*/
    border-radius: 5px 5px 0px 0px;
    box-shadow: rgb(50 50 93 / 25%) 0px -4px 12px -2px, rgb(0 0 0 / 30%) 0px -2px 7px -3px;
}
.subCat-title {
    font-weight: bold;
    padding:0.5rem;
    font-size:1rem;
}
.subCat-title-background {
    padding:0px !important;
    background-color: #cfd2e9aa;
    /*border-radius: 0px 0px 35px 35px;*/
    border-radius: 0px 0px 5px 5px;
    box-shadow: rgb(50 50 93 / 25%) 0px -4px 12px -2px, rgb(0 0 0 / 30%) 0px -2px 7px -3px;
}
.card-title {
    margin-bottom: 0;
} 

.slick-slide {
    margin-left: 15px;
}

.slick-prev, .slick-next {
    top: 100% !important;
}

.btn-next, .btn-prev {
    padding: 0;
    border: none;
    border-radius: 200px;
    background-color: #005890;
    color: white;
    width: 30px;
    height: 30px;
    box-shadow: rgb(50 50 93 / 25%) 0px -4px 12px -2px, rgb(0 0 0 / 30%) 0px -2px 7px -3px;
}
    .btn-prev.slick-disabled,
    .btn-next.slick-disabled {
        padding: 0;
        border: none;
        border-radius: 200px;
        background-color: grey;
        color: white;
        width: 30px;
        height: 30px;
        box-shadow: rgb(50 50 93 / 25%) 0px -4px 12px -2px, rgb(0 0 0 / 30%) 0px -2px 7px -3px;
    }


.slick-dots {
    position:unset !important;
}
.slick-slider{
    margin-bottom:-25px !important;
}