.country-banner {
    color: #272727;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 16px;
    padding-bottom: 28px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 24px;
    display: flex;
    justify-content: center;
}

.country-banner__container {
    position: relative;
    z-index: 20 ;
    max-width: 1200px;
    width: 100%;
    margin: 0 15px;
}
.country-banner__inner-container {
    padding-right: 305px;
    position: relative;
    z-index: 30;
}
.country-banner__logo {
    margin-bottom: 8px;
}
.country-banner__header {
    color: #272727;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 136%;
    margin-bottom: 4px;
    position: relative;
    z-index: 30;
}

.country-banner__txt {
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 32px;
    position: relative;
    z-index: 30;
}
.country-banner__btns {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.country-banner__btns>a {
    padding: 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: 169px;
    height: 40px;
    box-sizing: border-box;
}
.country-banner__btns>a:hover {
    text-decoration: none;
    background: #000;
}
.country-banner__btns>a::before {
    content: '';
    position: relative;
    display: block;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
}
.country-banner__btns .country-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;
}
.country-banner__btns .country-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;
}

.country-banner__img {
    position: absolute;
    right: -62px;
    bottom: -29px;
    display: block;
    z-index: 10;

    height: auto;
}


/*countrys*/

.country-banner.uk .country-banner__img {
    right: -14px;
}
.country-banner.brazil .country-banner__img {
    right: -38px;
}

.country-banner.portugal, .country-banner.south-america, .country-banner.scandinavia, .country-banner.north-america {
    background-position-x: right;
}

@media (max-width: 740px) {
    .country-banner {
        padding: 12px 0;
        min-height: 340px;
    }
    .country-banner__inner-container {
        padding-right: 0;
    }
    .country-banner__logo {
        display: none;
    }
    .country-banner__header {
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 136%;
    }
    .country-banner__txt {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        margin-bottom: 16px;
    }

    .country-banner__img {
        width: 257px;
        height: auto;
        right: -43px;
        bottom: -14px;
    }

}