/*--------- Google Fonts ---------*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/*--------- Theme Root Start ---------*/
:root{
    --orange-color: #FFA012;
    --papaya-whip-color: #FFEFD7;
    --blue-color: #1C79C0;
    --light-blue-color: #F3F8FA;
    --black-color: #101010;
    --gray-color: #636363;
    --light-gray-color: #EEEEEE;
    --white-color: #FFFFFF;
    --status-green-color: #3FC500;
    --status-red-color: #FF0000;
    --status-earlsgreen-color: #AAC339;
    --status-orange-color: #FFA012;
    --status-gray-color: #636363;
    --button-background-primary-color: linear-gradient(180deg, #FFC700 0%, #AB8500 100%);
    --button-background-primary-hover-color: linear-gradient(180deg, #AB8500  0%, #FFC700 100%);
    --button-background-secondary-color: linear-gradient(180deg, #C1B339 0%, #6A7C29 100%);
    --button-background-secondary-hover-color: linear-gradient(180deg, #6A7C29 0%, #C1B339 100%);
    --body-color: var(--light-gray-color);
    --heading-1-bold: 700;
    --heading-2-regular: 400;
    --heading-3-semibold: 600;
    --heading-4-bold: 700;
    --heading-1-fontsize: 24px;
    --heading-2-fontsize: 24px;
    --heading-3-fontsize: 20px;
    --heading-4-fontsize: 12px;
    --paragraph-regular: 400;
    --paragraph-fontsize-xl: 14px;
    --paragraph-fontsize-l: 12px;
    --paragraph-fontsize-m: 9px;
    --paragraph-fontsize-s: 8px;
    --regular-font: 400;
    --semibold-font: 600;
}
* h1,h2,h3,h4,p,ul{
    margin: 0;
    padding: 0;
}
body{
    background-color: var(--body-color);
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}
h1,.gform_legacy_markup_wrapper h3.gform_title{
    font-weight: var(--heading-1-bold);
    font-size: var(--heading-1-fontsize);
}
h2{
    font-weight: var(--heading-2-regular);
    font-size: var(--heading-2-fontsize);
}
h3{
    font-weight: var(--heading-3-semibold);
    font-size: var(--heading-3-fontsize);
}
h4{
    font-weight: var(--heading-4-bold);
    font-size: var(--heading-4-fontsize);
}
p{
    font-weight: var(--paragraph-regular);
    font-size: var(--paragraph-fontsize-xl);
}
.p-xl{
    font-size: var(--paragraph-fontsize-xl);
}
.p-l{
    font-size: var(--paragraph-fontsize-l);
}
.p-s{
    font-size: var(--paragraph-fontsize-s);
}
.gform_legacy_markup_wrapper span.gform_description{
    font-size: var(--paragraph-fontsize-s) !important;
}
.p-m{
    font-size: var(--paragraph-fontsize-m);
}
.info-massage-heading h4{font-size: var(--heading-4-fontsize) !important;}
.btn-primary,#gform_submit_button_1{
    background: var(--button-background-primary-color) !important;
    color: var(--white-color)!important;
    font-weight: var(--semibold-font)!important;
    font-size: 16px !important;
    padding: 8px 33px 10px !important;
    text-shadow: 0px 1.5px 2px rgba(0, 0, 0, 0.47) !important;
    border-radius: 6px !important;
    border: none !important;
}
.btn-primary:hover,#gform_submit_button_1:hover{
    background: var(--button-background-primary-hover-color);
}
.btn-primary:focus,#gform_submit_button_1:focus{
    box-shadow: none;
}
.btn-secondary{
    background: var(--button-background-secondary-color);
    color: var(--white-color);
    font-weight: var(--semibold-font);
    font-size: 19px;
    padding: 13px 50px;
    text-shadow: 0px 1.5px 2px rgba(0, 0, 0, 0.47);
    border-radius: 6px;
    border: 0;
}
.btn-secondary:hover{
    background: var(--button-background-secondary-hover-color);
}
.btn-secondary:focus{
    box-shadow: none;
}
.btn-outline-primary{
    border: 1px solid var(--blue-color);
    border-radius: 6px;
    padding: 10px 16px;
    color: var(--blue-color);
    text-shadow: 0px 1.5px 2px rgba(0, 0, 0, 0.06);
    font-size: 10px;
    font-weight: var(--semibold-font);
}
.btn-outline-primary:hover{
    background-color: var(--blue-color);
    color: var(--white-color);
}
.btn-outline-primary:focus{
    box-shadow: none;
}
.start_over{/*position: absolute; top: -61px; left: 165px;*/ display: none;}
.form-control,#gform_1 .medium,#gform_1 .large,#gform_1 input.datepicker{
    background: #FFFFFF;
    border: 2px solid #EEEEEE;
    border-radius: 8px;
    height: 58px;
    width: 100%;
    font-weight: var(--regular-font);
    font-size: 15px;
    color: #666666;
}
.form-control::placeholder,#gform_1 .medium::placeholder,#gform_1 .large::placeholder{
    opacity: 1;
}
#gform_1 input.datepicker::placeholder,#gform_1 .gfield_select::placeholder{
    /*opacity: 0;*/
}
.form-control:focus,#gform_1 .medium:focus,#gform_1 .large:focus,#gform_1 input.datepicker:focus{
    box-shadow: none;
}
.container{
    max-width: 920px;
}
.main-area{
    background: #FFFFFF;
    border: 1px solid rgba(16, 16, 16, 0.1);
    border-radius: 16px;
    padding: 26px 30px;
    margin: 40px 0 30px;
}
/*--------- Theme Root End ---------*/




