/* || Font Family */

@font-face {
    font-family: 'Inter-Black';
    src: url('/assets/fonts/Inter-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Bold';
    src: url('/assets/fonts/Inter-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-ExtraBold';
    src: url('/assets/fonts/Inter-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-ExtraLight';
    src: url('/assets/fonts/Inter-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Light';
    src: url('/assets/fonts/Inter-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Medium';
    src: url('/assets/fonts/Inter-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Regular';
    src: url('/assets/fonts/Inter-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-SemiBold';
    src: url('/assets/fonts/Inter-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter-Thin';
    src: url('/assets/fonts/Inter-Thin.ttf') format('truetype');
}

body {
    color: #706f87;
    font-family: 'Inter-Regular' !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    position: relative;
    overflow: auto;
}

a {
    color: #ffc107;
}

    a:hover {
        color: #ffce3a;
        text-decoration: none;
    }

#section1,
#hero,
#section2,
#section3,
#section4, #section5 {
    width: 100%;
    height: 100%;
    /*background: url(../images/Landing_PageBackground_Purple.png) no-repeat;*/
    background-color: #FDE7F1;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

#txtOTP-error {
    font-size: 14px;
    font-family: 'Inter-Regular' !important;
    padding: 25px 18px;
}

.otpText {
    font-size: 12px;
    padding: 5px 4px;
    margin: 0px;
    line-height: 1;
    justify-content: center;
    justify-items: center;
}

.toastwrap {
    display: none;
    position: fixed;
    width: 250px;
    pointer-events: none !important;
    letter-spacing: normal;
    z-index: 9000 !important;
    top: 100px;
    right: 40px;
}

.toast {
    width: 100%;
    padding: 10px;
    margin: 0 0 5px;
    border-radius: 2px;
    font-size: 12px;
    font-family: 'Inter-Regular' !important;
    line-height: 17px;
    position: relative;
    pointer-events: all !important;
    background-color: rgba(237, 65, 141, 0.9);
    color: #222;
    text-align: left;
    font-size: 13px;
    min-height: 53px;
}

.toastclose {
    position: absolute;
    top: 3px;
    right: 4px;
    font-size: 18px !important;
    cursor: pointer;
    color: #222;
}

    .toastclose:hover {
        color: #222;
    }

.ToastMsg {
    padding-top: 8px;
    display: block;
}

#QuestionnaireMaster9Others-error {
    font-size: 14px;
    font-family: 'Inter-Regular' !important;
}

.nextbtn {
    margin-top: 0% !important;
}

@media (max-width: 992px) {
    #hero .container {
        padding-top: 0;
    }
}

.containerWrap {
    /*margin-top:14.5%;*/
    height: 100vh;
}

.containerWrap4 {
    height: 100vh;
}

.headText {
    margin: 5% 0;
}

.headText1 {
    margin: 5% 0 2%;
}

.primaryText {
    margin-bottom: 5%;
}

.primaryText1 {
    margin-bottom: 3%;
}

.form-group label {
    color: #222;
}

.imgWraper {
    position: relative;
    height: 100%;
    width: 400px;
}

    .imgWraper img {
        position: absolute;
        /* position: fixed;*/
        /* bottom: 0;*/
        bottom: -7px;
        height: 630px;
        width: auto;
    }

.submitForm {
    position: relative;
    height: 100%;
}

    .submitForm input {
        bottom: 40%;
        position: absolute;
        width: 90px;
    }

        .submitForm input:focus {
            outline: none;
        }

.headText h2 {
    font-family: 'Inter-Regular' !important;
    font-weight: 600;
    color: #222;
    font-size: 40px;
    max-width: 80%;
}

.headText h3 {
    color: #222;
    font-weight: 600;
    max-width: 75%;
}

.headText1 h3 {
    color: #222;
    font-weight: 600;
    max-width: 100%;
}

.headText > h2 > span {
    color: #ef0073;
}

.logo {
    margin-top: 3%;
}

.lpForm {
    /*margin-bottom:19%;*/
}

.logo img {
    width: 125px;
}

.logo-center {
    text-align: center;
    padding-top: 8%;
}

.headText-center {
    text-align: center;
    margin-top: 4%;
}

    .headText-center h2 {
        color: #222;
        font-weight: 600;
        text-align: center;
    }

    .headText-center > h2 > span {
        color: #ef0073;
    }

.primaryText h4, .primaryText1 h4 {
    color: #222;
    font-size: 18px;
    line-height: 22px;
}

.primaryText-center {
    text-align: center;
}

    .primaryText-center h4 {
        color: #222;
    }



.mobNumber label {
    color: #222;
    font-family: 'Inter-Regular' !important;
}

.form-control {
    background-color: #fff;
    border: 2px solid #ef0073;
    border-radius: 5px;
    color: #222;
}

.form-controls {
    background-color: #fff;
    color: #222;
    border-radius: 5px;
    border: 2px solid #ef0073;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
}

.primaryText > h4 > input[type=checkbox] {
    width: 1em;
    height: 1em;
    cursor: pointer;
}

.safe img {
    width: 130px;
}

.smart img {
    width: 130px;
}

.features ul li img {
    width: 35px;
}

.features ul li {
    list-style-type: none;
}

.features {
    margin-top: 15%;
}

    .features .col-md-2 {
        padding-right: 0px !important;
    }

    .features p {
        color: #222;
    }

        .features p span {
            color: #ef0073;
        }

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border: 1px solid #fff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}

.primaryText > h4 > input[type=checkbox]:checked {
    background-color: MediumSeaGreen;
    border-color: MediumSeaGreen;
    color: #222;
}

.rentRange p {
    background: #fff;
    color: #222;
    padding: 6px;
    border-radius: 5px;
    padding: 8px 8px;
}

.wrapContainer {
    /*background: url(../images/Male_model_transparent.png) no-repeat;*/
    background-position: bottom center;
}

#hero .btn-get-started {
    font-family: 'Inter-Regular' !important;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 9px 35px;
    border-radius: 50px;
    transition: 0.5s;
    margin-top: 40px;
    border: 2px solid #ffc107;
    color: #222;
}

    #hero .btn-get-started:hover {
        background: #ffc107;
    }

.NextButton,
.NextButton2, .NextButton3 {
    text-align: center;
    margin-top: 8%;
}

.PrevButton,
.PrevButton2, .PrevButton3 {
    text-align: center;
    margin-top: -10%;
}

.NextButton i,
.NextButton2 i, .NextButton3 i {
    border: 1px solid #ef0073;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    font-size: 30px;
    color: #ef0073;
    padding: 8px;
    cursor: pointer;
}

.PrevButton i,
.PrevButton2 i, .PrevButton3 i {
    border: 1px solid #ef0073;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    font-size: 30px;
    color: #ef0073;
    padding: 6px;
    cursor: pointer;
}

.pageSubmit img {
    width: 70px;
    bottom: 33%;
    position: absolute;
}

.formLabel {
    display: none;
}

.mobNumber {
    margin-bottom: 0px;
}

.form-group label.error {
    color: red !important;
    z-index: 1;
    font-family: 'Inter-Regular' !important;
    line-height: 18px;
    position: absolute !important;
    bottom: 15px !important;
    top: unset !important;
    right: 15px;
    font-weight: 600;
    padding: 0px 18px;
    border-radius: 1px;
    font-size: 20px;
}

#customer_mobile-error {
    bottom: 30px !important;
}

#customer_email-error {
    bottom: 30px !important;
}

#preferred_location-error {
    bottom: 62px !important;
    right: 3%;
}

