.categories .cat-item .item-caption {
    background-color: rgba(38, 30, 50, 0.4);
    transition: background-color 0.35s ease;
    top: 0;
    left: 0;
}
.main{
    padding-top: 0px !important;
}
.fs-5 {
    font-size: 1.25rem !important;
}
.fs-13{
    font-size: 13px;
}
.fs-14{
    font-size: 14px !important;
}
.rounded-sm{
    border-radius: .5rem !important;
}
.categories .cat-item .item-caption .title {
    transition: color 0.15s ease;
}
.categories .cat-item .item-caption .caption-content {
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    transition: all 0.35s ease;
}
.categories .cat-item:not(:hover) .item-caption .caption-content {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.categories .cat-item:hover .item-caption {
    background-color: rgba(0, 1, 0, );
    z-index: 4;
}
.btn-outline-white{
    border: 1px solid #fff;
    color: #fff;
}
.btn-outline-white:hover{
    background-color: #fff !important;
    color: #000 !important;
}
.categories .cat-item:hover .item-caption .title {
    color: var(--bs-theme-second) !important;
}
.categories .cat-item:hover .item-caption .caption-content {
    max-height: 100%;
    opacity: 1;
}
.categories .ribbon {
    background-color: #ffd128;
    transform: rotate(-45deg) translate(-30%, -45%);
    z-index: 3;
}