/*--------- Header Start ---------*/
header{
    background-color: var(--blue-color);
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.logo {
    max-width: 180px;
    width: 100%;
}
/*--------- Header End ---------*/



/*--------- Left Menu Start ---------*/
.left-menu-main{
    background-color: var(--blue-color);
    padding: 27px 6px;
    border-radius: 16px;
}
.left-menu-main ul{
    list-style: none;
}
.left-menu-main li{margin-left: 0 !important;}
.left-menu-main li a{
    padding: 8px 27px;
    color: var(--white-color);
    text-decoration: none;
    font-weight: 400;
    font-size: 18px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    transition: all 0.5s ease;
}
.left-menu-main li a img{
    margin-right: 18px;
    width: 20px;
}
.left-menu-main li a:hover{
    background-color: #19649D;
}
.left-menu-main li a.active{
    background-color: #19649D;
}
/*--------- Left Menu End ---------*/



/*--------- Left Content Start ---------*/
.left-content-main{
    background: #FBF7E9;
    /* border: 2px dashed #FFC46B; */
    border-radius: 16px;
    padding: 30px 28px;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.left-content-main:before {
    content: "";
    position: absolute;
    border: 6px dashed #FFC46B;
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -4px;
    border-radius: 16px;
    z-index: -1;
  }
.left-content-main h3{
    color: var(--orange-color);
    margin-bottom: 10px;
}
.left-content-main p{
    color: #666666;
    margin-bottom: 10px;
}
.left-content-main p a{
    color: var(--status-red-color);
    text-decoration: none;
}
.left-content-main p a:hover{
    text-decoration: underline;
}
.left-content-main .link{
    font-size: 13px;
    color: var(--status-red-color);
    font-weight: 400;
    text-decoration: none;
}
.left-content-main .link:hover{
    text-decoration: underline;
}
.left-content-main .btn-primary{
    margin-top: 20px;
}
/*--------- Left content End ---------*/





/*--------- Right Video Content Start ---------*/
.right-video-content{
    text-align: center;
    border: 1px solid rgba(16, 16, 16, 0.1);
    border-radius: 16px;
    padding: 30px 10px;
}
.right-video-content h1,.gform_legacy_markup_wrapper h3.gform_title{
    color: var(--orange-color);
}
.right-video-content h1 span{
    font-weight: 400;
    color: var(--gray-color);
}
.right-video-content hr{
    max-width: 420px;
    margin: 25px auto;
    background: #101010;
    opacity: 0.08;
    border-radius: 5px;
}
.right-video-content p{
    margin-bottom: 25px;
    color: var(--gray-color);
    font-style: italic; text-align: center;
}
.right-video-content .btn-primary{
    width: 198px;
    margin-top: 25px;
}
.scoreslogin{
    margin-top: 30px;
}
.scoreslogin img{
    width: 100%;
    border-radius: 16px;
}
/*--------- Right Video Content End ---------*/





/*--------- Bonus Box Start ---------*/
.right-area-top-box{
    border: 1px solid rgba(16, 16, 16, 0.1);
    border-radius: 16px;
    padding: 17px 14px;
}
.bonus-image{
    width: 100%;
}
/*--------- Bonus Box End ---------*/



/*--------- Right Area Middle Box Start ---------*/
.right-area-middle-box{
    border: 1px solid rgba(16, 16, 16, 0.1);
    border-radius: 16px;
    padding: 20px 14px;
    margin-top: 30px;
}
.right-area-middle-box hr{
    background: #101010;
    opacity: 0.08;
    border-radius: 5px;
    margin: 24px 0;
}
.middle-text-box h2{
    color: var(--gray-color);
}
.middle-text-box h2 span{
    font-weight: 700;
}
.status-green{
    color: var(--status-green-color);
}
.status-red{
    color: var(--status-red-color);
}
.middle-text-box p{
    color: var(--gray-color);
    font-style: italic;
}
.middle-text-box p a{
    color: var(--orange-color);
    text-decoration: none;
}
.middle-text-box p a:hover{
    text-decoration: underline;
}
.info-massage{
    background: var(--papaya-whip-color);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
    display: flex;
    align-items: center;
    flex: 1 0 auto;
    border-left: solid 13px var(--orange-color);
    height: 42px;
    margin-top: 25px;
}
.info-massage-heading{
    padding-left: 17px;
    padding-right: 40px;
    width: 170px;
}
.info-massage-content{
    padding-left: 30px;
    height: 40px;
    border-left: solid 1px #fff;
    padding-top: 6px;
}
.info-massage-content p{
    color: var(--gray-color);
}
.info-massage-content p a{
    text-decoration: none;
    color: var(--orange-color);
}
.info-massage-content p a:hover{
    text-decoration: underline;
}
.form-box-main{
    border: 1px solid rgba(16, 16, 16, 0.1);
    border-radius: 16px;
    padding: 24px;
    margin-top: 30px;
}
.form-box-main hr{
    margin: 11px 0 30px;
}
.form-box-main h1{
    color: var(--gray-color);
}
.form-box .form-control,#gform_1 .medium,#gform_1 .large,#gform_1 input.datepicker{
    padding-left: 60px;
    background-repeat: no-repeat;
    background-position: 25px center;
}
.form-box select.form-control,#gform_1 .gfield_select,#gform_1 #input_1_1{
    padding: 0;
    padding-left: 26px;
    height: 34px;
    background-image: url('../images/arrow-down.svg');
    background-repeat: no-repeat;
    background-position: 95% center;
    margin-top: 0px; margin-left: -5px;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;;
}
.gj-datepicker-md [role="right-icon"] {
    position: absolute;
    left: 25px;
    top: 17px;
    font-size: 24px;
    color: var(--gray-color);
}
#gform_1 input.datepicker{
    background-image: url('../images/date_time.png');
}
#gform_1 input.medium,#gform_1 input.large{
    background-image: url('../images/zip-code-icon.svg');
}
.name-icon,#input_1_2{
    background-image: url('../images/profile-icon.svg') !important;
}
.address-icon,#input_1_3,#input_1_195,#input_1_198{
    background-image: url('../images/location-icon.svg') !important;
}
.zip-code-icon,#input_1_4{
    background-image: url('../images/house-icon.svg') !important;
}
.city-icon{
    background-image: url('../images/house-icon.svg') !important;
}
.ssn-icon,#input_1_5{
    background-image: url('../images/ssn-icon.png') !important;
}
.form-box h4{
    margin-top: 30px;
}

