/*Hero section*/

.hero-body {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 6rem 4rem;
    /*background-image: linear-gradient(to bottom right, rgba(135, 71, 215, 0.5),*/
    /*rgba(0, 0, 0, 1) 40% 60%, rgba(235, 171, 0, 0.5));*/
    background-image: linear-gradient(to bottom right, rgba(135, 71, 215, 0.26),
    rgba(0, 0, 0, 1) 49% 51%, rgba(235, 171, 0, 0.26));
    border-bottom: 1px solid var(--surface-elevated);
}


.hero-header {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 5.6rem;
}


.hero-header-2 {
    color: var(--secondary);
    /*text-shadow: 0 0 8px var(--secondary);*/
}

.hero-main {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 2rem;
}

.hero-main-paragraph {
    font-size: 2rem;
    text-align: center;
}

.hero-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4rem;
}


.hero-footer-cta {
    display: flex;
    justify-content: center;
    gap: 2rem;
}

.hero-footer-info-list {
    display: flex;
    justify-content: center;
}

.btn {
    padding: 2rem 4rem;
    font-size: 2rem;
}

.btn-cta {
    box-shadow: 0 0 20px 5px var(--primary);
}

.hero-info-ul {
    font-size: 1.6rem;
    list-style: none;
    display: flex;
    gap: 3.6rem;
}

.hero-info-li {
    & > i {
        font-size: 2.4rem;
        color: var(--success);
    }

    display: flex;
    align-items: center;
    gap: 1rem;
}

/* Raffles Section */

.raffles-body {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 2rem;
    padding: 4rem;
    /*background-image: linear-gradient(to bottom right, rgba(135, 71, 215, 0.5),*/
    /*rgba(0, 0, 0, 1) 40% 60%, rgba(235, 171, 0, 0.5));*/
    background-color: var(--surface);
    border-bottom: 1px solid var(--surface-elevated);
}


.raffles-header {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.raffles-header-h1 {
    font-size: 4rem;
    font-weight: 600;
    text-align: center;
}

.raffles-header-desc {
    text-align: center;
    color: var(--muted-foreground);
    margin-bottom: 4rem;
}

.raffles-main {
    width: 100%;
    max-width: 1200px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
}

.raffles-footer {
    display: flex;
    justify-content: center;
}

/* Legal Section */

.legal-body {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 4rem;
    background-color: var(--surface-elevated);
}

/* max-width: 1200px*/
@media screen and (max-width: 75em) {
    .raffles-main {
        grid-template-columns: 1fr 1fr;
    }
}

/* max-width: 784px*/
@media screen and (max-width: 49em) {
    html {
        font-size: 50%;
    }

    .raffles-main {
        grid-template-columns: 1fr;
    }
}