.cruise-deals {
    width: calc(100% - 2.5rem);
    padding-block: 2.5rem;
    margin: 0 auto;
}

.cruise-deals__container {
    max-width: var(--container-max-width);
    margin: 0 auto;
}

.cruise-deals__header {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-block-end: 2rem;
}

.cruise-deals__title {
    flex: 1;
}

@media ( min-width: 48rem ) {
    .cruise-deals {
        padding-block: 5rem;
    }

    .cruise-deals__header {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}