#cruises-signature {
    .content {
        background-color: #ffffff;
        padding: 32px;
        overflow: hidden;
        font-family: "Mulish", sans-serif;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 36px;
        align-self: stretch;
        max-width: 1200px;
        margin: 0 auto;
    }

    .header-title {
        font-size: 40px;
        color: #243551;
        font-weight: 500;
        line-height: 1.2;
        width: 100%;
    }

    .section-title {
        color: #243551;
        font-size: 24px;
        font-weight: 400;
    }

    .offers-section,
    .sweepstakes-section,
    .magazines-section,
    .help-section {
        margin-top: 36px;
        width: 100%;
    }

    .offer-description {
        color: #243551;
        font-size: 20px;
        font-weight: 300;
        margin-top: 16px;
    }

    .search-container {
        display: flex;
        margin-top: 16px;
        width: 100%;
        flex-direction: column;
        align-items: start;
        font-size: 16px;
        justify-content: center;
    }

    .search-field {
        display: flex;
        height: 33px;
        min-width: 180px;
        max-width: 600px;
        padding: 8px 16px;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        font-size: 16px;
    }

    .search-button {
        min-width: 180px;
        max-width: 300px;
        width: 300px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100px;
        border: 1px solid #fff;
        background-color: #243551;
        padding: 8px 24px;
        gap: 8px;
        margin-top: 16px;
        color: #ffffff;
        font-weight: 700;
        cursor: pointer;
    }

    .search-icon {
        width: 16px;
        aspect-ratio: 1;
        object-fit: contain;
    }

    .sweepstakes-description {
        font-size: 20px;
        font-weight: 300;
        line-height: 30px;
        margin-top: 16px;
        color: #243551;
    }

    .link-action {
        display: block;
        color: #06357a;
        font-size: 16px;
        text-decoration: underline;
        margin-top: 16px;
        font-weight: 400;
    }

    .magazine-item {
        margin-top: 16px;
    }

    .magazine-title {
        font-size: 20px;
        font-weight: 300;
        color: #243551;
    }

    .magazine-cover {
        aspect-ratio: 2;
        object-fit: contain;
        width: 300px;
        margin-top: 16px;
    }

    .magazine-cover-large {
        aspect-ratio: 2.33;
        object-fit: contain;
        width: 300px;
        margin-top: 16px;
    }

    @media (max-width: 991px) {
        .content {
            padding: 20px;
        }

        .header-title,
        .section-title,
        .offer-description,
        .search-container,
        .search-field,
        .sweepstakes-description,
        .link-action,
        .magazine-title {
            max-width: 100%;
        }

        .search-button {
            padding-left: 20px;
            padding-right: 20px;
        }

        .magazine-cover,
        .magazine-cover-large {
            max-width: 100%;
        }
    }
}