.bg-rubin{
    background-image: url("/images/mag-pattern-600x346-1-e1685711173127.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    color: #fff;
}
.container-text span{
    font-weight: 700;
}
.btn-warning-primary{
    background: #FB8800;
    color: #fff;
}
.btn-warning-primary:hover{
    background: #264664;
}
.category{
    position: relative;
    background-size: cover;
    background-position: center;
    height: 300px; /* або за потребою */
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    border-radius: 10px;
    transition: all .4s;
}
.category:hover{
    background-size: 130%;
}
.btn-warning{
    background: #FB8800;
    border: #FB8800;
}
.text-shadow-custom{
    text-shadow: 2px 2px 4px #264664;
}
.overlay-custom{
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(38, 70, 100, 0.6);
}