.availablecountries {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.availablecountries-label {
    color: #FFF;
    font-family: var(--font-family);
    font-size: 20px;
    line-height: 1;
    padding-right: 11px;
    padding-top: 1px;
}

.availablecountries-list {
    display: flex;
}

.availablecountries-list div {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 5px;
}

.availablecountries-list img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.recommends {
    margin-top: 20px;
}

.recommends-main {
}

.recommends-row {
}

.recommends-col {
    padding: 20px 0;
}

.recommends-col--header {
}

.recommends-header {
    border-radius: 28px;
    background: radial-gradient(581.55% 119.4% at 98.61% 93.94%, rgba(255, 255, 255, 0.70) 0%, rgba(245, 201, 82, 0.70) 100%), #F5C952;
    text-align: center;
    padding: 40px 30px 40px;
}

.recommends-title {
    color: var(--clr-01);
    font-family: var(--second-family);
    font-size: 36px;
    font-weight: 400;
    line-height: 1.1;
    /* 39.6px */
}

.recommends-description {
    color: var(--clr-01);
    font-family: var(--second-family);
    font-size: 24px;
    padding-top: 20px;
    line-height: 1.3;
}

.recommends-col--content {
}

.recommends-content {
}

.recommend {
    color: #fff;
}

.recommend-main {
    position: relative;
    z-index: 1;
    border-radius: 28px;
    overflow: hidden;
    text-align: center;
    padding: 56px 17px 56px 17px;
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: calc(100dvh - 77px);
}

.recommend-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.recommend-background img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    vertical-align: middle;
}

.recommend-background:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 28px;
    background-image: linear-gradient(181deg, rgba(158, 130, 111, 0) 38.85%, #9E826F 100.31%);
}

.recommend-countries {
    padding-bottom: 8px;
}

.recommend-title {
    color: #FFF;
    font-family: var(--second-family);
    font-size: 36px;
    line-height: 1;
    /* 36px */
}

.recommend-description {
    margin-top: auto;
    color: #FFF;
    text-align: right;
    font-family: var(--font-family);
    font-size: 20px;
    line-height: 1.2;
    /* 24px */
    padding-top: 25px;
}

.recommend-price {
    color: var(--clr-04);
    text-align: right;
    font-family: var(--font-family);
    font-size: 20px;
    line-height: 1;
    /* 20px */
    background: #fff;
    align-self: end;
    padding: 5px 11px 5px 11px;
    border-radius: 48px;
    margin-top: 19px;
}

.recommend-control {
    text-align: right;
    padding-top: 20px;
}

.recommend-button {
    color: #FFF;
    font-family: var(--font-family);
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    /* 20px */
    background: no-repeat;
    outline: none;
    border: none !important;
    padding: 0;
}

.recommend-button svg {
    margin-left: 8px;
}

@media (min-width: 75em) {
    .availablecountries {
    }

    .availablecountries-label {
    }

    .availablecountries-list {
    }

    .availablecountries-list div {
    }

    .availablecountries-list img {
    }

    .recommends {
        margin-top: 56px;
    }

    .recommends-main {
        border-radius: 28px;
        background: radial-gradient(164.9% 63.16% at 53.82% 54.12%, rgba(255, 255, 255, 0.70) 0%, rgba(245, 201, 82, 0.70) 100%), #F5C952;
        padding: 67px 94px 66px 94px;
    }

    .recommends-row {
    }

    .recommends-col {
        padding: 0;
    }

    .recommends-col--header {
    }

    .recommends-header {
        background: no-repeat;
        border: none;
        text-align: left;
        padding: 0 0 39px 0;
        border-radius: 0;
    }

    .recommends-title {
        font-size: 64px;
        padding: 0 5px 0 5px;
    }

    .recommends-description {
        font-size: 36px;
        padding-top: 10px;
        max-width: 870px;
    }

    .recommends-col--content {
    }

    .recommends-content {
    }

    .recommend {
    }

    .recommend-main {
        align-items: end;
        padding: 44px 40px 42px 40px;
        min-height: 394px;
    }

    .recommend-background {
    }

    .recommend-background img {
    }

    .recommend-background:before {
        border-radius: 28px;
        background-image: linear-gradient(85deg, rgba(158, 130, 111, 0) 30.15%, #9E826F 100%);
    }

    .recommend-countries {
        padding-bottom: 20px;
        margin: 0 -5px;
    }

    .recommend-title {
        font-size: 48px;
    }

    .recommend-description {
        margin: 0;
        max-width: 480px;
        padding-top: 21px;
        line-height: 1;
    }

    .recommend-price {
        padding-right: 10px;
        padding-left: 10px;
    }

    .recommend-control {
    }

    .recommend-button {
    }

    .recommend-button svg {
    }
}