@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto-Bold'),
    url('https://1014042311.rsc.cdn77.org/fonts/roboto/Roboto-Bold.woff2') format('woff2'),
    url('https://1014042311.rsc.cdn77.org/fonts/roboto/Roboto-Bold.woff') format('woff'),
    url('https://1014042311.rsc.cdn77.org/fonts/roboto/Roboto-Bold.ttf') format('truetype');
}

#dsk-banner {
    padding:15px  60px ;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    background: url('../jpg/banner_desktop__background.jpg') no-repeat center center;
}
#dsk-banner .dsk-banner__content, #dsk-banner .dsk-banner__btns, #dsk-banner .dsk-banner__right {
    display: flex;
    align-items: center;
}
#dsk-banner .dsk-banner__content {
    gap: 40px;
    position: relative;
    z-index: 10;
}
#dsk-banner .dsk-banner__txt {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #272727;
    font-size: 19px;
    line-height: 26px;
    margin-bottom: 14px;
}
#dsk-banner .dsk-banner__txt>span {
    color: #B51923;
}
#dsk-banner .dsk-banner__btns {
    gap: 10px;
    justify-content: space-between;
}
#dsk-banner .dsk-banner__btns>a {
    padding: 8px 10px;
    background: #272727;
    border-radius: 15px;
    border: 1px solid #000;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    width: 170px;
    height: 40px;
    box-sizing: border-box;
}
#dsk-banner .dsk-banner__btns>a:hover {
    text-decoration: none;
    background: #000;
}
#dsk-banner .dsk-banner__btns>a::before {
    content: '';
    position: relative;
    display: block;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
}
#dsk-banner .dsk-banner__ios::before {
    background: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014.19%2017%22%3E%3Cpath%20d%3D%22M11.85%2C9.04c-.02-2.15%2C1.8-3.19%2C1.89-3.24-1.03-1.47-2.63-1.67-3.2-1.68-1.34-.14-2.65%2C.78-3.33%2C.78s-1.75-.77-2.89-.75c-1.46%2C.02-2.83%2C.85-3.58%2C2.13-1.55%2C2.61-.39%2C6.46%2C1.09%2C8.57%2C.74%2C1.03%2C1.61%2C2.19%2C2.74%2C2.15%2C1.11-.04%2C1.53-.69%2C2.87-.69s1.72%2C.69%2C2.88%2C.66c1.19-.02%2C1.94-1.04%2C2.66-2.08%2C.86-1.19%2C1.2-2.35%2C1.22-2.41-.03%2C0-2.31-.86-2.34-3.43Z%22%20style%3D%22fill%3A%23fff%3B%22%2F%3E%3Cpath%20d%3D%22M9.66%2C2.72c.6-.73%2C1.01-1.72%2C.89-2.72-.86%2C.04-1.95%2C.58-2.57%2C1.3-.55%2C.63-1.04%2C1.66-.92%2C2.62%2C.97%2C.07%2C1.97-.48%2C2.59-1.19Z%22%20style%3D%22fill%3A%23fff%3B%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    background-size: 17px;
}
#dsk-banner .dsk-banner__ggl::before {
    background: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.94%2017.07%22%3E%3Cpath%20d%3D%22M1.13%2C.04l-.11%2C.05%2C3.37%2C3.92%2C3.37%2C3.92%2C1.2-1.4c.66-.77%2C1.19-1.41%2C1.17-1.42-.02-.03-.41-.27-2.21-1.39-2.08-1.29-2.89-1.8-4.21-2.63C1.92-.03%2C2.01%2C.02%2C1.58%2C0c-.22-.01-.38%2C0-.45%2C.03Z%22%20style%3D%22fill%3A%23fff%3B%22%2F%3E%3Cpath%20d%3D%22M.31%2C.66c-.11%2C.17-.21%2C.43-.26%2C.64-.04%2C.16-.05%2C1.48-.05%2C7.24%2C0%2C6.91%2C0%2C7.05%2C.07%2C7.29%2C.06%2C.23%2C.27%2C.65%2C.32%2C.65%2C.01%2C0%2C1.56-1.79%2C3.44-3.97l3.41-3.97-3.43-3.99L.37%2C.56l-.07%2C.11Z%22%20style%3D%22fill%3A%23fff%3B%22%2F%3E%3Cpath%20d%3D%22M9.56%2C7.03l-1.28%2C1.49%2C1.28%2C1.49c.7%2C.82%2C1.29%2C1.49%2C1.3%2C1.49%2C.04%2C0%2C2.4-1.49%2C2.51-1.59%2C.28-.24%2C.5-.73%2C.56-1.21%2C.03-.27-.04-.67-.16-.98-.2-.47-.33-.58-1.69-1.43-.66-.41-1.2-.75-1.22-.76%2C0%2C0-.6%2C.66-1.3%2C1.49Z%22%20style%3D%22fill%3A%23fff%3B%22%2F%3E%3Cpath%20d%3D%22M4.38%2C13.06l-3.37%2C3.92%2C.1%2C.05c.16%2C.08%2C.72%2C.06%2C.92-.03%2C.13-.06%2C2.66-1.62%2C3.36-2.06%2C.12-.08%2C.53-.33%2C3.03-1.89%2C.88-.55%2C1.73-1.08%2C1.75-1.09%2C0%2C0-.54-.64-1.2-1.41l-1.21-1.4-3.37%2C3.92Z%22%20style%3D%22fill%3A%23fff%3B%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    background-size: 17px;
}
#dsk-banner .dsk-banner__image {
    position: absolute;
    top: 67%;
    transform: translateY(-50%);
    right: -58px;
}
.banner_desktop__hidden {
    display: none;
}

@media screen and (max-width: 1030px) {
    #dsk-banner .dsk-banner__image {
        top: 82%;
        right: -108px;
    }

    #dsk-banner .dsk-banner__image img{
        width: 311px;
        height: auto;
    }
}

@media screen and (max-width: 830px) {
    #dsk-banner {
       display: none;
    }
    .banner_desktop__hidden {
        display: block;
    }
}