.form-buttons{
    margin-top: 20px;
}
.form-buttons button,#gform_submit_button_1{
    width: 124px;
    height: 30px;
    font-size: 10px;
    padding: 5px;
}
.form-buttons button.btn-primary,#gform_submit_button_1{
    margin-right: 20px;
}
#gform_submit_button_1{font-size: 10px !important}
/*--------- Right Area Middle Box End ---------*/



/*--------- Footer Start ---------*/
footer{
    background-color: var(--blue-color);
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-left ul{
    display: flex;
    align-items: center;
    list-style: none;
    color: var(--white-color);
}
.footer-left ul li{
    margin: 0 10px;
}
.footer-left ul li:first-child{
    margin-left: 0;
}
.footer-left ul li a{
    color: var(--white-color);
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
}
.footer-left ul li a:hover{
    color: var(--orange-color);
    transition: all 0.5s ease;
}
.footer-right{
    text-align: right;
}
.footer-right p{
    color: var(--white-color);
}
.footer-right p a{
    color: var(--orange-color);
    text-decoration: none;
}
.footer-right p a:hover{
    text-decoration: underline;
}
/*--------- Footer End ---------*/
.mobile-menu-button{
    display: none;
}
.scoreslogin-mobile{
    display: none;
}
.mobile-section{
    display: none;
}
.info-massage-heading img{
    display: none;
}

.gfield{position: relative}
#gform_fields_1 label {font-size: 12px;}
/*#gform_fields_1 label {
    position: absolute;
    pointer-events: none;
    left: 60px;
    top: 18px;
    transition: 1.2s ease all;
    font-size: 14px; font-weight: 500;
}*/
/*#field_1_161 label,#field_1_262 label,#field_1_218 label,#field_1_218 label,#field_1_139 label,#field_1_141 label,
#field_1_258 label{display: none;}*/
/*
#field_1_1 label{position: static; font-size: 12px;}
*/

.gform_legacy_markup_wrapper h3.gform_title{color: #636363;}
.gform_heading{margin-bottom: 100px !important;}
#gform_fields_1{position: relative;}
#field_1_161{position: absolute; left: 0; top: -99px; width: 210px}
#field_1_2{position: absolute; right: 0; top: -99px}

#field_1_161.gfield_error{}
#field_1_2.gfield_error{right: 15px; top: -111px; width: 240px}
.gform_legacy_markup_wrapper li.gfield.gfield_error{border: none !important; background-color:transparent !important;}

@media only screen and (width: 1180px) and (height: 746px) {
    .form-buttons button.start_over,#gform_submit_button_1{position: static; top: 0; left: 0; width: 100%; display: block}
    .gform_heading{margin-bottom: 20px !important;}
    #gform_fields_1{position: static;}
    #field_1_161{position: static; left: 0; top: 0; width: 100%;}
    #field_1_2,#field_1_2.gfield_error{position: static; right: 0; top: 0}
}

    @media only screen and (max-width: 767px) {
    .mobile-menu-button{
        display: block;
        position: absolute;
        left: 0;
        z-index: 9;
    }
    .logo-main {
        text-align: center;
    }
    .left-menu-main {
        position: absolute;
        top: 50px;
        border-radius: 0;
        width: 100%;
        left: 0;
        right: 0;
        border-top: solid 1px #19649d;
        z-index: 999;
        height: 0;
        visibility: hidden;
        opacity: 0;
        transition: all 0.5s ease;
    }
    .left-menu-active{
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    .main-area{
        padding: 15px;
        margin: 30px -12px 30px;
    }
    .left-content-main{
        margin-top: 0;
    }
    .left-content-main p{
        font-size: 16px;
    }
    .left-content-main .link {
        font-size: 16px;
    }
    .left-content-main .btn-primary {
        width: 233px;
    }
    .right-video-content{
        border: 0;
    }
    .right-video-content hr {
        margin: 10px auto;
    }
    .right-video-content h1 {
        font-size: 21px;
    }
    .right-video-content p{
        font-size: 9px;
    }
    .scoreslogin{
        display: none;
    }
    .scoreslogin-mobile {
        display: block;
        padding: 15px;
        margin: 0px -12px 18px;
        background: #FFFFFF;
        border: 1px solid rgba(16, 16, 16, 0.1);
        border-radius: 16px;
    }
    .scoreslogin-mobile img{
        width: 100%;
    }
    footer {
        height: 72px;
    }
    .footer-left ul{
        justify-content: center;
    }
    .footer-left {
        margin-bottom: 5px;
    }
    .footer-left ul li a{
        font-size: 11px;
    }
    .footer-right p {
        font-size: 11px;
        text-align: center;
    }
    .mobile-section{
        display: block;
    }
    .hide-mobile{
        display: none;
    }
    .right-area-top-box {
        border: 0;
        padding: 0;
        margin-bottom: 20px;
    }
    .right-area-middle-box {
        border: 0;
        padding: 0;
        margin-top: 12px;
    }
    .middle-text-box h2{
        font-size: 21px;
    }
    .middle-text-box p{
        font-size: 8px;
    }
    .right-area-middle-box hr {
        margin: 10px 0;
    }
    .info-massage-heading h4{
        display: none;
    }
    .info-massage-heading img{
        display: block;
    }
    .info-massage-heading {
        padding-left: 16px;
        padding-right: 10px;
        width: 78px;
    }
    .form-box-main hr{
        display: none;
    }
    .form-box-main h1 {
        border-bottom: solid 1px #ebebeb;
        font-size: 18px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .form-box-main p{
        margin-bottom: 10px;
    }
    .form-box-main{
        padding: 15px;
    }
    .form-box h4 {
        margin-top: 10px;
    }
        .form-buttons button.start_over,#gform_submit_button_1{position: static; top: 0; left: 0; width: 100%; display: block}
        .gform_heading{margin-bottom: 20px !important;}
        #gform_fields_1{position: static;}
        #field_1_161{position: static; left: 0; top: 0; width: 100%;}
        #field_1_2,#field_1_2.gfield_error{position: static; right: 0; top: 0}

}