body {background-color: #181331; color: #000000; line-height: 1.2; font-family: 'Roboto'; font-weight: normal;}
*{transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
*, *:before, *:after {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
p {margin: 0 0 10px;}
a {color: #000000; text-decoration: none;}
.container {max-width: 1240px; margin-left: auto; margin-right: auto;}
img {max-width: 100%;}
label {font-weight: 500;}
.uppercase {text-transform: uppercase;}
.text-center {text-align: center;}
.text-left {text-align: left;}

.red-disclaim-text span {display: inline-block; max-width: 700px;}
.form-title {margin: 0; text-transform: uppercase; font-weight: bold; color: #fb0300; font-size: 26px; margin-bottom: 10px;}
.form-section {padding-bottom: 30px;}
.form-subtitle {color: #fb0300; font-size: 20px; font-weight: bold;}
.field-row { margin-top: 10px; display: flex; align-items: flex-start; flex-wrap: wrap;}
.field-row label {font-size: 20px; width: 100%; margin-bottom: 5px;}
.label-sub {display: block; font-size: 12px; color: #fb0300;}
.form-input, .form-textarea {border: 1px solid #a3a6a6; padding: 10px 15px; width: 100%;}
.form-textarea {min-height: 120px;}
.field-inner-row {
    max-width: 485px;
    width: 100%;
}
.btn {
    border-radius: 20px;
    padding: 15px 35px;
    border: 2px solid #000000;
    background-color: #130ca7;
    background-image: url(../images/btn-bg.jpg);
    background-repeat: repeat-x;
    background-size: contain;
    color: #ffffff;
    font-family: 'ITC Avant Garde Gothic LT';
    text-shadow: 3px 4px 4px #000000;
    font-size: 20px;
}
.mobile-inner {
    background-image: url(../images/Back-Ground-Stars-and-Gold-for-under-Buttons.jpg);
    background-repeat: no-repeat;
    background-color: #c9ac0b;
    background-position: center;
    background-size: 110% 100%;
    background-position: center 0;
    background-size: 105% 103%;
}
.mobile-inner.fullscreen { top:100px !important; }
.content-section1 {
    padding: 0px 45px;
}
.buttons-inner {
    padding: 0px 5px 5px;
    margin-top:-18px;
}

.buttons-inner a {
    display: block;
    margin-bottom: -10px; /* This creates the overlap you need */
}

.buttons-inner a:last-child {
    margin-bottom: 0; /* Remove margin from last button */
}
.last-button{
    margin-top:-20px!important;
}

.buttons-inner a img {
    /*height: 107px;*/
    width: 260px;
    display: block;
    margin:8px;
}

.login-link {
    margin-top: -4px;
}
.accept-text {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.accept-check {font-size: 12px; font-weight: bold; margin-bottom: 20px;}
.accept-check a {text-decoration: underline;}
.video-contain {
    height: 100%;
    width: 100%;
    background: #000;
}
.video-contain video {
    width: 100%;
    height: 100%;
}

@media screen and (min-width:768px){
    .main-bg {background-image: url(../images/newback.jpg); background-position: center; background-size: cover; min-height: 100vh;display: flex; align-items: center; justify-content: center;}

    .circle-section:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgb(0 19 161 / 50%);
        z-index: 0;
    }
    .mobile-frame {
        width: 450px;
        height: 880px;
        margin: auto;
        background-image: url(../images/phone-frame.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: relative;
        padding: 110px 32px 90px;
        width: 420px;
        height: 820px;
        padding: 102px 30px 80px;
    }
    .mobile-inner {
        height: 100%;
        overflow-y: auto;
        scrollbar-width: none;
    }
    .mobile-inner::-webkit-scrollbar {
        width: 0px;
    }
    .mobile-inner::-webkit-scrollbar-track {
        background: transparent;
    }
    .mobile-inner::-webkit-scrollbar-thumb {
        background: #888;
    }
}
@media screen and (max-width:767px){
    .mobile-inner {min-height: 100vh}
    .video-contain {height: 100vh;}
}

