.activities-services .activities {
    overflow: hidden;
    padding: 172px 70px;
    background: #f7f6e2;
    position: relative;
}

@media (max-width: 1919px) {
    .activities-services .activities {
        padding: 104px 56px;
    }
}

@media (max-width: 1439px) {
    .activities-services .activities {
        padding: 100px 48px;
    }
}

@media (max-width: 1279px) {
    .activities-services .activities {
        padding: 88px 40px;
    }
}

@media (max-width: 1023px) {
    .activities-services .activities {
        padding: 77px 32px;
    }
}

@media (max-width: 767px) {
    .activities-services .activities {
        padding: 56px 18px;
    }
}

.activities-services .activities .activity {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.activities-services .activities .activity:not(:first-child) {
    margin-top: 140px;
}

@media (max-width: 1919px) {
    .activities-services .activities .activity:not(:first-child) {
        margin-top: 104px;
    }
}

@media (max-width: 1439px) {
    .activities-services .activities .activity:not(:first-child) {
        margin-top: 100px;
    }
}

@media (max-width: 1279px) {
    .activities-services .activities .activity:not(:first-child) {
        margin-top: 88px;
    }
}

@media (max-width: 767px) {
    .activities-services .activities .activity:not(:first-child) {
        margin-top: 56px;
    }
}

@media (max-width: 1023px) {
    .activities-services .activities .activity {
        flex-direction: column;
        align-items: flex-start;
        grid-gap: 32px;
        gap: 32px;
    }
}

.activities-services .activities .activity .img-wrapper {
    width: 890px;
    height: 890px;
}

@media (max-width: 1919px) {
    .activities-services .activities .activity .img-wrapper {
        width: 664px;
        height: 664px;
    }
}

@media (max-width: 1439px) {
    .activities-services .activities .activity .img-wrapper {
        width: 592px;
        height: 592px;
    }
}

@media (max-width: 1279px) {
    .activities-services .activities .activity .img-wrapper {
        width: 472px;
        height: 472px;
    }
}

@media (max-width: 1023px) {
    .activities-services .activities .activity .img-wrapper {
        width: 704px;
        height: 464px;
    }
}

@media (max-width: 767px) {
    .activities-services .activities .activity .img-wrapper {
        width: 339px;
        height: 339px;
    }
}

.activities-services .activities .activity .img-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.activities-services .activities .activity .content {
    max-width: 505px;
}

@media (max-width: 1439px) {
    .activities-services .activities .activity .content {
        max-width: 384px;
    }
}

@media (max-width: 1279px) {
    .activities-services .activities .activity .content {
        max-width: 344px;
    }
}

@media (max-width: 1023px) {
    .activities-services .activities .activity .content {
        max-width: 464px;
    }
}

@media (max-width: 767px) {
    .activities-services .activities .activity .content {
        max-width: 339px;
    }
}

.activities-services .activities .activity .content .title {
    font-family: "Cormorant Garamond";
    font-style: normal;
    font-weight: 300;
    font-size: 84px;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #3e376d;
}

@media (max-width: 1919px) {
    .activities-services .activities .activity .content .title {
        font-size: 67px;
    }
}

@media (max-width: 1439px) {
    .activities-services .activities .activity .content .title {
        font-size: 64px;
    }
}

@media (max-width: 1279px) {
    .activities-services .activities .activity .content .title {
        font-size: 55px;
    }
}

@media (max-width: 767px) {
    .activities-services .activities .activity .content .title {
        font-size: 36px;
    }
}

.activities-services .activities .activity .content .description {
    margin-top: 64px;
    font-family: "Cera PRO";
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    color: #3e376d;
}

@media (max-width: 1919px) {
    .activities-services .activities .activity .content .description {
        margin-top: 56px;
    }
}

@media (max-width: 1439px) {
    .activities-services .activities .activity .content .description {
        margin-top: 48px;
    }
}

@media (max-width: 1279px) {
    .activities-services .activities .activity .content .description {
        margin-top: 40px;
    }
}

@media (max-width: 1023px) {
    .activities-services .activities .activity .content .description {
        margin-top: 24px;
    }
}

@media (max-width: 767px) {
    .activities-services .activities .activity .content .description {
        margin-top: 16px;
        font-size: 14px;
    }
}

.activities-services .activities .activity.even .img-wrapper {
    order: 1;
}

@media (max-width: 1023px) {
    .activities-services .activities .activity.even .img-wrapper {
        order: unset;
    }
}

.activities-services .activities.block1 .curve {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: -8%;
    right: 0;
    transform: translateY(-8%);
}

@media (max-width: 1279px) {
    .activities-services .activities.block1 .curve {
        top: -16%;
        transform: translateY(-16%);
    }
}

@media (max-width: 767px) {
    .activities-services .activities.block1 .curve {
        top: -20%;
        right: -30%;
        transform: translate(-30%, -16%);
    }
}

.activities-services .activities.block1 .letterBg {
    -o-object-fit: cover;
    object-fit: cover;
    width: 137px;
    height: 213px;
    position: absolute;
    bottom: 30%;
    left: 48%;
    transform: translate(-48%, -30%);
}

@media (max-width: 1919px) {
    .activities-services .activities.block1 .letterBg {
        width: 96px;
        height: 150px;
    }
}

@media (max-width: 1439px) {
    .activities-services .activities.block1 .letterBg {
        width: 74px;
        height: 115px;
    }
}

@media (max-width: 1279px) {
    .activities-services .activities.block1 .letterBg {
        width: 58px;
        height: 90px;
    }
}

@media (max-width: 1023px) {
    .activities-services .activities.block1 .letterBg {
        bottom: 11%;
        right: 7%;
        left: unset;
        transform: translate(-5%, -8%);
    }
}

@media (max-width: 767px) {
    .activities-services .activities.block1 .letterBg {
        width: 41px;
        height: 64px;
        bottom: -2%;
        transform: translate(-5%, -2%);
    }
}

.activities-services .activities.block1 .asset-wrapper {
    position: absolute;
    top: 32%;
    left: 0;
    transform: translateY(-32%);
    display: flex;
    flex-direction: column;
    transform: rotate(180deg);
}

.activities-services .activities.block1 .asset-wrapper .asset .figure {
    fill: #29b6aa;
}

.activities-services .activities.block2 {
    padding-top: 0;
}

.activities-services .activities.block2 .letterBg {
    position: absolute;
    top: -2%;
    left: 50%;
    transform: translate(-50%, -2%);
    width: 160px;
    height: 260px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 1919px) {
    .activities-services .activities.block2 .letterBg {
        width: 92px;
        height: 150px;
    }
}

@media (max-width: 1439px) {
    .activities-services .activities.block2 .letterBg {
        width: 71px;
        height: 115px;
    }
}

@media (max-width: 1279px) {
    .activities-services .activities.block2 .letterBg {
        width: 55px;
        height: 90px;
    }
}

@media (max-width: 1023px) {
    .activities-services .activities.block2 .letterBg {
        top: -3%;
        left: 1%;
        transform: translate(-2%, 3%);
    }
}

@media (max-width: 767px) {
    .activities-services .activities.block2 .letterBg {
        width: 39px;
        height: 64px;
        left: 2%;
    }
}

.activities-services .activities.block2 .asset {
    width: 95px;
    height: 95px;
    position: absolute;
    left: 32%;
    bottom: 36%;
    transform: translate(-32%, -36%);
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 1919px) {
    .activities-services .activities.block2 .asset {
        width: 72px;
        height: 72px;
    }
}

@media (max-width: 1439px) {
    .activities-services .activities.block2 .asset {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 1279px) {
    .activities-services .activities.block2 .asset {
        width: 41px;
        height: 41px;
        left: 40%;
        bottom: 40%;
        transform: translate(-40%, -40%);
    }
}

@media (max-width: 1023px) {
    .activities-services .activities.block2 .asset {
        bottom: 11%;
        right: 12%;
        left: unset;
        transform: translate(-12%, -11%);
    }
}

@media (max-width: 767px) {
    .activities-services .activities.block2 .asset {
        bottom: 1%;
        right: 10%;
        transform: translate(-10%, -5%);
    }
}

.activities-services .events {
    height: 1024px;
    padding-bottom: 172px;
    box-sizing: content-box;
    background: #f7f6e2;
    position: relative;
}

@media (max-width: 1919px) {
    .activities-services .events {
        height: 744px;
        padding-bottom: 136px;
    }
}

@media (max-width: 1439px) {
    .activities-services .events {
        height: 720px;
        padding-bottom: 132px;
    }
}

@media (max-width: 1279px) {
    .activities-services .events {
        height: 768px;
        padding-bottom: 116px;
    }
}

@media (max-width: 1023px) {
    .activities-services .events {
        height: 576px;
    }
}

@media (max-width: 767px) {
    .activities-services .events {
        height: 711px;
        padding-bottom: 88px;
    }
}

.activities-services .events .container {
    height: 100%;
    position: relative;
}

.activities-services .events .container:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    z-index: 1;
}

.activities-services .events .events-wrapper {
    padding: 80px 70px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

@media (max-width: 1919px) {
    .activities-services .events .events-wrapper {
        padding: 56px;
    }
}

@media (max-width: 1439px) {
    .activities-services .events .events-wrapper {
        padding: 56px 48px;
    }
}

@media (max-width: 1279px) {
    .activities-services .events .events-wrapper {
        padding: 64px 40px;
    }
}

@media (max-width: 1023px) {
    .activities-services .events .events-wrapper {
        padding: 56px 32px;
    }
}

@media (max-width: 767px) {
    .activities-services .events .events-wrapper {
        padding: 18px;
        justify-content: center;
        grid-gap: 24px;
        gap: 24px;
    }
}

.activities-services .events .events-wrapper .title {
    font-family: "Cera PRO";
    font-style: normal;
    font-weight: 400;
    font-size: 80px;
    line-height: 90%;
    text-transform: uppercase;
    color: #fff;
    z-index: 1;
}

@media (max-width: 1919px) {
    .activities-services .events .events-wrapper .title {
        font-size: 64px;
        line-height: 100%;
    }
}

@media (max-width: 1439px) {
    .activities-services .events .events-wrapper .title {
        font-size: 60px;
        line-height: 90%;
    }
}

@media (max-width: 1279px) {
    .activities-services .events .events-wrapper .title {
        font-size: 52px;
    }
}

@media (max-width: 767px) {
    .activities-services .events .events-wrapper .title {
        font-size: 34px;
        text-align: left;
    }
}

.activities-services .events .events-wrapper .title span {
    display: inline-block;
    font-family: "Cormorant Garamond";
    font-style: normal;
    font-weight: 300;
    font-size: 84px;
    line-height: 90%;
    text-align: center;
    letter-spacing: -0.03em;
    color: #fff;
}

@media (max-width: 1919px) {
    .activities-services .events .events-wrapper .title span {
        font-size: 67px;
        line-height: 100%;
    }
}

@media (max-width: 1439px) {
    .activities-services .events .events-wrapper .title span {
        font-size: 64px;
        line-height: 90%;
    }
}

@media (max-width: 1279px) {
    .activities-services .events .events-wrapper .title span {
        font-size: 55px;
    }
}

@media (max-width: 767px) {
    .activities-services .events .events-wrapper .title span {
        font-size: 36px;
        text-align: inherit;
    }
}

.activities-services .events .events-wrapper .content {
    max-width: 355px;
    font-family: "Cera PRO";
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    color: #fff;
    z-index: 1;
}

@media (max-width: 1919px) {
    .activities-services .events .events-wrapper .content {
        max-width: 337px;
    }
}

@media (max-width: 1439px) {
    .activities-services .events .events-wrapper .content {
        max-width: 234px;
    }
}

@media (max-width: 1279px) {
    .activities-services .events .events-wrapper .content {
        max-width: 304px;
    }
}

@media (max-width: 767px) {
    .activities-services .events .events-wrapper .content {
        max-width: 339px;
        font-size: 14px;
    }
}

.activities-services .events .events-wrapper .content>button {
    margin-top: 56px;
}

@media (max-width: 1919px) {
    .activities-services .events .events-wrapper .content>button {
        margin-top: 40px;
    }
}

@media (max-width: 1023px) {
    .activities-services .events .events-wrapper .content>button {
        margin-top: 32px;
    }
}

.activities-services .events .events-wrapper .background {
    z-index: unset;
}

.activities-services .events .spa-img {
    position: absolute;
    bottom: 0;
    right: 70px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 403px;
    height: 523px;
    z-index: 2;
}

@media (max-width: 1919px) {
    .activities-services .events .spa-img {
        width: 289px;
        height: 375px;
        right: 59px;
        bottom: 13px;
    }
}

@media (max-width: 1439px) {
    .activities-services .events .spa-img {
        width: 267px;
        height: 347px;
        right: 48px;
        bottom: 14px;
    }
}

@media (max-width: 1279px) {
    .activities-services .events .spa-img {
        width: 224px;
        height: 291px;
        right: 40px;
        bottom: 13px;
    }
}

@media (max-width: 1023px) {
    .activities-services .events .spa-img {
        width: 167px;
        height: 217px;
        right: 32px;
        bottom: 36px;
    }
}

@media (max-width: 767px) {
    .activities-services .events .spa-img {
        width: 128px;
        height: 167px;
        right: 18px;
        bottom: 56px;
    }
}

.room-features {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 235px;
    width: 100%;
}

.room-features .feature {
    font-family: "Cera Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    text-transform: uppercase;
    color: #fff;
    opacity: 0.8;
}

.room-features .feature:not(:first-child) {
    padding-left: 24px;
}

@media (max-width: 767px) {
    .room-features .feature:not(:first-child) {
        padding-left: 16px;
    }
}

.room-features .feature:not(:last-child):after {
    content: "";
    border-right: 1px solid hsla(0, 0%, 100%, 0.2);
    padding-left: 24px;
}

@media (max-width: 767px) {
    .room-features .feature:not(:last-child):after {
        padding-left: 16px;
    }
}

.room-features .feature:first-child {
    position: relative;
}

.room-features .feature:first-child:before {
    content: "";
    width: 4px;
    height: 4px;
    background: #efe636;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -24px;
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .room-features .feature:first-child:before {
        left: -16px;
    }
}

.room-features .feature:last-child {
    position: relative;
}

.room-features .feature:last-child:after {
    content: "";
    width: 4px;
    height: 4px;
    background: #efe636;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: -24px;
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .room-features .feature:last-child:after {
        right: -16px;
    }
}