﻿.section-header {
    width: 100%;
    height: auto;
    background-color: var(--bg-color);
    padding: 2vw 0 2vw 0;
}

.section-tnc {
    width: 100%;
    height: auto;
    background-color: var(--bg-color);
    padding: 0 22vw 5vw 22vw;
}

    .section-tnc .card {
        background-color: #FFFFFF;
        padding: 3vw 4vw 2vw 4vw;
    }

.section-tagline {
    width: 100%;
    height: auto;
    background-color: var(--bg-color);
    padding: 3vw 0 0 0;
}

.section-actions {
    width: 100%;
    height: auto;
    background-color: var(--bg-color);
    padding: 3vw 0 5vw 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 576px) and (max-width: 767px) {
    .section-header {
        width: 100%;
        height: auto;
        background-color: var(--bg-color);
        padding: 30px 0 30px 0;
    }

    .section-tnc {
        width: 100%;
        height: auto;
        background-color: var(--bg-color);
        padding: 0 20px 60px 20px;
    }

        .section-tnc .card {
            background-color: #FFFFFF;
            padding: 20px 20px 20px 20px;
        }

    .section-tagline {
        width: 100%;
        height: auto;
        background-color: var(--bg-color);
        padding: 60px 0 0 0;
    }

    .section-actions {
        width: 100%;
        height: auto;
        background-color: var(--bg-color);
        padding: 50px 0 60px 0;
    }
}

@media (max-width: 575px) {
    .section-header {
        width: 100%;
        height: auto;
        background-color: var(--bg-color);
        padding: 30px 0 30px 0;
    }

    .section-tnc {
        width: 100%;
        height: auto;
        background-color: var(--bg-color);
        padding: 0 20px 60px 20px;
    }

        .section-tnc .card {
            background-color: #FFFFFF;
            padding: 20px 20px 20px 20px;
        }

    .section-tagline {
        width: 100%;
        height: auto;
        background-color: var(--bg-color);
        padding: 60px 0 0 0;
    }

    .section-actions {
        width: 100%;
        height: auto;
        background-color: var(--bg-color);
        padding: 50px 0 60px 0;
    }
}
