.reserve-page {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.reserve-page img,
.reserve-page p {
    margin: 0;
}
.reserve-page .reserve-page__conditions,
.reserve-page .reserve-page__rules {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.reserve-page .reserve-page__conditions .conditions-title,
.reserve-page .reserve-page__rules .rules-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    color: #333333;
}
.reserve-page .reserve-page__conditions .conditions-main,
.reserve-page .reserve-page__rules .rules-main {
    display: flex;
    gap: 32px;
}
.reserve-page .reserve-page__conditions .conditions-main .condition-block {
    display: flex;
    gap: 20px;
    padding: 16px 20px;
    align-items: center;
    width: 50%;
    border: solid #EDEDED 1px;
    border-radius: 3px;
}
.reserve-page .reserve-page__conditions .conditions-main .condition-block .condition-block__image {
    width: 60px;
    height: 60px;
}
.reserve-page .reserve-page__conditions .conditions-main .condition-block .condition-block__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #555555;
}
.reserve-page .reserve-page__rules .rules-main .rules-block {
    padding: 20px;
    background-color: #F4F4F4;
    border: solid #EDEDED 1px;
    border-radius: 3px;
    width: 50%;
}
.reserve-page .reserve-page__rules .rules-main .rules-block .rules-block__title {
    color: #333333;
    font-weight: 400;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 10px;
}
.reserve-page .reserve-page__rules .rules-main .rules-block .rules-block__text {
    color: #555555;
    font-weight: 400;
    line-height: 22px;
    font-size: 14px;
}

@media (max-width: 767px) {
    .reserve-page {
        gap: 32px;
    }
    .reserve-page .reserve-page__conditions,
    .reserve-page .reserve-page__rules {
        gap: 16px;
    }
    .reserve-page .reserve-page__conditions .conditions-main,
    .reserve-page .reserve-page__rules .rules-main {
        flex-wrap: wrap;
        gap: 16px;
    }
    .reserve-page .reserve-page__conditions .conditions-main .condition-block,
    .reserve-page .reserve-page__rules .rules-main .rules-block {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .reserve-page .reserve-page__conditions .conditions-main .condition-block {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}