.mobileviews {
    display: none;
}

.mobImage {
    display: none;
}

.primaryText-center h4 {
    color: #222;
    width: 100%;
    margin: 0 auto;
}

.headText > h3 > span {
    color: #ef0073;
}

.pageSubmit img {
    width: 70px;
    bottom: 40%;
    position: absolute;
}

.form-check-label {
    color: #000 !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: #222;
    text-decoration: none;
    background-color: #ffffff !important;
}

.multiselect-native-select .btn-group {
    width: 100% !important;
}

.custom-select {
    background-color: #fff !important;
    height: calc(2.5rem + 2px) !important;
    padding: .100rem 1.75rem .375rem .75rem !important;
    font-weight: 600;
}

@media (max-width: 1366px) and (min-width: 1300px) {
    .safe {
        margin-right: 10%;
    }
}

@media (max-width: 1200px) {
    .submitForm input {
        /*bottom: 35% !important;*/
        position: absolute;
        width: 90px;
    }
}

@media (max-width: 768px) {
    .logo img {
        width: 100px;
    }

    #hero {
        height: 134vh !important;
        /*background: url(../images/LandingPageBackground-Mobile.png) no-repeat;*/
        padding: 0 45px;
    }

    #section1 {
        /*background: url(../images/LandingPageBackground-Mobile.png) no-repeat;*/
        height: 100vh !important;
        padding: 0 25PX;
    }

    #section2 {
        /*background: url(../images/LandingPageBackground-Mobile.png) no-repeat;*/
        height: 100vh !important;
        padding: 0 25px;
    }

    #section3 {
        height: 135vh !important;
        /*background: url(../images/LandingPageBackground-Mobile.png) no-repeat;*/
    }

    #hero h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero h2 {
        font-size: 18px;
        line-height: 24px;
        max-width: 90%;
    }

    .index .logo {
        text-align: center;
    }

    #hero h2 {
        font-size: 50px;
        line-height: 50px;
    }

    .primaryText h4 {
        color: #222;
        font-size: 20px;
        line-height: 30px;
    }

    .mobNumber label {
        display: none;
    }

    .formLabel {
        display: block;
        color: #222;
    }

    .imgWraper {
        margin-top: 0% !important;
        text-align: center;
        /* width: auto;*/
    }

        .imgWraper img {
            position: absolute;
            bottom: auto;
            right: 10%;
            margin-top: 0%;
        }

    #MobileView {
        display: none;
    }

    .form-group label.error {
        color: red !important;
        z-index: 1;
        padding: 0 10px;
        line-height: 18px;
    }

    .mobNumber {
        margin-bottom: 1rem;
    }

    .form-group label.error {
        position: absolute !important;
        bottom: 45% !important;
        top: unset !important;
        right: 5px;
        font-size: 10px !important;
        font-weight: 600;
        padding: 0px 20px;
        border-radius: 1px;
        font-size: 20px !important;
    }

    #preferred_location-error {
        bottom: 70% !important;
    }

    .mobileviews {
        display: block;
    }

    .imagewrap_mob {
        display: none;
    }

    #customer_mobile-error,
    #customer_email-error {
        bottom: 45% !important;
    }

    .index1 .logo, .index2 .logo {
        margin-top: 17%;
        margin-bottom: 15%;
        text-align: center;
    }

    .safe {
        display: none;
    }

    .features1 {
        margin-top: 5% !important;
    }

    .features2 {
        margin-top: 0px;
    }

    .mobImage {
        display: block;
        margin-top: 25%;
    }

    .safeImage img {
        width: 180px;
        margin-right: 25%;
        float: right;
    }

    .samartImage img {
        width: 200px !important;
        margin-left: 20%;
    }

    .safeImage, .samartImage {
        float: left;
    }

    .wrapContainer {
        height: 100vh !important;
    }

    #section5 {
        height: 100vh !important;
    }

    .width-50 {
        width: 50%;
    }
}

@media (max-width: 667px) {
    #hero {
        height: 368vh !important;
        padding: 0 30px;
    }

        #hero h2 {
            max-width: 100%;
        }

    .imgWraper img {
        margin-top: 15%;
        right: 10% !important;
    }

    #section1 {
        height: 190vh !important;
        padding: 0 25PX;
    }

    #section2 {
        height: 209vh !important;
        padding: 0 25px;
    }

    #section3 {
        height: 312vh !important;
    }

    .width-60 {
        width: 60%;
    }

    .width-40 {
        width: 40%;
    }

    #section5 {
        height: 250vh;
    }

    .wrapContainer {
        height: 250vh !important;
    }

    .featureImg {
        width: 12%;
    }

    .featurecontent {
        width: 80%
    }

    .safeImage, .samartImage {
        width: 50%;
    }

    .primaryText-center h4 {
        width: 100%;
    }
}

@media (max-width: 455px) {
    #hero {
        height: 139vh !important;
        /*background: url(../images/LandingPageBackground-Mobile.png) no-repeat;*/
    }

        #hero h2 {
            font-size: 38px;
            line-height: 40px;
        }

    .primaryText h4 {
        color: #222;
        font-size: 17px;
        line-height: 24px;
    }

    .submitForm {
        text-align: center;
    }

        .submitForm input {
            bottom: 15%;
            position: relative;
            width: 90px;
        }

    .imgWraper img {
        position: absolute;
        bottom: auto;
        right: 10%;
        right: 15% !important;
        height: 400px;
    }

    .containerWrap {
        margin-top: 0% !important;
        height: auto !important;
    }

    .mobNumber {
        margin-bottom: 0px;
    }

    .primaryText h4 {
        font-size: 20px;
        line-height: 26px;
    }

    .width-60 {
        width: 60%;
    }

    .width-40 {
        width: 40%;
    }

    .imgWraper img {
        margin-top: 0%;
    }

    #section1 {
        height: 100vh !important;
        padding: 0 25PX;
    }

    #section2 {
        height: 100vh !important;
        padding: 0 25PX;
    }

    #section3 {
        height: 127vh !important;
        /*background: url(../images/LandingPageBackground-Mobile.png) no-repeat;*/
        padding: 0 25px;
    }

    #section5 {
        height: 115vh !important;
    }

    .wrapContainer {
        height: 115vh !important;
    }

    .primaryText-center h4 {
        width: 100%;
    }

    .featureImg {
        width: 12%;
    }

    .featurecontent {
        width: 80%
    }

    .safeImage, .samartImage {
        width: 50%;
    }

        .safeImage img {
            width: 100px;
            margin-right: 35%;
            float: right;
        }

        .samartImage img {
            width: 120px !important;
            margin-left: 20%;
        }

    .headText h3 {
        color: #222;
        font-weight: 600;
        font-size: 30px;
        max-width: 100%;
    }

    .headText h2 {
        max-width: 100% !important;
    }

    .mobImgWrapper img {
        /*margin-top: 20%;*/
        right: 10% !important;
    }

    .submitForm input {
        bottom: 0% !important;
    }

    #txtOTP-error {
        font-size: 14px !important;
        bottom: 30% !important;
        font-family: 'Inter-Regular' !important;
    }
}

@media (max-width: 414px) {
    #hero {
        height: 176vh !important;
        /*background: url(../images/LandingPageBackground-Mobile.png) no-repeat;*/
    }

    /* #section2 {
            height: 110vh !important;
        }*/

    #section5 {
        height: 120vh;
    }

    .wrapContainer {
        height: 120vh;
    }

    #section3 {
        height: 155vh !important;
    }

    #txtOTP-error {
        font-size: 14px !important;
        bottom: 30% !important;
        font-family: 'Inter-Regular' !important;
    }

    .imgWraper img {
        right: 0% !important;
        height: 400px;
    }
}

@media (max-width: 412px) {
    #section5 {
        height: 130vh;
    }

    .wrapContainer {
        height: 130vh;
    }

    #section3 {
        height: 156vh !important;
    }

    #hero {
        height: 177vh !important;
    }

    .imgWraper img {
        right: 0% !important;
        height: 400px;
    }

    #txtOTP-error {
        font-size: 14px !important;
        bottom: 30% !important;
        font-family: 'Inter-Regular' !important;
    }
}

@media (max-width: 411px) {
    #hero {
        height: 180vh !important;
        /*background: url(../images/LandingPageBackground-Mobile.png) no-repeat;*/
    }

    /* #section2 {
            height: 110vh !important;
        }*/
}

@media (max-width: 375px) {
    #hero {
        height: 180vh !important;
        /*background: url(../images/LandingPageBackground-Mobile.png) no-repeat;*/
    }

        #hero h2 {
            font-size: 30px;
            line-height: 40px;
        }

    #txtOTP-error {
        font-size: 14px !important;
        bottom: 30% !important;
        font-family: 'Inter-Regular' !important;
    }

    .primaryText h4 {
        color: #222;
        font-size: 14px;
        line-height: 24px;
    }

    .imgWraper img {
        margin-top: 1%;
    }

    .mobImgWrapper img {
        margin-top: 20%;
        right: 0% !important;
    }

    #section3 {
        height: 165vh !important;
    }

    #section5 {
        height: 160vh !important;
    }

    .wrapContainer {
        height: 160vh !important;
    }
}

@media (max-width: 360px) {
    #hero {
        height: 182vh !important;
        /*background: url(../images/LandingPageBackground-Mobile.png) no-repeat;*/
    }

        #hero h2 {
            font-size: 28px;
            line-height: 40px;
        }

    .primaryText h4 {
        color: #222;
        font-size: 13px;
        line-height: 24px;
    }

    .headText h2 {
        font-size: 34px;
    }

    .mobImgWrapper img {
        margin-top: 0%;
    }

    .primaryText-center h4 {
        width: 100%;
        font-size: 20px;
    }

    .samartImage img {
        width: 100px !important;
        margin-left: 30%;
    }

    .safeImage img {
        width: 85px;
        margin-right: 45%;
        float: right;
    }

    #section3 {
        height: 174vh !important;
    }

    #section5 {
        height: 155vh !important;
    }

    .wrapContainer {
        height: 155vh !important;
    }

    #txtOTP-error {
        font-size: 14px !important;
        bottom: 30% !important;
        font-family: 'Inter-Regular' !important;
    }
}

@media (max-width: 921px) {
    #hero {
        width: 100%;
        height: 280vh;
    }

    #section1 {
        height: 267vh;
    }

    #section2 {
        height: 265vh;
    }

    #section3 {
        height: 228vh;
    }

    #section5 {
        height: 250vh;
    }

    .pageSubmit img {
        bottom: auto;
    }

    .wrapContainer {
        height: 250vh;
    }

    .pageSubmit {
        text-align: center;
    }

    .imgWraper {
        margin-top: 12%;
        text-align: center;
        width: auto;
    }

        .imgWraper img {
            position: absolute;
            bottom: auto;
            right: 22%;
        }

    .submitForm input {
        bottom: auto;
    }

    .submitForm {
        text-align: center;
    }

    #txtOTP-error {
        font-size: 14px !important;
        font-family: 'Inter-Regular' !important;
        padding: 20px 20px;
    }
}


/*--------------------------------------------------------------
# Moble View
--------------------------------------------------------------*/

#MobileView {
    max-width: 768px;
    margin: 0 auto;
}

.text-center {
    text-align: center;
}

#mobSection {
    width: 100%;
    height: 124vh;
    /*background: url(../images/LandingPageBackground-Mobile.png) no-repeat;*/
    background-size: cover;
    position: relative;
}

#mob-section1 {
    width: 100%;
    height: 124vh;
    /*background: url(../images/LandingPageBackground-Mobile.png) no-repeat;*/
    background-size: cover;
    position: relative;
}

#mob-section2 {
    width: 100%;
    height: 117vh;
    /*background: url(../images/LandingPageBackground-Mobile.png) no-repeat;*/
    background-size: cover;
    position: relative;
}

#mob-section3 {
    width: 100%;
    height: 103vh;
    /*background: url(../images/LandingPageBackground-Mobile.png) no-repeat;*/
    background-size: cover;
    position: relative;
}

.Mob-logo {
    text-align: center;
    padding-top: 8%;
}

.mob-headText {
    margin: 5% 0;
    text-align: center;
}

.mob-primaryText {
    margin-bottom: 5%;
    text-align: center;
}

.mob-headText h2 {
    font-family: 'Inter-Regular' !important;
    font-weight: 600;
    color: #222;
    font-size: 40px;
}

.mob-headText h3 {
    color: #222;
    font-weight: 600;
}

.mob-headText > h2 > span {
    color: #ef0073;
}

.mob-primaryText-center {
    text-align: center;
}

.mob-primaryText h4 {
    text-align: left;
    padding: 0px 60px;
    color: #222;
}

.Mob-lpForm {
    padding: 0 8%;
}

.mob-Number {
    padding-left: 15px;
    width: 50%;
}

.mob-label p {
    color: #222;
    padding-left: 5px;
    padding-top: 8px;
}

.mob-submitForm {
    position: absolute;
    text-align: center;
    width: 95%;
}

    .mob-submitForm input {
        width: 90px;
    }

.mob-model {
    margin-top: 12%;
    text-align: center;
}

.mob-section1,
.mob-section2 {
    /*background: url(../images/LandingPageBackground-Mobile.png) no-repeat;*/
    background-size: cover;
    position: relative;
}

.Mob-PrevButton2 {
    text-align: center;
    padding-top: 10%;
}

    .Mob-PrevButton2 i {
        border: 1px solid #ef0073;
        border-radius: 50%;
        width: 45px;
        height: 45px;
        font-size: 30px;
        color: #ef0073;
        padding: 6px;
    }

.mob-NextButton3 {
    text-align: center;
    position: relative;
    margin-top: 10%;
}

.mob-imgWraper {
    text-align: center;
    padding-top: 5%;
}

.mob-features {
    margin-top: 8%;
}

    .mob-features p {
        color: #222;
        font-size: 20px;
    }

        .mob-features p span {
            color: #ef0073;
        }

    .mob-features ul li {
        list-style-type: none;
    }

.mob-containerWrap4 {
    height: 103vh;
}

.mob-features p img {
    width: 60px;
    padding-right: 10px;
}

#mob-section3 h4 {
    color: #222;
}

@media (max-width: 768px) {

    #mob-section1 {
        height: 105vh;
    }

    #MobileView {
        display: block;
    }

    .safe {
        float: left;
        margin-top: 10%;
    }

    .smart {
        float: right;
        margin-top: 10%;
    }

    .mob-containerWrap4 {
        height: 100vh;
    }

    #mob-section3 {
        width: 100%;
        height: 100vh;
    }

    .mob-headText {
        margin: 5% 0;
        text-align: left;
    }

    .mob-primaryText h4 {
        text-align: left;
        padding: 0px;
    }

    .mob-NextButton3 {
        margin-top: 0%;
        margin-bottom: 5%;
    }

    #mob-section2 {
        height: 114vh;
    }

    .mob-features ul li img {
        width: 60px;
    }

    .mob-features ul li img {
        width: 65px;
        float: left;
        padding-right: 10px;
    }

    .mob-features ul li {
        padding-bottom: 30px;
    }

    .mob-features p {
        color: #222;
        font-size: 24px;
    }
}

@media (max-width: 667px) {
    #mobSection {
        height: 325vh;
    }
}

@media (max-width: 455px) {
    .mob-features ul li img {
        width: 60px;
        float: left;
        padding-right: 10px;
    }

    .safe img {
        width: 130px;
    }

    .safe {
        float: left;
    }

    .smart {
        float: right;
    }

        .smart img {
            width: 130px;
        }

    #mob-section3 {
        width: 100%;
        height: 140vh;
    }

    .mob-containerWrap4 {
        height: 115vh;
    }

    #mob-section2 {
        width: 100%;
        height: 156vh;
    }

    #mob-section1 {
        width: 100%;
        height: 135vh;
    }

    .mob-NextButton3 {
        text-align: center;
        position: relative;
        margin-top: 6%;
        right: 5%;
    }

    #mobSection {
        width: 100%;
        height: 156vh;
    }

    .mob-model {
        margin-top: 20%;
        text-align: center;
    }

    mob-primaryText h4 {
        color: #222;
        padding: 0 0px;
        text-align: justify;
    }

    .mob-primaryText h4 {
        color: #222;
        text-align: justify;
    }

    .mob-headText h2 {
        font-size: 32px;
        padding: 0px 0px;
    }

    .mob-headTexts h2 {
        font-size: 32px;
        padding: 15px 30px;
        color: #222;
        font-weight: 600;
    }

    .mob-headText h3 {
        padding: 0 0px;
    }

    .mob-primaryTexts h4 {
        text-align: justify;
        color: #222;
        padding: 0px 30px 20px;
    }

    .mob-primaryText h4 {
        text-align: justify;
        color: #222;
    }

    .mob-headText {
        text-align: left;
    }

    .mob-primaryText h4 {
        padding: 0px 0px;
    }

    .mob-imgWraper {
        text-align: center;
        padding-top: 15%;
    }
}

@media (max-width: 414px) and (min-width: 390px) {
    #mob-section2 {
        width: 100%;
        height: 161vh;
    }

    .mob-NextButton3 {
        right: 5%;
    }

    .mob-containerWrap4 {
        height: 130vh;
    }

    #mob-section3 {
        width: 100%;
        height: 130vh;
    }

    .smart img {
        width: 115px;
    }

    .safe img {
        width: 100px;
    }

    .mob-headText h2 {
        padding: 0px 0px;
    }

    .mob-primaryText h4 {
        padding: 0px 0px;
        font-size: 18px;
    }

    #mobSection {
        height: 155vh;
    }

    #mob-section1 {
        height: 115vh;
    }

    #section4 {
        height: 150vh !important;
    }

    #section5 {
        height: 120vh !important;
    }

    #section3 {
        height: 133vh !important;
    }

    .wrapContainer {
        height: 120vh !important;
    }
}

@media (max-width: 375px) {
    .mob-headText h2 {
        font-size: 28px;
        padding: 0 25px;
    }

    .mob-Number {
        width: 45%;
    }

    #mobSection {
        height: 166vh;
    }

    #mob-section1 {
        height: 134vh;
    }

    #mob-section2 {
        height: 175vh;
    }

    .mob-features ul {
        padding-left: 10px;
    }

    .mob-containerWrap4 {
        height: 155vh;
    }

    #mob-section3 {
        height: 155vh;
    }

    .mob-primaryText h4 {
        padding: 0px 28px;
    }

    #mob-section1 h2,
    #mob-section2 h2 {
        padding: 0 0;
    }

    #mob-section1 h4,
    #mob-section2 h4 {
        padding: 0 0;
    }

    .headText-center {
        text-align: left;
    }

    .smart {
        margin-top: 20%;
    }

    .safe {
        margin-top: 20%;
    }

    #mob-section3 h4 {
        font-size: 20px;
    }

    .smart img {
        width: 100px;
    }

    .safe img {
        width: 75px;
    }

    .mob-containerWrap4 {
        height: 140vh;
    }

    #mob-section3 {
        height: 140vh;
    }
}

@media (max-width: 320px) {
    #section1 {
        height: 120vh !important;
        padding: 0 25PX;
    }

    #section2 {
        height: 130vh !important;
    }

    #section3 {
        height: 200vh !important;
    }

    #section5 {
        height: 185vh !important;
    }

    .wrapContainer {
        height: 185vh !important;
    }
}

.retirementThankYou h2 {
    margin-top: 5%;
    color: #000000;
    text-align: center;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 1px;
    font-family: 'Inter-Regular' !important;
    text-transform: none;
    font-weight: 700;
}

.maxThankYou h2 {
    margin-top: 14%;
    color: #000000;
    text-align: center;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 1px;
    font-family: 'Inter-Regular' !important;
    text-transform: none;
    font-weight: 700;
}

.m3-top {
    margin-top: 3rem;
    margin-bottom: 2rem;
    font-size: 34px;
    color: #000000;
}

.form-control-group {
    margin-top: 0rem;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    border-radius: 20px;
    background-color: #f2f2f2;
    letter-spacing: 0.5px;
    width: 100%;
    font-size: .94rem;
    font-family: 'Inter-Regular' !important;
    color: #958d8d;
    font-weight: 700;
    text-transform: none;
    border: 0;
}

.dv-offer-form-btn button {
    display: inline-block;
    font-size: 18px;
    font-family: 'Inter-Regular' !important;
    font-weight: 700;
    padding: 0.5rem 1.85rem;
    transition: background-color .2s ease-in, color .2s ease-in;
    letter-spacing: 1px;
    line-height: 1.125rem;
    text-decoration: none;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle;
    cursor: pointer;
    background-color: #00AE5A;
    color: #fff;
    border: 2px solid #00AE5A;
    border-radius: 50px;
}

.amp-max h1 {
    margin-top: 1%;
    color: #171717;
    text-align: center;
    font-size: 28px;
    line-height: 28px;
    letter-spacing: 1px;
    font-family: 'Inter-Regular' !important;
    text-transform: none;
    font-weight: 700;
}

.amp-max p {
    color: #958d8d;
    text-align: center;
    font-size: 18px;
    margin: 15px 0px 15px 0px;
    letter-spacing: 0.5px;
    line-height: 30px;
    padding: 0;
    font-family: 'Inter-Regular' !important;
    font-weight: 500;
}

.amp-max-margin {
    margin: 0 auto;
}

.amp-max-ordered-list {
    margin-top: 30px;
}

    .amp-max-ordered-list li {
        color: #ED0B70;
        text-align: left;
        font-size: 18px;
        margin-top: 15px;
        letter-spacing: 0.5px;
        list-style: auto;
        font-family: 'Inter-Regular' !important;
        font-weight: 500;
    }

        .amp-max-ordered-list li span {
            color: #958d8d;
            text-align: left;
            font-size: 18px;
            margin-top: 20px;
            letter-spacing: 0.5px;
            list-style: auto;
        }

.amp-retirement h1 {
    margin-top: 5%;
    color: #000000;
    text-align: center;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 1px;
    font-family: 'Inter-Regular' !important;
    text-transform: none;
    font-weight: 700;
}

.amp-retirement p {
    color: #958d8d;
    text-align: center;
    font-size: 22px;
    margin-top: 20px;
    letter-spacing: 0.5px;
    font-family: 'Inter-Regular' !important;
    font-weight: 400;
}

.amp-retirement-ordered-list li {
    color: #958d8d;
    text-align: left;
    font-size: 20px;
    margin-top: 20px;
    letter-spacing: 0.5px;
    list-style: none;
    font-family: 'Inter-Regular' !important;
    font-weight: 400;
}

    .amp-retirement-ordered-list li::before {
        content: "\00b7";
        color: #00AE5A;
        font-weight: bold;
        display: inline-block;
        width: 0.5em;
        margin-left: 0em;
        font-size: 100px;
        line-height: 20px;
        vertical-align: top;
    }

.ampstart-btn-blue {
    font-family: 'Inter-Regular' !important;
    font-weight: inherit;
    font-size: 1rem;
    line-height: 1.125rem;
    padding: .7em .8em;
    text-decoration: none;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle;
    cursor: pointer;
    background-color: #4385F3;
    color: #fff;
    border: 2px solid #4385F3;
    border-radius: 50px
}

.ampstart-btn-blue {
    display: inline-block;
    font-size: 18px;
    font-family: 'Inter-Regular' !important;
    font-weight: 700;
    padding: .5rem 2rem;
    transition: background-color .2s ease-in, color .2s ease-in;
    letter-spacing: 1px;
}

.thankYouMobileView #section1, .thankYouMobileView #section3, .thankYouMobileView #section5 {
    height: auto !important;
    padding: 0px;
}

@media (max-width: 767px) {
    .retirementThankYou h2 {
        font-size: 32px;
        text-align: left;
    }

    .maxThankYou h2 {
        font-size: 26px;
        text-align: left;
        line-height: 36px;
    }

    .ampstart-btn-green {
        padding: 0.5rem 1rem !important;
    }

    .amp-max-ordered-list {
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .amp-max h1 {
        font-size: 26px;
        text-align: left;
        margin-top: 0rem;
        margin-bottom: 1rem;
    }

    .amp-max p {
        text-align: left;
    }

    .m3-top {
        margin-bottom: 2rem;
    }

    .amp-retirement h1 {
        font-size: 32px;
        text-align: left;
        margin-top: 3rem;
        margin-bottom: 1rem;
    }

    .amp-retirement-ordered-list {
        margin: 36px 0px;
    }

        .amp-retirement-ordered-list li {
            color: #958d8d;
            text-align: left;
            font-size: 18px;
            margin-top: 20px;
            letter-spacing: 0.5px;
            list-style: none;
            text-indent: -1em;
        }

            .amp-retirement-ordered-list li::before {
                content: "\00b7";
                color: #00AE5A;
                font-weight: bold;
                display: inline-block;
                width: 0.2em;
                margin-left: 0em;
                font-size: 80px;
                line-height: 20px;
                vertical-align: top;
            }

    .amp-retirement p {
        text-align: left;
        line-height: 30px;
        font-size: 20px;
    }

    .amp-marketplace p {
        text-align: left;
        line-height: 30px;
        font-size: 20px;
    }

    .thankYouMobileView {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .retirementThankYou h2 br, .amp-retirement h1 br, .amp-max br {
        display: none;
    }

    .amp-retirement p br {
        display: none;
    }
}

.thankyourelative {
    position: relative;
}

    .thankyourelative #txtOTP-error {
        padding: 20px 18px;
    }
.marketplacefeature li::before {
    width: 0.2em;
}
.marketplacefeature li {
   text-indent: -1em;
}

.ampstart-input {
    max-width: 100%;
    width: 300px;
    min-width: 100px;
    font-size: 1rem;
    line-height: 1.5rem;
}

    .ampstart-input [disabled], .ampstart-input [disabled] + label {
        opacity: .5
    }

        .ampstart-input [disabled]:focus {
            outline: 0
        }

    .ampstart-input > input, .ampstart-input > select, .ampstart-input > textarea {
        width: 100%;
        margin-top: 0rem;
        line-height: 1.5rem;
        border: 0;
        border-radius: 0;
        background: none;
        color: #4a4a4a;
        outline: 0
    }

    .ampstart-input > label {
        color: #222;
        pointer-events: none;
        text-align: left;
        font-size: 1.125rem;
        line-height: 1rem;
        opacity: 0;
        animation: .2s;
        animation-timing-function: cubic-bezier(.4, 0, .2, 1);
        animation-fill-mode: forwards
    }

    .ampstart-input > input:focus, .ampstart-input > select:focus, .ampstart-input > textarea:focus {
        outline: 0
    }

        .ampstart-input > input:focus:-ms-input-placeholder, .ampstart-input > select:focus:-ms-input-placeholder, .ampstart-input > textarea:focus:-ms-input-placeholder {
            color: transparent
        }

        .ampstart-input > input:focus::placeholder, .ampstart-input > select:focus::placeholder, .ampstart-input > textarea:focus::placeholder {
            color: transparent
        }

    .ampstart-input > input:not(:placeholder-shown):not([disabled]) + label, .ampstart-input > select:not(:placeholder-shown):not([disabled]) + label, .ampstart-input > textarea:not(:placeholder-shown):not([disabled]) + label {
        opacity: 1
    }

    .ampstart-input > input:focus + label, .ampstart-input > select:focus + label, .ampstart-input > textarea:focus + label {
        animation-name: c
    }

    .ampstart-input > label:after {
        content: "";
        height: 2px;
        position: absolute;
        bottom: 0;
        left: 45%;
        transition: .2s;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        visibility: hidden;
        width: 10px
    }

    .ampstart-input > input:focus + label:after, .ampstart-input > select:focus + label:after, .ampstart-input > textarea:focus + label:after {
        left: 0;
        width: 100%;
        visibility: visible
    }

    .ampstart-input > input[type=search] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .ampstart-input > input[type=range] {
        border-bottom: 0
    }

        .ampstart-input > input[type=range] + label:after {
            display: none
        }

    .ampstart-input > select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        .ampstart-input > select + label:before {
            content: "?";
            line-height: 1.5rem;
            position: absolute;
            right: 5px;
            zoom: 2;
            top: 0;
            bottom: 0;
            color: #222
        }

.ampstart-input-chk, .ampstart-input-radio {
    width: auto;
    color: #4a4a4a
}

.ampstart-input input[type=checkbox], .ampstart-input input[type=radio] {
    margin-top: 0rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid #222;
    vertical-align: middle;
    margin-right: .5rem;
    text-align: center
}

.ampstart-input input[type=radio] {
    border-radius: 15px
}

    .ampstart-input input[type=checkbox]:not([disabled]) + label, .ampstart-input input[type=radio]:not([disabled]) + label {
        pointer-events: auto;
        animation: none;
        vertical-align: middle;
        opacity: 1;
        cursor: pointer
    }

    .ampstart-input input[type=checkbox] + label:after, .ampstart-input input[type=radio] + label:after {
        display: none
    }

    .ampstart-input input[type=checkbox]:after, .ampstart-input input[type=radio]:after {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        content: " ";
        line-height: 1.4rem;
        vertical-align: middle;
        text-align: center;
        background-color: #fff
    }

.ampstart-input input[type=checkbox]:checked:after {
    background-color: #222;
    color: #fff;
    content: "?"
}

.ampstart-input input[type=radio]:checked {
    background-color: #fff
}

.ampstart-input input[type=radio]:after {
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
    border-radius: 12px
}

.ampstart-input input[type=radio]:checked:after {
    content: "";
    font-size: 3.5rem;
    background-color: #222
}

.ampstart-input > label, _:-ms-lang(x) {
    opacity: 1
}

.ampstart-input > input:-ms-input-placeholder, _:-ms-lang(x) {
    color: transparent
}

.ampstart-input > input::placeholder, _:-ms-lang(x) {
    color: transparent
}

.ampstart-input > input::-ms-input-placeholder, _:-ms-lang(x) {
    color: transparent
}

.ampstart-input > select::-ms-expand {
    display: none
}

.ampstart-input {
    width: 100%
}

    .ampstart-input input:-ms-input-placeholder, .ampstart-input input[type=email], .ampstart-input input[type=text], .ampstart-input input[type=number], .ampstart-input label, textarea {
        font-size: .94rem;
        font-family: 'Inter-Regular' !important;
        color: #222;
        font-weight: 700;
        text-transform: none
    }

    .ampstart-input input::placeholder, .ampstart-input input[type=email], .ampstart-input input[type=text], .ampstart-input input[type=number], textarea {
        font-size: .94rem;
        font-family: 'Inter-Regular' !important;
        color: #737373;
        font-weight: 700;
        text-transform: none;
    }

    .ampstart-input label {
        font-size: .94rem;
        font-family: 'Inter-Regular' !important;
        font-weight: 600;
        text-transform: none;
        opacity: 1;
        padding: 0.7rem 0.7rem 0.7rem 1rem;
        border-radius: 20px;
        background-color: #E9E9E9;
        letter-spacing: 0.5px;
        color: #737373;
        width: 100%;
    }

    .ampstart-input input[type=email], .ampstart-input input[type=text], .ampstart-input input[type=number] {
        margin-top: 0rem;
        padding: 0.5rem 0.5rem 0.5rem 1rem;
        border-radius: 20px;
        background-color: #E9E9E9;
        letter-spacing: 0.5px;
    }

    .ampstart-input > label:after {
        height: 1px
    }

    .ampstart-input > input, .ampstart-input > textarea {
        color: #222
    }

.ampstart-input-radio {
    display: block;
    margin-bottom: .5rem
}

    .ampstart-input-radio label {
        font-family: 'Inter-Regular' !important;
        font-weight: 400;
        text-transform: none;
        color: #222;
        font-size: .94rem
    }

.amp-mode-mouse .ampstart-input-radio label:hover {
    text-decoration: underline
}

.form-select select {
    width: 100%;
    font-size: .94rem;
    font-family: 'Inter-Regular' !important;
    color: #958d8d;
    font-weight: 600;
    text-transform: none;
    border-radius: 20px;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    border: none;
    margin-bottom: 1.4rem;
    background: url("images/dropdown-icon-blue.png") no-repeat 97% 50%;
    cursor: pointer;
    letter-spacing: 0.5px;
}

.ampstart-btn-green {
    font-family: 'Inter-Regular' !important;
    font-weight: inherit;
    font-size: 1rem !important;
    line-height: 1.25rem;
    padding: .7em .8em;
    text-decoration: none;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle;
    cursor: pointer;
    background-color: #17A700 !important;
    color: #fff;
    border: 2px solid #17A700 !important;
    border-radius: 50px
}

    .ampstart-btn-green:hover {
        background-color: #fff !important;
        color: #222 !important;
        border: 2px solid #127f01 !important;
    }

    .ampstart-btn-green:visited {
        color: #fff
    }