body{
    font-family: Roboto, Helvetica, Arial, sans-serif;
    margin: 0;
}

h6{
    font-size: 1.3rem;
}

select{
    width: fit-content;
}

.btn:hover{
    box-shadow: 1px 1px 2px 1px #808080;
}

.bg-red{
    background: #fe0000;
}

.bg-black{
    background: #000000;
}

.error, .text-red{
    color: red;
}

.disabled {
    pointer-events: none;
}

.btn-unstyled {
    border: none;
    box-shadow: none;
    background: transparent;
    color: inherit;
}

.select2-container { max-width: 100%; min-width: 100%; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 37px;
}
.select2-container .select2-selection--single {
    height: 38px;
    border: 1px solid #ced4da;
}
.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__clear {
    height: 38px;
}
select.disabled.select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}
select.disabled.select2-hidden-accessible + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}
select.disabled.select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}

/*Header and Footer*/
.d-none-desktop {
    display: none;
}
header {
    text-align: center;
    background: #000000;
    padding: 15px;
}
header img {
    max-width: 200px;
}
footer {
    text-align: center;
    background: #000000;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    padding: 50px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
@media screen and (max-width: 39.9375em) {
    .d-none-desktop {
        display: block;
    }
    footer.d-none-desktop {
        display: flex;
    }
    footer {
        flex-direction: column;
    }
    footer span {
        margin-bottom: 5vw!important;
        font-size: 5vw;
    }
    .cwb-main {
        margin: 10vw 0;
    }
}
header a, footer a {
    color: #ffffff;
    text-decoration: none;
}
footer span {
    margin: 0 15px;
}

/*Header and Footer End*/

@media screen and (max-width: 320px){
    .terms, label, p, input{
        font-size: 14px;
    }

    h2{
        font-size: 22px;
    }

    h5{
        font-size: 18px;
    }

    h6{
        font-size: 16px;
    }
}