.promo-banner{
    display: flex;
    margin: auto;
    margin-top: 30px;
    max-width: 1150px;
    width: 90%;
    min-height: 280px;
    background: #f6f7fb;
    border-radius: 5px;
    overflow: hidden;
    font-family:Arial,sans-serif;

    line-height: 1;
}

.promo-image{
    flex:1;
}
.promo-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.promo-content{flex:1;padding:30px;display:flex;flex-direction:column;justify-content:center;}
.promo-content p {margin:0 0 20px; font-size:16px; }
.promo-btn{align-self:flex-start;padding:14px 28px;background:#4f46e5;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:background .2s;}
.promo-btn:hover{background:#4338ca;}
@media (max-width:768px) {
    .promo-banner{ flex-direction:column; width: 100%; margin: 0; border-radius: 0px; }
    .promo-image{ height:200px; }
    .promo-content{ display: none; }
}