.mobile-app-banner{
    margin-block: 32px;
   
    position: relative;
    color:#fff;
    height: 280px;
    border-radius: 24px;
background: linear-gradient(177deg, #68B4C5 -26.41%, #006D91 97.08%), linear-gradient(90deg, #054D95 0%, #008F91 83.15%);
}
.app--downloads__list{
    display: none;
}
.mobile-app__content{
    width: 100%;
    padding: 0 70px;
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
}


.mobile-app__content {}
.banner__qr{
    width:132px;
    object-fit: cover;
}
.banner__left{
    display: flex;
    align-items: center;
    gap:24px;

}
.banner-text{
    max-width: 288px;
    display: flex;
    flex-direction: column;
    gap:16px;
}
.banner__left h3.banner__title{
font-family: Ubuntu-Bold;
font-size: 40px;
font-style: normal;
line-height: 48px; 
text-transform: uppercase;
}
.mobile-app-banner{
    display: none;
}
.banner__line{
    position: absolute;
    bottom: 0;
    right: 0;
}
.app--downloads__list-desktop {
    display: inline-flex;
;
    gap: 7px;
    align-items: center;
}
.app--downloads__item img{
width: 96px;
height: 34px;
}
.banner__left p.banner__desc{
    color: var(--text-white, #FFF);
font-size: 16px;
font-style: normal;
line-height: 24px; 
opacity: .9;
}
.banner__right{
    position: absolute;
    bottom: 0;
    right: 150px;
}
.app__preview--img{
    width: 208px;
}
@media screen and (max-width:1200px) {
    .app--downloads__list-desktop{
        display: none;
    }
    .mobile-app-banner{
        display: block;
    }
    .app--downloads__list {
        display: inline-flex;
;
        gap: 7px;
        align-items: center;
    }
    .app--downloads__item img{
    width: 96px;
    height: 34px;
    }
    .banner__left h3.banner__title{
        color: #FFF;

font-size: 26px;
font-style: normal;
line-height:  36px; /* 138.462% */
letter-spacing: -0.52px;
    }
    #mobile-app-banner{
        padding: 0 17px;
        margin-block: 24px;
    }
    .app--downloads__list{
        display: flex;
    }
    .mobile-app-banner{
        height:440px;

    }
    .banner-text{
        gap:0;
    }
    .banner__left p.banner__desc{

color: var(--text-white, #FFF);
font-size:  14px;
font-style: normal;
font-weight: 400;
line-height:  20px
    }
    .mobile-app__content{
        padding: 16px 20px;
        align-items: flex-start;
    }
    .banner__qr{
        display: none;
    }
    .banner__right {
        position: absolute;
        bottom: 2px;
        left: 50%;
        transform: translateX(-50%);
        right: unset;
    }
    .banner__left{
        flex-direction: column;
        align-items: flex-start;
        gap:16px;
    }
}