.banner {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-image: url("https://kazkredit.kz/images/banner.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px 0;
    padding: 20px;
    -webkit-transition: box-shadow .2s ease;
    -moz-transition: box-shadow .2s ease ;
    -ms-transition: box-shadow .2s ease ;
    -o-transition: box-shadow .2s ease ;
    transition: box-shadow .2s ease ;
}

.banner:hover {
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15); }

.banner__header {
    margin-top: 0; }

.banner__text {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }