@charset "utf-8";
/* CSS Document */


* {
    margin: 0px;
    padding: 0px;
    border: 0px;
    outline: none;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -ms-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

input, select, button, a, .fa {
    -webkit-user-select: text;
    -ms-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    user-select: text;
}

    input[type=text] {
        border-radius: 0;
        -webkit-border-radius: 0;
        -webkit-appearance: none
    }

*:hover, *:visited, *:active, *:focus, *:link {
    outline: none !important;
}

html {
    height: 100%;
    overflow-x: hidden;
}

ul, ol {
    text-decoration: none;
    list-style: none;
}
/*select { -moz-appearance: none; -webkit-appearance: none;}*/
a {
    text-decoration: none;
    color: inherit;
}

body {
    font-family: poppinsR;
    color: #000;
    font-size: 14px;
    letter-spacing: .5px;
    background: #fff;
    height: 100%;
    overflow-x: hidden;
}


@font-face {
    font-family: poppinsL;
    src: url('../../fonts/Poppins-Light.woff2') format('woff2'), url('../../fonts/Poppins-Light.woff') format('woff'), url('../../fonts/Poppins-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: poppinsR;
    src: url('../../fonts/Poppins-Regular.woff2') format('woff2'), url('../../fonts/Poppins-Regular.woff') format('woff'), url('../../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: poppinsM;
    src: url('../../fonts/Poppins-Medium.woff2') format('woff2'), url('../../fonts/Poppins-Medium.woff') format('woff'), url('../../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: poppinsSB;
    src: url('../../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../../fonts/Poppins-SemiBold.woff') format('woff'), url('../../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: poppinsB;
    src: url('../../fonts/Poppins-Bold.woff2') format('woff2'), url('../../fonts/Poppins-Bold.woff') format('woff'), url('../../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: OpensansR;
    src: url('../../fonts/OpenSans-Regular.woff2') format('woff2'), url('../../fonts/OpenSans-Regular.woff') format('woff'), url('../../fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: OpensansSB;
    src: url('../../fonts/OpenSans-SemiBold.woff2') format('woff2'), url('../../fonts/OpenSans-SemiBold.woff') format('woff'), url('../../fonts/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.PoppinsR {
    font-family: poppinsR;
}

.Width100perc {
    width: 100%;
    float: left;
}

.Width50perc {
    float: left;
    width: 50%;
}

.Height100perc {
    height: 100%;
}


.MT0px {
    margin-top: 0px !important;
}

.MT5px {
    margin-top: 5px !important;
}

.MT10px {
    margin-top: 10px;
}

.MT20px {
    margin-top: 20px;
}

.MT30px {
    margin-top: 30px;
}

.MT40px {
    margin-top: 40px;
}

.MB0px {
    margin-bottom: 0px !important;
}

.MB10px {
    margin-bottom: 10px !Important;
}

.MB20px {
    margin-bottom: 20px !Important;
}

.MB30px {
    margin-bottom: 30px !Important;
}

.MB100px {
    margin-bottom: 100px !Important;
}


.ML0px {
    margin-left: 0px !important;
}

.PL0px {
    padding-left: 0px !Important;
}

.PR0px {
    padding-right: 0px;
}

.FS30px {
    font-size: 30px !important;
}

.LBlk {
    color: #3E3E3E;
}

.PR {
    position: relative;
}

.DisplayTable {
    display: table;
}

.DisplayTableCell {
    display: table-cell;
    align-items: center;
    vertical-align: middle;
    margin: 0px auto;
}

.DisplayFlex {
    display: flex;
    align-items: center;
}

.DN {
    display: none;
}

.BBB1px {
    border-bottom: 1px solid #000000b3;
}

.BB0px {
    border-bottom: 0px !Important;
}

button {
    background-color: transparent;
}

.WhiteBG {
    background-color: #fff !important;
}


.LoadingDiv {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    z-index: 999999;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.35);
    color: #fff;
}

    .LoadingDiv > DIV {
        display: table;
        height: 100%;
    }

        .LoadingDiv > DIV > .DisplayTableCell {
            display: table-cell;
            vertical-align: middle;
            font-size: 18px;
        }

    .LoadingDiv img {
        width: 150px;
    }

@media only screen and (max-width:1300px) {
    .LoadingDiv img {
        width: 200px;
    }
}

@media only screen and (max-width:1024px) {
    .LoadingDiv img {
        width: 170px;
    }
}

@media only screen and (max-width:991px) {
    .LoadingDiv img {
        width: 140px;
    }
}

@media only screen and (max-width:767px) {
    .LoadingDiv img {
        width: 125px;
    }

    .LoadingDiv span {
        font-size: 16px
    }
}

@media only screen and (max-width:480px) {
    .LoadingDiv img {
        width: 115px;
    }
}
/**------------------------------------------- Login Page ----------------------------------------------**/
.LoginOuterDiv {
    background-image: url(../images/LoginBg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 100%;
    float: left;
    padding: 25px 220px;
}

.LoginInnerDiv {
    background-color: #fff;
    width: 100%;
    float: left;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.SignUp_LeftSide {
    width: 45%;
    float: left;
    height: 100%;
    position: relative;
    padding: 25px 45px 45px 30px;
    background-image: url(../images/girlGrey.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.SignUp_RightSide {
    width: 55%;
    float: left;
    height: 100%;
    padding: 25px 38px;
    background-color: #fff;
    overflow: auto;
}

.SignUp_LeftSide h2 {
    color: #000000;
    font-size: 30px;
    font-weight: bold;
    font-family: poppinsB;
}

    .SignUp_LeftSide h2 span {
        width: 100%;
        float: left;
        color: #0475BC;
        font-size: 30px;
    }

.SignUp_LeftSide p {
    width: 100%;
    float: left;
    font-family: poppinsB;
    font-size: 27px;
    margin-top: 55px;
    color: #0475BC;
}

    .SignUp_LeftSide p span {
        color: #EF4123;
        text-transform: uppercase;
    }

.SignUp_LeftSide h2:last-child {
    position: absolute;
    left: 30px;
    right: 45px;
    bottom: 10px;
    font-size: 25px;
}

.RightTopTagline {
    font-family: poppinsR;
    font-size: 18px;
    text-align: center;
    color: #6E6E6E;
}

    .RightTopTagline span {
        font-weight: 600;
    }
/** Custom SelectDropDown **/
.CustSelectMainDiv {
    position: relative;
    user-select: none;
    width: 100%;
}

.CustSelectInDiv {
    display: flex;
    flex-direction: column;
}

.CustSelect__trigger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3px 0px;
    font-size: 16px;
    color: #000000;
    border-bottom: 1px solid #6E6E6E;
    cursor: pointer;
    min-height: 20px;
}

.CustSelect-optionsDIV {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    border-top: 0;
    background: #fff;
    transition: all 0.5s;
    opacity: 0;
    /* visibility: hidden; */
    pointer-events: none;
    z-index: 99;
    box-shadow: 0px 4px 9px 0px rgb(0 0 0 / 16%);
}

.CustSelectInDiv.open .CustSelect-optionsDIV {
    opacity: 1;
    /* visibility: visible; */
    display: block;
    pointer-events: all;
    border-radius: 0px 0px 8px 8px;
    overflow: auto;
    max-height: 180px;
}

.CustSelect-option {
    position: relative;
    display: block;
    padding: 10px 10px;
    font-size: 16px;
    font-weight: 300;
    color: #000000;
    cursor: pointer;
    transition: all 0.5s;
}

    .CustSelect-option:after {
        content: "";
        border-bottom: 1px solid #ccc;
        left: 7px;
        right: 7px;
        position: absolute;
        bottom: 0;
    }

    .CustSelect-option:last-child:after {
        border-bottom: 0px;
    }
/*.CustSelect-option:hover {
  cursor: pointer;
  background-color: #104C88;
  color:#fff;
}

.CustSelect-option.selected {
  color: #ffffff;
  background-color: #104C88;
}*/

.CustSelectarrow {
    width: 12px;
    height: 5px;
    border-top: solid 7px #979797;
    border-left: solid 7px transparent;
    border-right: solid 7px transparent;
}

.Cust_selectbox__values.CustDDshow {
    display: block !important;
    box-shadow: 0px 4px 9px 0px rgb(0 0 0 / 16%);
}

.GreyLabel {
    font-size: 12px;
    color: rgb(0 0 0 / 60%);
    text-align: left;
    width: 100%;
    float: left;
    margin-bottom: 0px;
}
/** Custom SelectDropDown **/
.InputDivNoLabel .InputCoNameField {
    margin-top: 11px;
}

    .InputDivNoLabel .InputCoNameField::placeholder {
        font-weight: 100 !important;
        font-size: 14px;
        color: #656565 !important;
        font-family: poppinsR;
    }

.LoginTabs {
    margin-top: 20px;
    border-bottom: 3px solid #0475BC;
}

    .LoginTabs li {
        width: 50%;
        float: left;
        text-align: center;
    }

        .LoginTabs li a {
            width: 100%;
            float: left;
            color: #0475BC;
            font-size: 18px;
            /*text-transform: uppercase;*/
            font-family: poppinsR;
            padding: 6px 0px;
            cursor: pointer;
        }

            .LoginTabs li a.active {
                background-color: #0475BC;
                color: #fff;
                border-radius: 4px 4px 0px 0px;
                font-family: poppinsM;
            }

            .LoginTabs li a:hover {
                text-decoration: none;
            }

.Errormsg {
    width: 100%;
    float: Left;
    font-size: 11px !important;
    text-align: left;
    color: #C62828;
    position: absolute;
    left: 0;
    bottom: -16px;
}

.Errormsg_2 {
    width: 100%;
    float: Left;
    font-size: 11px !important;
    text-align: left;
    color: #C62828;
}

.PrdtInpPg_Inpcntnt .Errormsg {
    bottom: auto;
    top: 33px;
    line-height: 12px;
}

.PrdtInpPg_Inpcntnt .BrdrLabelInpDiv .InputField .CustSelect-optionsDIV + .Errormsg {
    bottom: 0px;
    top: 28px;
}

.InputDivNoLabel {
    position: relative;
}

    .InputDivNoLabel input.InputField {
        width: 100%;
        float: left;
        padding: 8px 0px;
        font-size: 14px;
        font-family: poppinsR;
        font-weight: 600;
        border-bottom: 1px solid #95989A;
    }

    .InputDivNoLabel input::placeholder {
        /* color: #272727; */
        color: #656565;
        font-size: 12px;
        text-align: left;
        font-family: poppinsR;
        font-weight: 100 !important;
    }

    .InputDivNoLabel input.InputCoNameField::placeholder {
        font-weight: 600;
        color: #000;
    }

.LoginTabsCntn .tab-pane .InputDivNoLabel {
    margin-top: 20px;
}

.SelfTab > .InputDivNoLabel:nth-child(2), .ReferenceTab > .InputDivNoLabel:nth-child(2) {
    margin-top: 20px;
}

.OrangeBrdBtn {
    border: 2px solid #EF4123;
    background-color: transparent;
    width: auto;
    border-radius: 8px;
    color: #EF4123;
    font-size: 16px;
    text-align: center;
    padding: 5px 12px;
}

.SendVerifyOTP {
    margin-left: 20px;
}

.VerifyOtpBtn[style="display:none"] + .fa-check {
    display: none !important;
}

.OTPCloseBtn {
    Width: 100%;
    float: left;
    text-align: right;
    position: absolute;
    right: -6px;
    top: -17px;
}

    .OTPCloseBtn img {
        width: 32px;
        cursor: pointer;
    }

.BlueBtn {
    background-color: #0475BC;
    color: #fff;
    font-size: 14px;
    width: auto;
    border-radius: 8px;
    text-align: center;
    padding: 5px 12px;
}

.VerifyOtpBtn {
    position: relative;
    padding-left: 25px;
}

.SendVerifyOTP .fa-check, .SendVerifyOTP .VerifyOtpBtn.DN + .fa-check, .SendVerifyOTP .VerifyOtpBtn[display="none"] + .fa-check,
.SendVerifyOTP .VerifyOtpBtn[display='none'] + .fa-check {
    display: none;
}

.SendVerifyOTP .VerifyOtpBtn + .fa-check, .SendVerifyOTP .SendOtpBtn.DN ~ .fa-check {
    display: block;
    position: absolute;
    left: 6px;
    top: 9px;
    font-size: 12px;
    color: #fff;
}


.InputDivNoLabel input.InputNameField, .InputDivNoLabel input.InputEmailField {
    padding: 5px 28px;
}

.InputNameField + img, .InputEmailField + img, .CustSelectInDiv + img {
    position: absolute;
    width: 16px;
    top: 8px;
    left: 0;
}

DIV.CustSelectInDiv + img {
    width: 20px;
}

.ConsentTxt {
    margin-top: 30px;
}

    .ConsentTxt .Errormsg {
        padding-left: 36px;
        bottom: -5px;
    }
/** CHeckBox **/

.ChkBoxCntnr {
    display: block;
    font-family: 'poppinsR';
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 12px;
    color: #272727;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .ChkBoxCntnr img {
        width: 15px;
        margin-left: 2px;
    }

    .ChkBoxCntnr input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .ChkBoxCntnr .checkmark {
        position: absolute;
        top: 3px;
        left: 0;
        height: 18px;
        width: 18px;
        border: 1px solid #2A2A2A;
        border-radius: 2px;
    }

    .ChkBoxCntnr:hover input ~ .checkmark {
        /* background-color: #ccc; */
    }

    .ChkBoxCntnr input:checked ~ .checkmark {
        background-color: #0475bc;
        border: 1px solid #0475bc;
    }

    .ChkBoxCntnr .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .ChkBoxCntnr input:checked ~ .checkmark:after {
        display: block;
    }

    .ChkBoxCntnr .checkmark:after {
        left: 6px;
        top: 2px;
        width: 5px;
        height: 10px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
/** CHeckBox **/

.RedButton {
    background-color: #EF4123;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    font-family: poppinsL;
    font-weight: 600;
    width: 200px;
    float: none;
    border: 0px;
    padding: 6px 10px;
}


/** OTP_popup **/
.OTP_popup .modal-content {
    border-top: 15px solid #0475BC;
    border-radius: 8px;
}

.OTP_popup .modal-body {
    padding: 20px 55px;
}

    .OTP_popup .modal-body h3 {
        color: #0475BC;
        font-size: 16px;
        text-align: center;
        font-weight: 600;
    }

    .OTP_popup .modal-body > p {
        color: #000;
        font-size: 14px;
        text-align: center;
        font-family: poppinsL;
        margin-top: 5px;
    }

    .OTP_popup .modal-body h2 {
        color: #000;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        margin-top: 15px;
    }

.OTP_Input {
    width: 100%;
    float: none;
    text-align: center;
    background-color: #f1f1f1;
    border: 1px solid #d4d4d4;
    border-radius: 8px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 10px;
    height: 40px;
    margin-top: 10px;
}

.OTP_InputDiv {
    width: 80%;
    float: none;
    margin: 0px auto;
}

    .OTP_InputDiv p {
        width: auto;
        font-size: 16px;
        text-align: right;
        color: #0475BC;
        margin-top: 8px;
        cursor: pointer;
        /*margin-right:40px;*/
    }

.CamelCase {
    text-transform: capitalize;
}

.InputDivNoLabel .CustSelect__trigger {
    font-size: 14px;
    padding: 10px 0px;
    padding-left: 40px;
}

    .InputDivNoLabel .CustSelect__trigger:empty:not(:focus):before {
        content: attr(data-placeholder)
    }

/** Mobile No with Country Flag & Country Code **/
.iti--separate-dial-code .iti__selected-flag, .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent;
    padding-left: 0;
}

.iti--separate-dial-code .iti__selected-dial-code {
    font-size: 16px;
    color: #272727;
    font-family: 'poppinsR';
    padding-right: 4px;
    border-bottom: 1px solid #95989A;
    margin-left: 10px;
}

.iti input, .iti input[type=tel], .iti input[type=text] {
    border-bottom: 1px solid #95989A;
    padding-left: 0px;
    float: right;
    width: 78%;
    height: 25px;
    padding-left: 0px !important;
}

.iti.iti--allow-dropdown {
    width: 100%;
    float: left;
}

.MobileAsCountry {
    display: flex;
    align-items: end;
    width: 100%;
}

    .MobileAsCountry img {
        width: 13px;
    }

    .MobileAsCountry span:first-child {
        margin-left: 0px;
    }

    .MobileAsCountry span {
        width: auto;
        float: left;
        font-size: 14px;
        margin: 0px 6px;
        font-family: poppinsR;
        font-weight: 600;
        border-bottom: 1px solid #95989A;
    }

        .MobileAsCountry span:first-child {
            border-bottom: 0px;
            padding-bottom: 0px;
        }

        .MobileAsCountry span:last-child {
            margin-right: 0px;
        }

        .MobileAsCountry span:nth-child(2) input {
            float: right;
            /* width: 25px; */
            width: 65px;
            padding-left: 3px;
        }

        .MobileAsCountry span input {
            padding-bottom: 3px;
        }

/**-----	New Changes by NitinJ as on 03092021	---**/
.YourNameRow {
    width: 31.8%;
    float: left;
    margin-right: 7px;
}

.InputDivNoLabel .YourNameRow img {
    top: 5px;
}

.InputDivNoLabel .YourNameRow input.InputNameField {
    /* padding:10px 0px; */
    padding: 3px 0px;
}

.LoginTabsMainDiv .InputDivNoLabel .YourNameRow {
    width: 30%;
    margin-right: 11px;
}

    .LoginTabsMainDiv .InputDivNoLabel .YourNameRow:first-child {
        margin-left: 30px;
    }

.InputDiv .YourNameRow:nth-child(4) {
    margin-right: 0px;
}

.YourNameRow:last-child, .LoginTabsMainDiv .InputDivNoLabel .YourNameRow:last-child {
    margin-right: 0px;
}

.LoginTabsMainDiv .InputDivNoLabel label.SmallLabelTxt {
    padding-left: 26px;
}

/** Visited Popup as on 03022022 start**/
.modal .CustRadioBtn input[type="text"] {
    position: relative;
    visibility: visible;
    margin-top: 0px;
    margin-bottom: 0px;
}

.VisitedPopup .MobInput {
    display: flex;
    width: 50%;
    margin-left: 30px;
}

.MobInput.InputDiv > span {
    align-items: center;
}

.VisitedPopup .CustRadioBtn {
    margin-bottom: 10px;
}

.modal.VisitedPopup .MobInput, .modal.VisitedPopup .CustRadioBtn input[type="text"] {
    color: #5A5A5A;
}

.modal.VisitedPopup .CustRadioBtn input[type="radio"]:checked + .label-visible + .MobInput, .modal.VisitedPopup .CustRadioBtn input[type="radio"]:checked + .label-visible + .MobInput input[type="text"] {
    color: #000;
}

.modal.VisitedPopup .CustRadioBtn h2.RedTxt {
    text-align: left;
    margin-top: 0px;
    font-weight: normal;
    margin-left: 30px;
    font-size: 12px;
    margin-top: 5px;
}

@media only screen and (max-width:480px) {
    .OTP_popup.VisitedPopup .modal-body {
        padding: 20px 10px;
    }

    .modal.VisitedPopup .CustRadioBtn h2.RedTxt {
        margin-top: 5px;
        font-size: 11px;
    }

    .VisitedPopup .MobInput {
        width: 61%;
    }
}
/** Visited Popup as on 03022022 ends **/

@media only screen and (max-width:1550px) {
    .LoginTabsMainDiv .InputDivNoLabel .YourNameRow:first-child {
        margin-left: 26px;
    }

    .SignUp_LeftSide {
        padding: 25px 40px 45px 30px;
    }

        .SignUp_LeftSide h2:last-child {
            font-size: 23px;
        }
}

@media only screen and (max-width:1500px) {
    .InputDivNoLabel .YourNameRow img {
        top: 5px;
    }

    .SignUp_RightSide {
        padding: 25px 20px;
    }

    .LoginTabsMainDiv .InputDivNoLabel .YourNameRow:first-child {
        margin-left: 23px;
    }

    .SignUp_LeftSide h2 {
        font-size: 25px;
    }

        .SignUp_LeftSide h2 span {
            font-size: 26px;
        }

    .SignUp_LeftSide p {
        margin-top: 35px;
        font-size: 23px;
    }

    .SignUp_LeftSide h2:last-child {
        font-size: 19px;
    }
}

@media only screen and (max-width:1300px) {

    .SignUp_LeftSide {
        padding: 25px 20px 25px 20px;
        background-position: 0px -56px;
    }

        .SignUp_LeftSide h2:last-child {
            left: 20px;
            bottom: 0px;
        }

    .LoginOuterDiv {
        padding: 25px 130px;
    }

    .InputDiv .YourNameRow {
        margin-right: 5px;
    }
}

@media only screen and (max-width:1200px) {
    .LoginTabsMainDiv .InputDivNoLabel label.SmallLabelTxt {
        padding-left: 22px;
    }

    .LoginTabsMainDiv .InputDivNoLabel .YourNameRow {
        width: 29%;
    }

    .YourNameRow {
        width: 31.5%;
    }

    .LoginOuterDiv {
        padding: 65px 0px;
    }

    .LoginInnerDiv {
        width: 991px;
        float: none;
        margin: 0px auto;
    }

    .SignUp_LeftSide {
        padding: 25px 25px 25px 25px;
    }

        .SignUp_LeftSide h2:last-child {
            margin-bottom: 0px;
            bottom: 8px;
        }

        .SignUp_LeftSide h2 {
            font-size: 20px;
        }

            .SignUp_LeftSide h2 span {
                font-size: 25px;
            }

        .SignUp_LeftSide p {
            font-size: 20px;
        }
}

@media only screen and (max-width:1024px) {
    .LoginInnerDiv {
        width: 955px;
    }

    .SignUp_LeftSide {
        padding: 25px 20px 25px 20px;
    }

        .SignUp_LeftSide h2:last-child {
            left: 20px;
            right: 20px;
            bottom: 12px;
        }
}

@media only screen and (max-width:991px) {
    .InputDivNoLabel input::placeholder {
        font-size: 9px !important;
    }

    .YourNameRow {
        margin-right: 6px;
    }

    .LoginTabsMainDiv .InputDivNoLabel .YourNameRow:first-child {
        margin-left: 24px;
    }

    .LoginTabsMainDiv .InputDivNoLabel .YourNameRow {
        width: 30%;
        margin-right: 5px;
    }

    .LoginInnerDiv {
        width: 736px;
    }

    .LoginTabs li a {
        font-size: 14px;
        padding: 4px 0px;
    }

    .SignUp_LeftSide {
        background-size: cover;
        background-position: -84px center;
        padding: 25px 15px 25px 15px;
    }

        .SignUp_LeftSide h2:last-child {
            left: 15px;
            right: 15px;
            bottom: 17px;
            font-size: 16px;
        }

        .SignUp_LeftSide h2 {
            font-size: 16px;
        }

            .SignUp_LeftSide h2 span {
                font-size: 20px;
            }

        .SignUp_LeftSide p {
            font-size: 19px;
        }

    .SignUp_RightSide {
        padding: 25px 15px;
    }
}

@media only screen and (max-width:767px) {
    .LoginOuterDiv {
        height: auto;
        background-size: cover;
        padding: 18px 0px;
    }

    .LoginInnerDiv {
        width: 450px;
        float: none;
        margin: 0px auto;
    }

    .SignUp_LeftSide {
        background-position: 0px -152px;
        width: 100%;
        height: 52%;
        padding: 15px 15px 247px 15px;
    }

    .SignUp_RightSide {
        width: 100%;
        padding: 25px 10px;
        overflow-x: hidden;
    }

    .OrangeBrdBtn {
        border: 1px solid #EF4123;
        font-size: 12px;
    }

    .SignUp_LeftSide h2 {
        font-size: 18px;
    }

        .SignUp_LeftSide h2 span {
            font-size: 22px;
        }

    .SignUp_LeftSide p {
        font-size: 18px;
        margin-top: 26px;
    }

    .SignUp_LeftSide h2:last-child {
        bottom: 10px;
        left: 15px;
    }

    .LoginTabs li a {
        font-size: 12px;
    }

    .InputDivNoLabel input.InputField, .InputDivNoLabel input::placeholder, .CustSelect-option, .ChkBoxCntnr, .iti--separate-dial-code .iti__selected-dial-code, .iti input, .iti input[type=tel], .iti input[type=text] {
        font-size: 11px;
    }

        .ChkBoxCntnr .checkmark {
            height: 16px;
            width: 16px;
        }

            .ChkBoxCntnr .checkmark:after {
                left: 4px;
                top: 1px;
            }

    .CustSelect__trigger, .InputDivNoLabel input.InputCoNameField {
        font-size: 14px;
    }

    .RightTopTagline {
        font-size: 12px;
    }

    .iti input, .iti input[type=tel], .iti input[type=text] {
        width: 73%;
    }
}

@media only screen and (max-width:551px) {
    .SignUp_LeftSide {
        background-position: 0px -135px;
        padding: 15px 15px 195px 15px;
    }

    .ConsentTxt .Errormsg {
        padding-left: 26px;
    }
}

@media only screen and (max-width:480px) {
    .Errormsg, .Errormsg_2 {
        font-size: 9px !important;
    }

    .LoginTabsCntn .InputDivNoLabel .YourNameRow {
        margin-bottom: 15px;
    }

        .LoginTabsCntn .InputDivNoLabel .YourNameRow input.InputNameField:last-child {
            margin-bottom: 0px;
        }

    .LoginOuterDiv {
        padding: 18px 0px;
    }

    .LoginInnerDiv {
        width: 385px;
        float: none;
        margin: 0px auto;
    }

    .SignUp_LeftSide p {
        font-size: 15px;
    }

    .MobileAsCountry span {
        font-size: 11px;
        padding: 3px 0px;
        padding-bottom: 0;
    }

    .InputDivNoLabel .CustSelect__trigger {
        font-size: 12px;
    }

    .InputNameField + img, .InputEmailField + img, .CustSelectInDiv + img, .InputDivNoLabel .YourNameRow img {
        bottom: 10px;
    }

    .SendVerifyOTP {
        margin-left: 15px;
    }

    .LoginTabs .InputEmailField + img {
        top: 10px;
    }

    .LoginTabsCntn .InputDivNoLabel .YourNameRow {
        margin-bottom: 0px;
    }

    .LoginTabsCntn .InputDivNoLabel .CustSelect__trigger {
        padding-bottom: 2px;
    }

    .OTP_popup .modal-body h3, .OTP_InputDiv p {
        font-size: 14px;
    }

    .OTP_popup .modal-body > p, .OTP_popup .modal-body h2 {
        font-size: 12px;
    }

    .OTP_Input {
        font-size: 16px;
        height: 32px;
    }
}

@media only screen and (max-width:411px) {
    .SelfTab > .InputDivNoLabel:nth-child(2), .ReferenceTab > .InputDivNoLabel:nth-child(2) {
        margin-top: 25px;
    }

        .SelfTab > .InputDivNoLabel:nth-child(2) > .YourNameRow, .ReferenceTab > .InputDivNoLabel:nth-child(2) > .YourNameRow,
        .SelfTab > .InputDivNoLabel:nth-child(5) > .YourNameRow, .ReferenceTab > .InputDivNoLabel:nth-child(5) > .YourNameRow {
            margin-bottom: 20px;
        }

            .SelfTab > .InputDivNoLabel:nth-child(2) > .YourNameRow:last-child, .ReferenceTab > .InputDivNoLabel:nth-child(2) > .YourNameRow:last-child,
            .SelfTab > .InputDivNoLabel:nth-child(5) > .YourNameRow:last-child, .ReferenceTab > .InputDivNoLabel:nth-child(5) > .YourNameRow:last-child {
                margin-bottom: 0px;
            }

    .YourNameRow:last-child, .LoginTabsMainDiv .InputDivNoLabel .YourNameRow:last-child {
        margin-right: 4px;
    }

    .LoginTabsMainDiv .InputDivNoLabel .YourNameRow {
        width: 92%;
        margin-left: 24px;
        float: right;
    }

    .LoginOuterDiv {
        padding: 10px 0px;
    }

    .LoginInnerDiv {
        width: 308px;
    }

    .SignUp_LeftSide h2 {
        font-size: 13px;
        left: 10px;
    }

        .SignUp_LeftSide h2 span {
            font-size: 18px;
        }

    .SignUp_LeftSide p {
        font-size: 14px;
    }

    .SignUp_LeftSide {
        padding: 10px 10px 186px 10px;
        background-position: 0px -71px;
    }

        .SignUp_LeftSide h2:last-child {
            left: 10px;
            bottom: 6px;
            font-size: 14px;
        }

    .CustSelect__trigger, .InputDivNoLabel input.InputCoNameField, .InputDivNoLabel input.InputCoNameField::placeholder {
        font-size: 12px;
    }

    .InputDivNoLabel input.InputNameField, .InputDivNoLabel input.InputEmailField {
        padding: 10px 23px;
    }

    .LoginTabsCntn .InputDivNoLabel input.InputNameField, .LoginTabsCntn .InputDivNoLabel input.InputEmailField {
        padding-bottom: 3px;
    }
}

@media only screen and (max-height:767px) {
    .SignUp_RightSide {
        overflow-y: auto;
    }
}



/**----------------------------------------- Landing Page --------------------------------------------------**/
header {
    position: fixed;
    top: 0px;
    z-index: 9999;
    height: 78px;
    padding: 12px 15px;
    background-color: #fff;
    box-shadow: 0px 3px 20px #0000001A;
    -moz-box-shadow: 0px 3px 20px #0000001A;
    -webkit-box-shadow: 0px 3px 20px #0000001A;
}

    header .LogoImg {
        width: 150px;
    }

.TopHeadLogoRow > DIV:first-child {
    border-right: 1px solid #B7B7B7;
    width: 171px;
}

.SUDRoyalLogo {
    background-color: #E9E9E9;
    border: 1px solid #707070;
    border-radius: 5px;
    padding: 8px 10px;
    font-size: 18px;
    font-family: poppinsR;
    text-align: center;
    color: #6E6E6E;
    margin: 6px 20px
}

.PrdtLogo {
    margin-left: 15px;
}

.AIC {
    align-items: center;
}

.Width11perc {
    width: 11%;
    float: left;
}

.Width25perc {
    width: 25%;
    float: left;
}

.TalktoSupBtn {
    background-color: #0475BC;
    color: #fff;
    font-size: 14px;
    width: auto;
    border-radius: 24px;
    float: right;
    padding: 6px 10px;
    margin: 12px 0px;
}

    .TalktoSupBtn img {
        width: 17px;
        margin-right: 5px;
    }

.HeadHomeImg {
    margin: 18px;
    width: 22px;
    float: right;
    margin: 11px;
    margin-top: 18px
}

.MainContainer {
    /* height:100%; */
    width: 100%;
    float: left;
    margin-top: 78px;
    padding: 15px 15px;
}

.LandingPg {
    position: relative;
}

    .LandingPg .infoFloatImg {
        position: absolute;
        right: -142px;
        top: -125px;
        width: 280px;
        padding: 0px;
        z-index: 99;
    }

.SideLeft {
    padding-right: 35px;
}

.LandingPg .SideLeft .PrdtHead {
    font-size: 28px;
    color: #0475BC;
    font-family: poppinsM;
}

    .LandingPg .SideLeft .PrdtHead span {
        color: #EF4123;
    }

.LandingPg .SideLeft .PrdtHeadPara {
    font-size: 14px;
    color: #707070;
}

.LandingPg .SideLeft .PrdtHeadSubLine {
    width: 100%;
    float: left;
    color: #0475BC;
    font-size: 24px;
    text-transform: uppercase;
    margin-top: 15px;
}

.LandingPg .SideLeft .PerBoldPara {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #000000;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: flex-start;
}

    .LandingPg .SideLeft .PerBoldPara img {
        width: 23px;
        margin-right: 10px;
    }

.LandingPg .SideLeft .DashedBox {
    border: 1px dashed #0475BC;
    border-radius: 24px;
    padding: 5px 35px;
    color: #0475BC;
    font-size: 16px;
    font-weight: 600;
    width: auto;
    float: left;
    margin-top: 5px;
}

.fa-inr {
    margin-right: 2px;
}

.SpouseDet {
    display: none;
}
/** Accordion Tab **/
.ac-container {
    width: 100%;
    margin: 20px auto 30px auto;
    text-align: left;
}

    .ac-container > DIV > label {
        padding: 5px 15px;
        position: relative;
        z-index: 20;
        display: block;
        height: 45px;
        cursor: pointer;
        border: 1px solid #D4D4D4;
        line-height: 36px;
        font-weight: 600;
        font-size: 14px;
        color: #000;
        background: #ffffff;
        border-radius: 4px;
    }

    .ac-container > DIV > label {
        background: #fff;
    }

    .ac-container input:checked + label,
    .ac-container input:checked + label {
        background: #fff;
        color: #000;
    }

    .ac-container > DIV > label:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        top: 16px;
        right: 20px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 11px solid #00000099;
    }

    .ac-container input + label.SideLQuestActive:after {
        width: 0;
        height: 0;
        top: 16px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 11px solid #666666;
        border-top: 0px;
    }

    .ac-container input {
        display: none;
    }

    .ac-container article {
        padding: 0px 15px;
        margin-top: -1px;
        overflow: hidden;
        height: 0px;
        position: relative;
        z-index: 10;
        border-radius: 0px 0px 4px 4px;
        background: transparent linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%) 0% 0% no-repeat padding-box;
        -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    }

        .ac-container article p {
            font-style: italic;
            color: #777;
            line-height: 23px;
            font-size: 14px;
            padding: 20px;
            text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
        }

    .ac-container input ~ article {
        -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        border: 1px solid #D4D4D4;
    }

    .ac-container label ~ article.ac-small {
        height: 0px;
    }

    .ac-container .SideLQuestActive ~ article.ac-small {
        height: auto;
    }

    .ac-container input:checked ~ article.ac-medium {
        height: auto;
    }

    .ac-container input:checked ~ article.ac-large {
        height: auto;
    }
    /** Accordion Tab **/
    .ac-container .ChkBoxCntnr {
        color: #000000;
        font-size: 13px;
        margin: 12px 0px;
    }

.LandingPg .SideLeftAccord .ac-container .ChkBoxCntnr {
    pointer-events: none;
}

.ac-container .ChkBoxCntnr .checkmark {
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

    .ac-container .ChkBoxCntnr .checkmark:after {
        left: 5px;
        top: 1px;
    }

.ac-container article > DIV {
    border-bottom: 1px dashed #707070;
}

    .ac-container article > DIV:last-child {
        border-bottom: 0px;
    }

button.BTRB, DIV.BTRB {
    width: 100%;
    border: 2px solid #ED412D;
    border-radius: 8px;
    color: #000000;
    font-size: 14px;
    padding: 8px 0px;
    text-align: center;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.BTRB i {
    margin-right: 3px;
}

.LandingPg .SideLeft button.BTRB {
    font-size: 14px;
    height: 100%;
}

.BTRB img, .Plr.dwnlod a img {
    width: 18px;
    margin: 5px;
}

.SideRight {
    background: #FAFAFA 0% 0% no-repeat padding-box;
    box-shadow: 0px 11px 3px #0000006E;
    border-radius: 8px;
    padding: 10px;
    position: relative;
    padding-left: 30px;
}

    .SideRight > DIV .EmailDiv {
        margin-top: 15px;
    }

.SmallLabelTxt {
    color: #000000;
    font-size: 12px;
    width: 100%;
    float: left;
}

.RedTxt {
    color: #C62828 !important;
}

.MultiSelectBtn {
    width: 100%;
    height: 51px;
    text-align: center;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #DEDEDE;
    border-radius: 8px;
    font-size: 14px;
    padding: 6px 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .MultiSelectBtn span {
        color: #000;
    }

    .MultiSelectBtn img {
        width: 35px;
        margin-right: 5px;
    }

    .MultiSelectBtn.ActiveBtn {
        border: 2px solid #ED412D;
        background-color: #FFF4F2;
    }

.InputDiv label {
    color: rgb(0 0 0 / 70%);
    font-size: 12px;
    text-align: left;
}

.InputDiv input {
    font-size: 16px;
    color: #000000;
    text-align: left;
    background-color: transparent;
    border-bottom: 1px solid #95989A;
}

.SpouseDet {
    padding-top: 25px;
    margin-top: 25px;
}

.GreyDashBT {
    border-top: 1px dashed #707070;
}

.GreyDashBB {
    border-bottom: 1px dashed #707070;
}

.BT0px {
    border-top: 0px !important;
}

.FloatGreyDashBT:before {
    content: "";
    position: absolute;
    left: 0;
    right: 90px;
    top: 0;
    border-top: 1px dashed #707070;
    ;
}

.FloatGreyDashBB:after {
    content: "";
    position: absolute;
    left: 0;
    right: 90px;
    bottom: 0;
    border-bottom: 1px dashed #707070;
    ;
}

.InputDiv label .fa-question, .circleQuest {
    border: 1px solid #5A5A5A;
    color: #5A5A5A;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    font-size: 11px;
    text-align: center;
}

.MobInput.InputDiv > span {
    width: 80px;
    float: left;
    display: flex;
}

    .MobInput.InputDiv > span input {
        width: 100%;
        height: 25px;
    }

.MobInput.InputDiv > input {
    /* width: auto; */
    width: calc(100% - 85px);
    margin-left: 5px;
}

/** KeyBenefitDiv **/
.KeyBenefitDiv {
    width: 100%;
    float: left;
    background-color: #0475BC;
    border-radius: 8px;
    margin-top: 20px;
    padding: 20px;
}

.FixedBBHead {
    font-size: 28px;
    width: 100%;
    float: Left;
    text-align: center;
    font-family: poppinsB;
    color: #fff;
    position: relative;
}

    .FixedBBHead:before {
        content: "";
        width: 14%;
        height: 4px;
        background: #FF8C78;
        border-radius: 18px;
        bottom: -15px;
        margin: 0px auto;
        left: 0;
        right: 0;
        position: absolute;
    }

.KeyBenefitBox {
    display: flex;
    align-items: flex-start;
    margin-top: 30px;
}

    .KeyBenefitBox img {
        margin-right: 30px;
        width: 65px;
    }

.OrangeHead {
    color: #FF8C78;
    font-size: 22px;
    font-weight: 600;
    text-align: left;
}

.KeyBenefitBox h2 {
    /* margin-top: 43px; */
}

.KeyBenefitBox p {
    color: rgb(255 255 255 / 80%);
    font-size: 14px;
    text-align: left;
}

/** WhyChooseDiv **/
.WhyChooseDiv {
    width: 100%;
    float: left;
    background-color: #F2F2F2;
    padding: 30px 50px;
}

    .WhyChooseDiv .FixedBBHead, .HelpYouDiv .FixedBBHead {
        color: #0475BC;
        margin-bottom: 65px;
    }

        .WhyChooseDiv .FixedBBHead span, .HelpYouDiv .FixedBBHead span {
            color: #EF4123;
        }

.WhyChooseBox h2, .WhyChooseBox p {
    width: 100%;
    float: left;
    text-align: center;
}

.WhyChooseBox h2 {
    color: #687D8A;
    font-size: 50px;
}

    .WhyChooseBox h2 i {
        font-weight: 100;
        font-size: 50px;
    }

.WhyChooseBox p {
    font-size: 18px;
    color: #9A9A9A;
    font-family: poppinsL;
    text-align: center;
}

.WhyChooseDiv .sourceline, .HowPlanWork h4 {
    font-size: 12px;
    color: #687d8a;
    margin-bottom: 0px;
    float: right;
    margin-top: 59px;
}

.HowPlanWork {
    width: 100%;
    float: left;
    padding: 30px 15px;
}

    .HowPlanWork h1 {
        color: #131111;
        font-family: poppinsB;
        text-align: center;
        font-size: 28px;
    }

.HowPlanWork_cnt {
    width: 100%;
    float: left;
}

.HowPlanWork h2 {
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
}

.HowPlanWork p {
    text-align: justify;
}

.HowPlanWork img {
    width: 100%;
    float: left;
}

/** HelpYouDiv **/
.HelpYouDiv {
    width: 100%;
    float: Left;
    padding: 30px 50px;
    border-radius: 0px 4px 4px 4px;
    background-color: #F8F8F8;
}

.NeedHelp {
    background-color: #0475BC;
    width: 100%;
    float: Left;
    padding: 15px;
    height: 100%;
}

    .NeedHelp h1, .NeedHelp p, .NeedHelp h2, .NeedHelp h3 {
        width: 100%;
        float: Left;
    }

    .NeedHelp h1 {
        font-family: poppinsR;
        font-size: 40px;
        color: #fff;
        text-align: left;
        margin-bottom: 20px;
    }

    .NeedHelp p {
        font-size: 18px;
        color: #fff;
        text-align: left;
        margin-bottom: 0px;
    }

    .NeedHelp h2 {
        color: #fff;
        text-align: left;
        font-size: 28px;
        font-weight: bold;
    }

    .NeedHelp h3 {
        color: #fff;
        text-align: left;
        font-size: 18px;
        font-weight: bold;
    }

.FAQdiv h1 {
    color: #707070;
    font-family: poppinsB;
    font-size: 25px;
    text-align: left;
    width: 100%;
    float: left;
}

.FAQTable1 {
    border: 1px solid #000;
    font-size: 13px;
    margin-bottom: 15px;
}

    .FAQTable1 th, .FAQTable1 td {
        padding: 4px;
        border-right: 1px solid #000;
    }

    .FAQTable1.tdBorder td {
        border: 1px solid #000;
    }

    .FAQTable1 th:last-child, .FAQTable1 td:last-child {
        border-right: 0px solid #000;
    }

    .FAQTable1 th {
        border-bottom: 1px solid #000;
    }

.FAQdiv .accordion-section, .FAQdiv .accordion-section-content {
    width: 100%;
    float: left;
}

.FAQdiv .accordion-section-content {
    font-size: 16px;
}

.FAQdiv #accordion-2 ul {
    padding-left: 15px;
}

.FAQdiv #accordion-3 ul ul {
    padding-left: 20px;
}

    .FAQdiv #accordion-3 ul ul li {
        display: flex;
    }

        .FAQdiv #accordion-3 ul li span:first-child, .FAQdiv #accordion-3 ul ul li span:first-child {
            font-weight: bold;
        }

        .FAQdiv #accordion-3 ul ul li span:first-child {
            padding-right: 3px;
        }
/*----- FAQ Accordion -----*/
.accordion, .accordion * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.accordion-section {
    margin-bottom: 20px;
    box-shadow: 0px 3px 7px #0000001A;
    border-radius: 5px;
}

.accordion-section-content ul {
    padding: 0px;
}

.accordion-section-title {
    width: 100%;
    padding: 15px;
    display: inline-block;
    background: #FFF;
    box-shadow: 0px 3px 7px #0000001A;
    border-radius: 5px;
    transition: all linear 0.15s;
    /* Type */
    font-size: 20px;
    color: #000;
    font-family: poppinsM;
}

    .accordion-section-title.active {
        background: #F2F2F2;
        color: #0475BC;
        text-decoration: none;
    }

a.accordion-section-title:hover {
    color: #000;
}

.accordion-section:last-child .accordion-section-title {
    border-bottom: none;
}

.accordion-section-content {
    padding: 20px 15px;
    display: none;
    background-color: #fff;
    font-size: 18px;
    font-family: poppinsR;
}

.OpenPlus {
    display: none;
    width: 30px;
    height: 30px;
    float: right;
    transition: 0.5s ease-out all;
}

.CloseCross {
    display: none;
    width: 30px;
    height: 30px;
    float: right;
    transition: 0.5s ease-out all;
}

.accordion-section-title.active .CloseCross {
    display: none;
}

.accordion-section-title.active .OpenPlus {
    display: none;
}

.FAQdiv .accordion-section-title {
    background-image: url('../images/collapse.png');
}

    .FAQdiv .accordion-section-title.active {
        background-image: url('../images/expand.png');
    }

.FAQdiv .accordion-section-title, .accordion-section-title.active {
    background-repeat: no-repeat;
    background-position: 98%;
    background-size: 30px;
}

.FAQdiv .accordion-section-title {
    padding-right: 55px;
}
/*----- FAQ Accordion -----*/

.DisclaimerDiv {
    width: 100%;
    float: Left;
    background-color: #797979;
    padding: 20px 50px;
}

    .DisclaimerDiv p {
        width: 100%;
        float: Left;
        color: #FFFFFF;
        font-family: poppinsL;
        text-align: left;
        font-size: 10px;
        margin-bottom: 10px;
        display: flex;
        align-items: baseline;
    }

        .DisclaimerDiv p sup {
            top: 0;
            padding-right: 4px;
            font-size: 10px;
        }

    .DisclaimerDiv .disclaimerBox {
        width: 100%;
        float: left;
        border: 1px solid #fff;
        padding: 10px;
        font-size: 16px;
        color: #fff;
    }
    /*--- Added on 15122021   ---*/
    .DisclaimerDiv .DisclaimerCODetails {
        width: 100%;
        float: left;
        margin-top: 12px;
    }

        .DisclaimerDiv .DisclaimerCODetails p {
            width: 100%;
            float: left;
            font-size: 12px;
            margin-bottom: 5px;
        }

            .DisclaimerDiv .DisclaimerCODetails p b {
                margin-right: 3px;
            }

            .DisclaimerDiv .DisclaimerCODetails p:nth-child(2) span:nth-child(2) {
                margin: 0px 5px;
                display: block;
            }




DIV.ui-widget.ui-widget-content {
    z-index: 98 !important;
}

@media only screen and (max-width:1500px) {
    .LandingPg .SideLeft .PrdtHeadSubLine {
        font-size: 22px;
    }

    .HeadHomeImg {
        margin-top: 18px;
    }

    .LandingPg .infoFloatImg {
        right: -160px;
        top: -167px;
        width: 251px;
    }

    .LandingPg .SideLeft button.BTRB {
        font-size: 13px;
    }

    .MobInput.InputDiv > span, .MobInput.InputDiv > span input, .MobInput.InputDiv > input {
        height: 26px;
    }
}


@media only screen and (max-width:1300px) {

    .LandingPg .SideLeft .PrdtHead, .FixedBBHead, .HowPlanWork h1, .NeedHelp h2 {
        font-size: 24px;
    }

    .LandingPg .SideLeft .PrdtHeadPara, .LandingPg .SideLeft .PerBoldPara, .KeyBenefitBox p {
        font-size: 12px;
    }

    .LandingPg .SideLeft .PrdtHeadSubLine, .OrangeHead, .FAQdiv h1 {
        font-size: 20px;
    }

    .LandingPg .SideLeft .DashedBox, .NeedHelp p, .accordion-section-content {
        font-size: 14px;
    }

    .LandingPg .infoFloatImg {
        top: -130px;
        right: -152px;
    }

    .LandingPg .SideLeft button.BTRB {
        font-size: 11px;
        height: 100%;
    }

    .BTRB img, .Plr.dwnlod a img {
        margin: 0px 8px;
    }

    .ThankYouPg .DownloadBtnSect .BTRB img {
        margin: 0px 6px;
    }

    .WhyChooseBox h2, .WhyChooseBox h2 i {
        font-size: 40px;
    }

    .WhyChooseBox p, .NeedHelp h3, .accordion-section-title {
        font-size: 16px;
    }

    .DisclaimerDiv p {
        font-size: 12px;
    }

    .NeedHelp h1 {
        font-size: 35px;
    }

    .LandingPg .accordion-section-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

@media only screen and (max-width:1200px) {
    .RadioColapsAccord .accordion-section-content {
        padding: 0px 45px;
    }

    .WhyChooseDiv, .HelpYouDiv {
        padding: 20px 40px;
    }

    .OpenPlus, .CloseCross {
        margin-left: 8px;
    }

    .accordion-section-title {
        padding: 10px;
    }

    .NeedHelp h1 {
        font-size: 30px;
    }

    .HowPlanWork {
        padding: 20px 15px;
    }

    .SUDRoyalLogo, .InputDiv input, .RedButton, .WhyChooseBox p, .NeedHelp h3, .accordion-section-title, .DisclaimerDiv p {
        font-size: 14px;
    }

    .LandingPg .SideLeft .PrdtHead, .FixedBBHead, .HowPlanWork h1, .NeedHelp h2 {
        font-size: 20px;
    }

    .LandingPg .SideLeft .PrdtHeadSubLine, .OrangeHead, .FAQdiv h1 {
        font-size: 16px;
    }

    .LandingPg .SideLeft .PrdtHeadSubLine {
        margin-top: 8px;
    }

    .LandingPg .SideLeft .DashedBox, .NeedHelp p {
        font-size: 12px;
    }

    .ac-container > DIV > label {
        padding: 4px 20px;
        height: 44px;
        font-size: 12px;
    }

    .ac-container .ChkBoxCntnr {
        margin: 8px 0px;
    }

    .MultiSelectBtn {
        height: 45px;
    }

        .MultiSelectBtn img {
            width: 31px;
            margin-right: 0px;
        }

    .MultiSelectBtn, .InputDiv label, DIV.BrdrLabelInpDiv label, .ChkBoxCntnr {
        font-size: 10px;
    }

    .LandingPg .infoFloatImg {
        width: 220px;
        top: -118px;
        right: -123px;
    }

    .TalktoSupBtn {
        font-size: 12px;
    }

        .TalktoSupBtn img {
            width: 15px;
        }

    .HeadHomeImg {
        width: 22px;
    }

    .LandingPg .SideLeft button.BTRB {
        height: 38px;
        line-height: 13px;
    }

        .LandingPg .SideLeft button.BTRB i {
            margin-left: 7px;
        }

    .ChkBoxCntnr .checkmark:after {
        left: 5px;
        top: 1px;
        width: 5px;
        height: 9px;
    }

    .MultiSelectBtn {
        height: 43px;
    }

    .WhyChooseBox h2, .WhyChooseBox h2 i {
        font-size: 35px;
    }

    DIV.AddMorePolicyBtn {
        right: -106px;
    }

    .AddPolicyRow DIV.AddMorePolicyBtn {
        right: -100px;
    }

        .AddPolicyRow DIV.AddMorePolicyBtn .BTRB.WidthAuto {
            right: 0px;
            padding: 8px 8px;
        }

    .FAQdiv .accordion-section-title {
        padding-right: 55px;
    }
}

@media only screen and (max-width:1024px) {
    .LandingPg .infoFloatImg {
        top: -114px;
    }

    .LandingPg .SideLeft .PerBoldPara {
        display: flex;
        align-items: flex-start;
    }

    .AddPolicyRow DIV.AddMorePolicyBtn {
        right: -102px;
    }

    .SUDRoyalLogo {
        padding: 8px 6px;
    }

    .FAQdiv .accordion-section-title {
        padding-right: 50px;
    }

    .MobInput.InputDiv > span {
        width: 75px;
    }

    .MobInput.InputDiv > span {
        width: 75px;
    }

    .MobInput.InputDiv > input {
        width: calc(100% - 80px);
    }
}

@media only screen and (max-width:991px) {
    .AddPolicyRow DIV.AddMorePolicyBtn {
        bottom: 10%;
        right: 0px;
    }

    .SideRight input.RedButton {
        width: 180px;
    }

    .SideRight > DIV:first-child > DIV:nth-child(3) .row > DIV:last-child {
        width: 14%;
    }

    .BTRB img {
        margin: 0px 3px;
        margin-right: 0px;
        width: 15px;
    }

    .FAQdiv .accordion-section-title {
        padding-right: 45px;
    }

    .BTRB i.fa-download {
        margin-right: 3px;
        margin-left: 5px;
    }

    .LandingPg .SideLeft .PrdtHeadPara, .LandingPg .SideLeft .PerBoldPara, .KeyBenefitBox p {
        font-size: 11px;
    }

    .WhyChooseBox h2, .WhyChooseBox h2 i {
        font-size: 30px;
    }

    .HowPlanWork p {
        font-size: 11px;
    }

    .LandingPg .SideLeft button.BTRB i {
        margin-left: 4px;
    }

    .LandingPg .SideLeft button.BTRB {
        font-size: 10px;
    }

    .TopHeadLogoRow .Width25perc {
        width: 30%;
    }

    .SideLeft {
        padding-right: 20px;
    }

    .LandingPg .SideLeft .PrdtHeadSubLine br {
        display: none;
    }

    .PolicyForDiv .row DIV {
    }

    .LandingPg .infoFloatImg {
        width: 162px;
        /* top: 129px; */
        top: -146px;
        right: -100px;
    }

    .SUDRoyalLogo, .InputDiv input, .RedButton, .WhyChooseBox p, .NeedHelp h3, .accordion-section-title {
        font-size: 12px;
    }

    .FAQTable1 th, .FAQTable1 td, .FAQdiv .accordion-section-content, .DisclaimerDiv p, .DisclaimerDiv .disclaimerBox {
        font-size: 11px;
    }

    .FAQdiv .accordion-section-content {
        padding: 10px 10px;
    }

    .MobInput.InputDiv > span {
        width: 70px;
    }

    .MobInput.InputDiv > input {
        width: calc(100% - 85px);
    }
}

@media only screen and (max-width:767px) {
    .SideRight > DIV.Width100perc:first-child .PolicyForDiv {
        margin-top: 0px;
    }

        .SideRight > DIV.Width100perc:first-child .PolicyForDiv + DIV.Width100perc {
            margin-top: 10px;
        }

    .SideRight > DIV.Width100perc:first-child .EmailDiv + DIV.SmallLabelTxt {
        margin-top: 10px;
    }

    .WhyChooseDiv .sourceline, .HowPlanWork h4 {
        margin-top: 40px;
        font-size: 10px;
    }

    .HowPlanWork h2 {
        font-size: 16px;
    }

    .HowPlanWork p {
        margin-bottom: 8px;
    }

    .FAQdiv .accordion-section {
        margin-bottom: 15px;
    }


    .AddPolicyRow DIV.AddMorePolicyBtn .BTRB.WidthAuto {
        float: none !important;
    }

    .AddPolicyRow .FamHealtDetTable > Div {
        overflow: auto;
    }

    .SideRight > DIV .EmailDiv {
        margin-top: 0;
    }

    .BTRB img, .Plr.dwnlod a img {
        margin: 0px 3px;
    }

    .MobInput.InputDiv > span, .MobInput.InputDiv > span input, .MobInput.InputDiv > input {
        height: 30px;
    }

    .MobInput.InputDiv > input {
        width: 50%;
        float: left;
    }

    .MobInput.InputDiv > span {
        align-items: center;
    }

    .PolicyForDiv .MultiSelectBtn span {
        width: 36px;
        word-break: break-all;
    }

    .FixedBBHead:before {
        width: 50%;
        height: 2px;
    }

    .TopHeadLogoRow > DIV:first-child {
        border-right: 0px;
    }

    .SideLeftAccord .ac-container {
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .DisclaimerDiv {
        padding: 10px 0px;
    }

    .FAQTable1 th, .FAQTable1 td {
        font-size: 12px;
    }

    .DisclaimerDiv p {
        padding: 10px ​0px;
        text-align: justify;
        margin-bottom: 5px; /** 10px **/
    }

    .FAQdiv .accordion-section-content {
        font-size: 12px;
        padding: 10px 8px;
    }

    .OpenPlus, .CloseCross {
        width: 25px;
        height: 25px;
    }

    .FAQdiv .accordion-section-title {
        padding: 8px;
        display: flex;
        justify-content: space-between;
        padding-right: 40px;
    }

    .accordion-section-title, .accordion-section-title.active {
        background-size: 22px;
    }

    .DisclaimerDiv .disclaimerBox {
        padding: 7px;
        font-size: 14px;
    }

    .TalktoSupBtn img, .PrdtLogo {
        display: none;
    }

    .HeadHomeImg {
        width: 18px;
        margin-top: 19px;
        margin-bottom: 0px;
    }

    .TopHeadLogoRow .Width25perc:nth-child(2) {
        width: 33%;
    }

    header, .MainContainer {
        padding: 12px 0px;
    }

    .TopHeadLogoRow > DIV:first-child {
        width: 160px;
    }

    .SUDRoyalLogo {
        padding: 0px;
        margin: 21px 10px;
        background-color: transparent;
        border: 0px;
    }

    .LandingPg .SideLeft .ac-container {
        display: none;
    }

    .LandingPg .SideLeft .DashedBox {
        margin-bottom: 20px;
    }

    .LandingPg .SideLeft .PerBoldPara {
        background-color: #0475BC;
        width: 100%;
        padding: 3px 7px;
        color: #fff;
        align-items: center;
    }

        .LandingPg .SideLeft .PerBoldPara img {
            filter: brightness(68%) invert(100);
        }

    .SideRight {
        width: 95%;
        float: none;
        margin: 20px auto;
        padding: 15px 10px;
    }

    .MultiSelectBtn {
        display: block;
    }

        .MultiSelectBtn img {
            display: none;
        }

    .SideRight .InputDiv {
        margin-bottom: 10px; /** 20px **/
    }

    .SideRight > DIV:first-child > DIV:nth-child(3) .row > DIV:first-child {
        width: 80%;
    }

    .SideRight > DIV:first-child > DIV:nth-child(3) .row > DIV:last-child {
        width: 24%; /** 70% **/
    }

    .SideRight > DIV:first-child > .SmallLabelTxt.MT30px:nth-child(4) {
        margin-top: 0px;
    }

    .MultiSelectBtn, .InputDiv label, .ChkBoxCntnr, .BrdrLabelInpDiv label {
        font-size: 12px;
    }

    .BrdrLabelInpDiv label {
        color: rgb(0 0 0 );
    }

    .SUDRoyalLogo, .InputDiv input, .RedButton, .WhyChooseBox p, .NeedHelp h3, .accordion-section-title, .DisclaimerDiv p, .AccordDashRow .BrdrLabelInpDiv .InputField .CustSelect__trigger {
        font-size: 14px;
    }

    .LandingPg .infoFloatImg {
        top: -159px; /** -179px **/
        right: -43px;
        width: 115px;
    }

    .SpouseDet[style='display:block'] + DIV .infoFloatImg {
        top: -204px;
    }

    .SpouseDet > DIV.Width100perc > DIV.row > DIV:nth-child(4) {
        width: 20%;
    }

    /*.SideRight .GenderSelect .MultiSelectBtn img, .SideRight .SpouseGenderSelect .MultiSelectBtn img {
        display: block;
    }*/

    .KeyBenefitDiv {
        padding: 15px;
        border-radius: 0px;
        margin-top: 5px;
    }

    .KeyBenefitBox:first-child {
        margin-top: 20px;
    }

    .KeyBenefitBox {
        margin-top: 10px;
    }

        .KeyBenefitBox h2 {
            margin-top: 5px;
        }

        .KeyBenefitBox p {
            margin-bottom: 0px;
        }

        .KeyBenefitBox img {
            width: 60px;
        }

    .WhyChooseDiv, .HelpYouDiv {
        padding: 20px 0px;
    }

    .WhyChooseBox h2, .WhyChooseBox h2 i {
        font-size: 23px;
    }

    .SUDRoyalLogo, .RedButton, .WhyChooseBox p, .NeedHelp h3, .accordion-section-title, .DisclaimerDiv p {
        font-size: 12px;
    }

    .FAQdiv {
        margin-top: 18px;
    }

    .NeedHelp {
        padding: 15px 8px;
    }

        .LandingPg .SideLeft .DashedBox, .NeedHelp p {
            font-size: 11px;
        }

        .LandingPg .SideLeft .PrdtHead, .FixedBBHead, .HowPlanWork h1, .NeedHelp h2 {
            font-size: 18px;
        }

        .LandingPg .SideLeft .DashedBox, .NeedHelp p, .LandingPg .accordion-section-content {
            font-size: 12px;
        }

    .LandingPg .accordion-section-content {
        padding: 8px 10px;
    }

    .LandingPg .accordion-section {
        margin-bottom: 10px;
    }

    .WhyChooseDiv .FixedBBHead, .HelpYouDiv .FixedBBHead {
        margin-bottom: 40px;
    }

    .NeedHelp h1 {
        font-size: 24px;
    }
}

@media only screen and (max-width:575px) {
    .LandingPg .infoFloatImg {
        top: -180px; /** -242px **/
        right: -43px;
        width: 130px; /** 153px **/
    }
}

@media only screen and (max-width:551px) {
    .BTRB img {
        margin: 0px 17px;
        margin-right: 0;
    }

    .Plr.dwnlod a img {
        margin: 0px 2px;
        margin-right: 7px;
    }

    .LandingPg .infoFloatImg {
        top: -214px; /** -235px **/
        width: 165px;
    }

    .SUDRoyalLogo, .RedButton, .WhyChooseBox p, .NeedHelp h3, .accordion-section-title, .DisclaimerDiv p {
        font-size: 11px;
    }

    .LandingPg .SideLeft .PrdtHead, .FixedBBHead, .HowPlanWork h1, .NeedHelp h2 {
        font-size: 16px;
    }

    .SideRight > DIV:first-child > DIV:nth-child(3) .row > DIV:first-child {
        width: 66%;
    }

    .HeadHomeImg {
        width: 16px;
        margin: 5px;
        margin-top: 18px;
    }

    .SUDRoyalLogo {
        margin: 11px 2px;
    }

    .KeyBenefitBox img {
        width: 50px; /** 54px **/
    }

    .WhyChooseBox h2, .WhyChooseBox h2 i {
        font-size: 19px;
    }

    .WhyChooseDiv, .HelpYouDiv {
        padding: 15px 0px;
    }

    .HowPlanWork {
        padding: 15px 0px;
    }

    .NeedHelp {
        padding: 15px 5px;
    }

        .NeedHelp h1 {
            font-size: 20px;
        }

        .LandingPg .SideLeft .DashedBox, .NeedHelp p, .LandingPg .accordion-section-content {
            font-size: 10px;
        }
}

@media only screen and (max-width:480px) {
    .DisclaimerDiv .DisclaimerCODetails p:nth-child(2) span:nth-child(2) {
        display: none;
    }

    .DisclaimerDiv .DisclaimerCODetails p:nth-child(2) span:nth-child(3) {
        Width: 100%;
        float: left;
    }

    .LandingPg .SideLeft .PrdtHeadSubLine {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .SideRight input.RedButton {
        width: 135px;
        padding: 6px 3px;
        word-break: break-word;
        white-space: normal;
    }

    .MobInput.InputDiv > input {
        width: 60%;
    }

    .SideRight > DIV:first-child > DIV:nth-child(3) .row > DIV:first-child {
        width: 76%;
    }

    .BTRB img, .Plr.dwnlod a img {
        margin: 0px 2px;
    }

    .Plr.dwnlod a img {
        margin: 0px 6px;
    }

    .HowPlanWork h2 {
        font-size: 16px;
    }

    .LandingPg .infoFloatImg {
        top: -208px; /** -241px **/
        right: -32px;
        width: 153px;
    }

    .SpouseDet > DIV.Width100perc > DIV.row > DIV:nth-child(4) {
        width: 50%;
    }

    .DisclaimerDiv p {
        display: block;
    }

    header {
        height: 60px;
    }

        header .LogoImg {
            width: 122px;
        }

    .TopHeadLogoRow > DIV:first-child {
        width: 126px;
    }

    .SUDRoyalLogo {
        font-size: 9px;
        margin: 5px 2px;
    }

    .TalktoSupBtn {
        font-size: 9px;
        padding: 4px 5px;
        margin: 6px 0px;
    }

    .HeadHomeImg {
        width: 11px;
        margin: 2px;
        margin-top: 15px;
    }

    .TopHeadLogoRow > DIV:first-child {
        width: 100px;
    }

    header .LogoImg {
        width: 98px;
    }

    .TopHeadLogoRow .Width25perc:last-child {
        width: 36%;
    }

    .HelpYouDiv .container-fluid .row > DIV {
        width: 100%;
    }

    .WhyChooseBox h2, .WhyChooseBox h2 i {
        font-size: 17px;
    }

    .WhyChooseBox h2 {
        height: 40px;
    }

    .WhyChooseBox p, .KeyBenefitBox p {
        font-size: 10px;
    }

        .WhyChooseBox p br {
            display: none;
        }

    .LandingPg .SideLeft .PrdtHead, .FixedBBHead, .HowPlanWork h1, .NeedHelp h2 {
        font-size: 16px;
    }

    .LandingPg .SideLeft .ac-container {
        top: 1005px;
    }

    .PolicyForDiv .row DIV {
        width: 50%;
        flex: none;
        margin-top: 10px;
    }

    .GenderSelect .row > DIV:first-child {
        padding-right: 5px;
    }

    .GenderSelect .row > DIV:last-child {
        padding-left: 5px;
    }

    .ChkBoxCntnr {
        padding-left: 25px;
    }
}

@media only screen and (max-width:375px) {
    .LandingPg .infoFloatImg {
        top: -205px; /** -237px **/
        right: -42px;
    }

    .WhyChooseBox h2 {
        height: 15px;
    }

        .WhyChooseBox h2, .WhyChooseBox h2 i {
            font-size: 12px;
        }

    .WhyChooseDiv .sourceline {
        font-size: 10px;
        margin-top: 25px;
    }

    .HowPlanWork p {
        font-size: 12px;
    }

    .HowPlanWork h2 {
        font-size: 14px;
    }
}
/**-------------------------------------------------------------------------------- Product Input Page --------------------------------------------------------------------------------**/
.MainContainer.PrdtInpPg {
    padding-bottom: 95px;
}

.OrangBrdBtn {
    width: auto;
    padding: 0px 5px;
    color: #ED412D;
    border: 1px solid #ED412D;
    border-radius: 4px;
    font-family: poppinsM;
    font-weight: 600;
    cursor: pointer;
}

    .OrangBrdBtn.EditBtn {
        height: 30px;
        width: 80px;
        font-size: 16px;
        padding-top: 2px;
    }

.BuyForDetl {
    margin-top: 10px;
}

    .BuyForDetl span {
        float: left;
        padding: 0px 8px;
        border-right: 2px solid #000;
    }

        .BuyForDetl span:first-child {
            padding-left: 0px;
        }

        .BuyForDetl span:nth-child(3) {
            border-right: 0px;
        }

.PrdtInpPg_cntnt {
    border: 1px dashed #0475BC;
    padding: 20px 10px;
    margin-top: 20px;
    padding-bottom: 50px;
}


.TogSwitSHowHideDIv .AccordBlueBand {
    padding: 5px 0px;
    background-color: transparent;
}

.BrdrLabelInpDiv {
    width: 100%;
    float: left;
}

    .BrdrLabelInpDiv label {
        margin-bottom: 3px;
        font-size: 12px;
        width: 100%;
        float: left;
    }

    .BrdrLabelInpDiv .InputField {
        border: 1px solid #95989A;
        border-radius: 8px;
        padding: 5px;
        width: 100%;
        float: left;
        position: relative;
        background-color: #fff;
    }

    .BrdrLabelInpDiv input {
        color: #000;
        font-size: 14px;
        font-family: poppinsM;
        font-weight: 600;
        padding-left: 20px;
        width: 100%;
    }

    .BrdrLabelInpDiv .InputField i {
        position: absolute;
        left: 11px;
        top: 9px;
        font-size: 14px;
    }

    .BrdrLabelInpDiv .InputField .CustSelect__trigger {
        border-bottom: 0px;
        padding: 9px 8px;
        font-size: 14px;
        font-family: poppinsM;
        font-weight: 600;
    }

    .BrdrLabelInpDiv .InputField .CustSelect-optionsDIV + .Errormsg {
        bottom: -21px;
    }
/** Toggle switch button **/
.switch-field {
    display: flex;
    /*overflow: hidden;*/
    width: 100%;
    float: left;
    margin-top: 3px;
}

    .switch-field > input {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

    .switch-field label {
        background: #EFEFEF 0% 0% no-repeat padding-box;
        border: 2px solid #D4D4D4;
        border-radius: 8px 0px 0px 8px;
        color: #000000;
        font-size: 14px;
        line-height: 1;
        text-align: center;
        padding: 8px 16px;
        margin-right: -1px;
        transition: all 0.1s ease-in-out;
        width: 154px;
    }

        .switch-field label:hover {
            cursor: pointer;
        }

    .switch-field input:checked + label {
        border: 2px solid #EF4123;
        box-shadow: none;
        border-radius: 8px 0px 0px 8px;
        background-color: #fff;
        z-index: 9;
    }

    .switch-field input.PlatPlus + label, .switch-field input.PlatPlus:checked + label,
    .switch-field input.AgeBased + label, .switch-field input.AgeBased:checked + label {
        border-radius: 0px 8px 8px 0px;
    }

    .switch-field input:last-child:checked + label:last-child {
        border-radius: 8px;
    }

    .switch-field input.Plat + label, .switch-field input.PlatPlus + label {
        display: flex;
        align-items: baseline;
    }

        .switch-field input.Plat + label i.circleQuest, .switch-field input.PlatPlus + label i.circleQuest {
            margin-left: 5px;
        }

.InvstStrategyDiv {
    border: 2px solid #EF4123;
    border-radius: 8px;
    width: 100%;
    float: left;
    margin-top: 20px;
    position: relative;
}

    .InvstStrategyDiv .switch-field {
        margin-top: -18px;
        margin-left: -2px;
        display: block;
    }

        .InvstStrategyDiv .switch-field label {
            margin-right: -6px;
            width: 189px;
            border: 2px solid #EF4123;
        }

        .InvstStrategyDiv .switch-field input:nth-child(3):checked + label {
            border-bottom: 0px;
            border-bottom-right-radius: 0px;
        }

        .InvstStrategyDiv .switch-field input:nth-child(1):checked + label {
            border-bottom: 0px;
            border-bottom-left-radius: 0px;
        }

        .InvstStrategyDiv .switch-field label:last-child {
            border-left: 0px;
            margin-left: 2px;
        }

    .InvstStrategyDiv .SelfManagCntntDiv, .InvstStrategyDiv .AgeBasedDiv {
        display: none;
    }

    .InvstStrategyDiv .switch-field .SlefManag:checked ~ .SelfManagCntntDiv,
    .InvstStrategyDiv .switch-field .AgeBased:checked ~ .AgeBasedDiv {
        display: block;
    }

.RiskLevelDiv {
    width: 100%;
    float: left;
}

.FundAllocTable {
    width: 100%;
    float: left;
    padding: 20px 20px;
}

    .FundAllocTable th {
        background-color: #E9E9E9;
        color: #000;
        font-size: 14px;
        text-align: center;
        font-family: poppinsM;
        font-weight: 600;
        border-left: 1px solid #ccc;
    }

        .FundAllocTable th:first-child, .FundAllocTable .tfoot td:last-child {
            border-left: 0px;
            text-align: left;
        }

    .FundAllocTable td {
        color: #000;
        font-size: 14px;
        text-align: center;
        border-left: 1px solid #ccc;
    }

    .FundAllocTable th, .FundAllocTable td {
        padding: 8px 15px;
    }

        .FundAllocTable td:first-child {
            text-align: left;
            border-left: 0px;
        }

        .FundAllocTable td .FundDet {
            color: #0000FF;
            width: auto;
            border-bottom: 1px solid #0000FF;
            font-family: poppinsM;
            cursor: pointer;
        }

.FundDetlPopup p {
    font-size: 18px;
}

.FundAllocTable td .FunAllocPercInp {
    border: 1px solid #95989A;
    border-radius: 8px;
    height: 40px;
    text-align: center;
    width: 100%;
}

.FundAllocTable .tfoot {
    background-color: #E9E9E9;
    font-family: poppinsM;
    color: #000;
}

.ChkBoxCntnr a {
    color: #0000FF;
    text-decoration: underline;
    font-weight: bold;
}

.DownloadBtnSect {
    padding: 0px 20px;
}

.DisclaimerTxt {
    width: 100%;
    float: left;
}

    .DisclaimerTxt p {
        color: #272727;
        font-size: 10px;
        font-style: italic;
        width: 100%;
        float: left;
        margin: 0px;
    }

        .DisclaimerTxt p:last-child {
            margin-top: 3px;
        }

.FixedFooter {
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #EDEDED 47%, #D4D4D4 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #C8C8C8;
    height: 80px;
    position: fixed !important;
    bottom: 0;
    z-index: 99;
    left: 0;
    right: 0;
}

    .FixedFooter .container-fluid {
        display: flex;
        align-items: end;
        justify-content: center;
        margin-top: 20px;
    }

.FooterBtn {
    width: 200px;
    height: 40px;
    border: 2px solid #ED412D;
    border-radius: 8px;
    color: #000;
    font-size: 16px;
    font-family: poppinsM;
    font-weight: 600;
    margin: 0px 10px;
}

    .FooterBtn.RedBtn {
        background-color: #ED412D;
        color: #fff;
    }


/** Shield Content Section	**/
.PrdtInpPg_ShieldCntnt {
    text-align: center;
}

.ShieldCntntDiv {
    width: 590px;
    float: none;
    height: 100%;
    margin: 0px auto;
    background-image: url('../images/shield.png');
    background-position: top center;
    background-size: 85%; /* 80 */
    background-repeat: no-repeat;
    position: fixed;
    top: 21%;
    right: 7%;
}

    .ShieldCntntDiv h1 {
        color: #060606;
        font-family: poppinsR;
        font-size: 20px;
        text-align: center;
        position: absolute;
        top: 106px;
        left: 0;
        right: 0;
        text-align: center;
    }

        .ShieldCntntDiv h1 span {
            color: #0475BC;
            font-size: 28px;
            font-family: poppinsB;
        }

    .ShieldCntntDiv p {
        position: absolute;
        top: 160px;
        left: 0;
        right: 0;
        text-align: center;
        color: #000000;
        font-family: poppinsB;
        font-size: 16px;
    }

    .ShieldCntntDiv .PercDiv {
        position: absolute;
        top: 190px;
        left: 0px;
        right: 0px;
        text-align: center;
    }

    .ShieldCntntDiv .PercLeftSide {
        width: auto;
        color: #000000;
        font-family: poppinsM;
        display: inline-block;
        font-weight: 600;
        font-size: 20px;
        text-align: center;
        /*margin: 0px 35px;*/
    }

        .ShieldCntntDiv .PercLeftSide:first-child {
            position: absolute;
            left: 145px;
        }

        .ShieldCntntDiv .PercLeftSide:last-child {
            position: absolute;
            right: 149px;
        }

        .ShieldCntntDiv .PercLeftSide span {
            color: #0475BC;
            font-size: 28px;
            font-family: poppinsB;
        }

    .ShieldCntntDiv h2 {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 301px;
        text-align: center;
        color: #000000;
        font-size: 16px;
        text-decoration: underline;
        width: auto;
        font-family: poppinsM;
        font-weight: 600;
    }

    .ShieldCntntDiv h3 {
        position: absolute;
        top: 324px;
        left: 0px;
        right: 0px;
        text-align: center;
        color: #000000;
        font-size: 15px;
        font-family: poppinsM;
        font-weight: 600;
        line-height: 22px;
    }

        .ShieldCntntDiv h3 span {
            color: #0475BC;
        }

.ShieldTop {
    top: 17%;
}

.SelfManagCntntDiv {
}

/** CenturyRoyale Shield	**/

.PrdtInpPg_cntnt.CRPrdtInpPg_cntnt {
    padding-bottom: 212px;
}

.CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv {
    background-image: url(../images/centuryroyale_shield.png);
    top: 20%;
    background-size: 86%;
}

    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv.ShieldTop {
        top: 12%;
    }

    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv .PercLeftSide:last-child {
        right: 0;
        left: 0;
    }

    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv p {
        top: 0;
    }

    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv .PercDiv {
        top: 160px;
    }

        .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv .PercDiv p span {
            font-family: 'poppinsR';
            position: absolute;
            left: 0;
            right: 0;
            top: 20px;
            font-size: 13px;
        }

        .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv .PercDiv .PercLeftSide {
            top: 40px;
        }

        .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv .PercDiv + .PercDiv {
            top: 255px;
        }

            .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv .PercDiv + .PercDiv .PercLeftSide {
                top: 18px;
            }

    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv h2 {
        top: 331px;
    }

    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv h3 {
        top: 355px;
    }

@media only screen and (min-width: 1301px) and (max-width: 1400px) and (max-height: 700px) {
    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv .PercDiv {
        top: 118px;
    }

        .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv .PercDiv + .PercDiv {
            top: 194px;
        }

    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv h2 {
        top: 248px;
    }

    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv h3 {
        top: 268px;
    }
}

@media only screen and (max-width:1500px) {
    .PrdtInpPg_cntnt.CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldTop {
        top: 14%;
    }
}

@media only screen and (max-width:1300px) {
    .PrdtInpPg_cntnt.CRPrdtInpPg_cntnt .ShieldCntntDiv {
        width: 560px;
    }

    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv {
        top: 21%;
    }

    .PrdtInpPg_cntnt.CRPrdtInpPg_cntnt {
        padding-bottom: 165px;
    }

    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv .PercDiv {
        top: 154px;
    }

        .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv .PercDiv + .PercDiv {
            top: 235px;
        }

    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv h2 {
        top: 300px;
    }

    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv h3 {
        top: 325px;
    }

    .PrdtInpPg_cntnt.CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv {
        width: 535px;
    }

    .PrdtInpPg_cntnt.CRPrdtInpPg_cntnt {
        padding-bottom: 185px;
    }
}

@media only screen and (max-width:1200px) {
    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv {
        top: 21%;
    }

        .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv .PercDiv {
            top: 152px;
        }

            .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv .PercDiv + .PercDiv {
                top: 240px;
            }

        .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv h2 {
            top: 305px;
        }

        .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv h3 {
            top: 330px;
        }

    .PrdtInpPg_cntnt.CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv {
        width: 510px; /*540px*/
        background-size: 92%; /*88*/
        right: 2%;
    }

    .PrdtInpPg_cntnt.CRPrdtInpPg_cntnt {
        padding-bottom: 170px;
    }

        .PrdtInpPg_cntnt.CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldTop {
            top: 15%;
        }
}

@media only screen and (max-width:1024px) {
    .PrdtInpPg_cntnt.CRPrdtInpPg_cntnt {
        padding-bottom: 170px;
    }

        .PrdtInpPg_cntnt.CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldTop {
            top: 14%;
        }

        .PrdtInpPg_cntnt.CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv {
            width: 504px;
            background-size: 94%;
        }
}

@media only screen and (max-width:991px) {
    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv .PercDiv {
        top: 108px; /* 115 */
    }

        .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv .PercDiv + .PercDiv {
            top: 175px; /* 185 */
        }

    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv h1 {
        top: 73px;
    }

    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv h2 {
        top: 222px; /* 235 */
    }

    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv h3 {
        top: 240px; /* 255 */
    }

    .PrdtInpPg_cntnt.CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv {
        width: 405px;
        background-size: 89%;
        right: 1%;
    }

    .PrdtInpPg_cntnt.CRPrdtInpPg_cntnt {
        padding-bottom: 65px;
    }

        .PrdtInpPg_cntnt.CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldTop {
            top: 11%;
        }
}

@media only screen and (max-width:767px) {
    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv {
        top: auto;
    }

    .PrdtInpPg_cntnt.CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldTop {
        bottom: 100px;
        top: auto;
    }

    .PrdtInpPg_cntnt.CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv {
        height: 418px; /** 335 **/
        background-size: 90%; /** 90 **/
    }
}

@media only screen and (max-width:480px) {
    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv h1 {
        top: 68px;
    }

    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv .PercDiv {
        top: 93px; /** 87 **/
    }

        .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv .PercDiv + .PercDiv {
            top: 152px; /** 148 **/
        }

    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv h2 {
        top: 192px; /** 187 **/
    }

    .CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv h3 {
        top: 208px; /** 201 **/
    }

    .PrdtInpPg_cntnt.CRPrdtInpPg_cntnt .CenturyRoyaleShieldDiv.ShieldCntntDiv {
        width: 322px;
        height: 353px; /** 335 **/
        background-size: 95%; /** 90 **/
    }
}

/** Risk gauge Meter  **/
.RiskMeterHead {
    width: 100%;
    float: left;
    color: #000000;
    font-size: 14px;
    font-family: poppinsM;
    font-weight: 600;
    padding: 8px 15px;
}

.ppt_meter2 {
    background: url(../images/riskmeter.png) 0% 0% no-repeat padding-box;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 300px;
    height: 150px;
    margin: 0px auto;
    position: relative;
    background-position: center;
}

    .ppt_meter2 > DIV {
        cursor: pointer;
    }

        .ppt_meter2 > DIV > span {
            color: #0000FF;
        }

            .ppt_meter2 > DIV > span.RiskActive {
                color: #000;
                font-weight: 600;
            }

.ppt_div1 {
    position: absolute;
    width: 91px;
    height: 54px;
    bottom: 11px;
    left: 30px;
    transform: rotate(40deg);
}

    .ppt_div1 span {
        transform: rotate(-39deg);
        position: absolute;
        left: 31px;
        bottom: 19px;
    }

.ppt_div2 {
    position: absolute;
    width: 63px;
    height: 87px;
    bottom: 40px;
    left: 87px;
    transform: rotate( 153deg );
}

    .ppt_div2 span {
        transform: rotate(206deg);
        position: absolute;
        left: 19px;
        bottom: 37px;
    }

.ppt_div3 {
    position: absolute;
    width: 83px;
    height: 62px;
    bottom: 54px;
    right: 76px;
    transform: rotate(119deg );
}

    .ppt_div3 span {
        transform: rotate(243deg);
        position: absolute;
        left: 20px;
        bottom: 28px;
    }

.ppt_div4 {
    position: absolute;
    width: 90px;
    height: 51px;
    bottom: 12px;
    right: 35px;
    transform: rotate( -39deg );
}

    .ppt_div4 span {
        transform: rotate(39deg);
        position: absolute;
        left: 31px;
        bottom: 15px;
    }

.ppt_meter2 > DIV span {
    font-size: 12px;
}

.polTerm_GCircle {
    background-image: url(../images/riskmeterCircle.png);
    background-repeat: no-repeat;
    width: 50px;
    background-size: 100%;
    height: 50px;
    box-shadow: none;
    position: absolute;
    left: 124px;
    bottom: -10px;
    z-index: 9;
}

.polTerm_gaugearrow, .ppt_gaugearrow {
    position: absolute;
    bottom: 46px;
    border-bottom: 15px solid transparent;
    border-right: 65px solid #3b3b3b;
    box-shadow: 0 -10px 9px rgb(0 0 0 / 15%);
    position: absolute;
    width: 0;
    /* transition: 0.5s ease-out all; */
}

    .polTerm_gaugearrow.G2Regular, .ppt_gaugearrow.ppt_G2Regular {
        left: 152px;
        bottom: 23px;
        transform: rotate(159deg);
        -webkit-transform: rotate(159deg);
        -ms-transform: rotate(159deg);
    }

    .polTerm_gaugearrow.G2Regular_3, .ppt_gaugearrow.ppt_G2Regular_3 {
        left: 129px;
        bottom: 41px;
        transform: rotate(113deg);
        -webkit-transform: rotate(113deg);
        -ms-transform: rotate(113deg);
    }

    .polTerm_gaugearrow.G2Regular_2, .ppt_gaugearrow.ppt_G2Regular_2 {
        left: 96px;
        bottom: 37px;
        transform: rotate(53deg);
        -webkit-transform: rotate(53deg);
        -ms-transform: rotate(53deg);
    }

    .polTerm_gaugearrow.G2Regular_1, .ppt_gaugearrow.ppt_G2Regular_1 {
        left: 75px;
        bottom: 17px;
        transform: rotate(11deg);
        -webkit-transform: rotate(11deg);
        -ms-transform: rotate(11deg);
    }

.AgeBasedMeter > DIV {
    padding: 0px 40px;
}

    .AgeBasedMeter > DIV:first-child {
        border-right: 1px solid #F1EFED;
    }

.AgeBasedMeter img {
    width: 80px;
}

.AgeBasedMeter img, .AgeBasedMeter span {
    opacity: 0.4;
}

.AgeBasedMeter > DIV:first-child img, .AgeBasedMeter > DIV:last-child img {
    margin-top: 20px;
    margin-right: 13px;
}

.AgeBasedMeter > DIV:last-child img {
    margin-right: 17px;
}

.AgeBasedMeter > DIV:last-child img {
    margin-left: 7px;
}

.AgeBasedMeter > DIV:first-child span {
    width: 100%;
    float: left;
    text-align: right;
    font-size: 16px;
}

.AgeBasedMeter > DIV:last-child span {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 16px;
}

.AgeBasedMeter > DIV.AgeBaseMeterActive:first-child span {
    width: 100%;
    float: left;
    text-align: right;
    font-size: 20px;
    opacity: 1;
}

.AgeBasedMeter > DIV.AgeBaseMeterActive:last-child span {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 20px;
    opacity: 1;
}

.AgeBasedMeter > DIV.AgeBaseMeterActive:first-child img {
    width: 110px;
    margin-right: 13px;
    margin-top: 0px;
    opacity: 1;
}

.AgeBasedMeter > DIV.AgeBaseMeterActive:last-child img {
    width: 110px;
    margin-left: 2px;
    margin-top: 0px;
    opacity: 1;
}

.AgeBaseMeterActive {
    position: relative;
}

.AgeBasedMeter > DIV {
    cursor: pointer;
}

    .AgeBasedMeter > DIV.AgeBaseMeterActive:first-child:before {
        content: "";
        position: absolute;
        right: 30px;
        width: 157px;
        bottom: -7px;
        border-bottom: 5px solid #EF4123;
    }

    .AgeBasedMeter > DIV.AgeBaseMeterActive:last-child:before {
        content: "";
        position: absolute;
        left: 30px;
        width: 135px;
        bottom: -7px;
        border-bottom: 5px solid #EF4123;
    }

.AgeBasedMeterPara {
    font-size: 14px;
    color: #5A5A5A;
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 30px;
    padding: 0px 30px;
}
/** Risk gauge Meter  **/




/** Personal Details Page **/
.TopBlueFixed {
    position: fixed;
    top: 78px;
    width: 100%;
    float: left;
    z-index: 9;
}

.TopBlueBand {
    background-color: #0475BC;
    padding: 10px 15px;
    width: 100%;
    float: left;
    z-index: 9;
    position: relative;
}

    .TopBlueBand .BackBtn {
        border: 1px solid #FFFFFF;
        border-radius: 8px;
        width: 100px;
        color: #fff;
        height: 39px;
    }

    .TopBlueBand .SubmsnFor {
        font-size: 14px;
        color: #fff;
        margin-left: 10px;
    }

        .TopBlueBand .SubmsnFor b {
            font-size: 16px;
        }

    .TopBlueBand .ApplNo {
        font-size: 18px;
        color: #fff;
        text-align: right;
        float: right;
        margin-top: 6px;
    }

.TopTabBtnDiv {
    text-align: center;
    width: 100%;
    float: left;
    background-color: #fff;
}

.TopTabBtn {
    width: 260px;
    height: 60px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0475BC;
    font-size: 16px;
    margin: 0px 8px;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #ECECEC 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 4px rgba(0, 0, 0, 0.44);
    border-radius: 0px 0px 8px 8px;
    opacity: 1;
    cursor: pointer;
    margin-top: -1px;
}

    .TopTabBtn.TopTabBtnActive {
        background: transparent linear-gradient(180deg, #342671 0%, #0475BC 92%, #EF4123 95%, #EF4123 100%) 0% 0% no-repeat padding-box;
        opacity: 1;
        color: #fff;
        pointer-events: visible;
        cursor: pointer;
    }

    .TopTabBtn.TopTabBtnCompleted {
        background: transparent linear-gradient(180deg, #fff 0%, #fff 92%, #0475BC 95%, #0475BC 100%) 0% 0% no-repeat padding-box;
        box-shadow: 0px 6px 4px #000070;
        opacity: 1;
        pointer-events: visible;
        cursor: pointer;
    }

    .TopTabBtn.TopTabBtnCompleteActive {
        background: transparent linear-gradient(180deg, #342671 0%, #0475BC 92%, #EF4123 95%, #EF4123 100%) 0% 0% no-repeat padding-box;
        opacity: 1;
        color: #fff;
        pointer-events: visible;
        cursor: pointer;
    }

    .TopTabBtn.TopTabBtnDisable {
        opacity: 0.5;
        pointer-events: none;
    }

.TabCompletedCircle {
    background: #00629E 0% 0% no-repeat padding-box;
    box-shadow: inset -5px -1px 6px #00004d;
    border: 1px solid #0475BC;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: absolute;
    bottom: -9px;
    display: none;
}

    .TabCompletedCircle i {
        color: #fff;
        display: block;
        font-size: 13px;
        margin-top: 5px;
    }

.TopTabBtnCompleted .TabCompletedCircle, .TopTabBtnCompleteActive .TabCompletedCircle {
    display: block;
}

.TopTabBtn img {
    width: 38px;
    margin-right: 10px;
}

.MainColapsContainer {
    margin-top: 215px;
    padding: 20px 15px;
}

.RadioColapsAccord .accordion-section-title {
    position: relative;
    font-size: 18px;
    color: #0475BC;
    font-family: poppinsR;
    padding: 10px 15px;
    background: transparent 0% 0% no-repeat padding-box;
    box-shadow: -1px 6px 3px #00000017;
    border: 1px solid #FAFAFA;
    border-radius: 16px;
}

    .RadioColapsAccord .accordion-section-title.completed {
        font-family: poppinsM;
        font-weight: 600;
    }

    .RadioColapsAccord .accordion-section-title .EditBtn {
        position: absolute;
        text-align: center;
        right: 62px;
    }

        .RadioColapsAccord .accordion-section-title .EditBtn i {
            margin-right: 8px;
        }

.accordion-section-title p {
    width: auto;
    margin: 0px auto;
    display: inline-block;
    padding: 0px 5px;
    font-size: 12px;
    color: #000;
}

.RadioColapsAccord .accordion-section {
    box-shadow: none;
    box-shadow: -1px 6px 3px #00000017;
    border: 1px solid #FAFAFA;
    border-radius: 16px;
    width: 100%;
    float: left;
}

.AccordBtn {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset -5px -1px 6px #0000004D;
    border: 1px solid #0475BC;
    width: 25px;
    height: 25px;
    float: left;
    border-radius: 50%;
    margin-right: 8px;
    margin-top: 2px;
    position: absolute;
    left: 15px;
    z-index: -1;
}

    .AccordBtn i {
        display: none;
    }

.RadioColapsAccord a.accordion-section-title:hover {
    color: #0475BC;
}

.RadioColapsAccord .accordion-section-title {
    background-image: url(../images/ShadowDown.png);
}

    .RadioColapsAccord .accordion-section-title.active {
        background-image: url(../images/ShadowUp.png);
    }

    .RadioColapsAccord .accordion-section-title, .RadioColapsAccord .accordion-section-title.active {
        background-position: 99%;
        background-repeat: no-repeat;
        background-size: 30px;
        padding-right: 50px !important;
        padding-left: 50px !important;
    }

        .RadioColapsAccord .accordion-section-title.active {
            font-weight: 600;
            box-shadow: none;
            position: relative;
        }

            .RadioColapsAccord .accordion-section-title.active:before {
                content: "";
                position: absolute;
                left: 15px;
                right: 15px;
                bottom: 0px;
                border-bottom: 1px solid #7D7D7D;
            }

            .RadioColapsAccord .accordion-section-title.active .AccordBtn:before {
                content: "";
                background: #0475BC 0% 0% no-repeat padding-box;
                border: 1px solid #0475BC;
                width: 17px;
                height: 17px;
                position: absolute;
                left: 3px;
                right: 0px;
                top: 3px;
                border-radius: 50%;
            }

        .RadioColapsAccord .accordion-section-title.completed .AccordBtn {
            background: #00629E 0% 0% no-repeat padding-box;
            box-shadow: inset -5px -1px 6px #0000004D;
            border: 1px solid #0475BC;
            text-align: center;
        }

        .RadioColapsAccord .accordion-section-title.completed.active .AccordBtn {
            background: none;
        }

        .RadioColapsAccord .accordion-section-title.completed .AccordBtn i {
            color: #fff;
            display: block;
            font-size: 13px;
            margin-top: 5px;
        }

.RadioColapsAccord .accordion-section-content {
    padding: 0px 50px;
    width: 100%;
    float: left;
    font-family: poppinsR;
}

.AccordDashRow {
    width: 100%;
    float: left;
    padding: 20px 0px;
    border-bottom: 1px dashed rgb(112 112 112 / 50%);
}

.RadioColapsAccord .accordion-section-content > .AccordDashRow:last-child {
    border-bottom: 0px;
}
/* Custom Radio Button */
.CustRadioBtn {
    position: relative;
    margin-right: 12px;
}

    .CustRadioBtn input {
        position: absolute;
        margin: 5px;
        padding: 0;
        visibility: hidden;
    }

    .CustRadioBtn .label-visible {
        margin-left: 28px;
        margin-bottom: 0;
        font-size: 16px;
        color: #5A5A5A;
        cursor: pointer;
    }

    .CustRadioBtn .FakeRadioBtn, .UploadAccTypeBtn .OrangeRadioBtn {
        position: absolute;
        display: block;
        top: 4px;
        left: 3px;
        width: 16px;
        height: 16px;
        border: 1px solid #5A5A5A;
        background-color: #FFF;
    }

        .CustRadioBtn .FakeRadioBtn:after, .UploadAccTypeBtn input[type="radio"]:checked + label .OrangeRadioBtn:after {
            content: "";
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 10px;
            height: 10px;
            background: #EF4123;
            transform: translateX(-50%) translateY(-50%);
        }

    .CustRadioBtn .FakeRadioBtn, .UploadAccTypeBtn .OrangeRadioBtn {
        border-radius: 50%;
    }

        .CustRadioBtn .FakeRadioBtn:after, .UploadAccTypeBtn input[type="radio"]:checked + label .OrangeRadioBtn:after {
            border-radius: 50%;
        }

    .CustRadioBtn.CustRadioBtnActive span .FakeRadioBtn:after, .CustRadioBtn input[type="radio"]:checked + span .FakeRadioBtn:after, .UploadAccTypeBtn input[type="radio"]:checked + label .OrangeRadioBtn:after {
        display: block;
    }

    .CustRadioBtn.CustRadioBtnActive span, .CustRadioBtn input[type="radio"]:checked + span {
        color: #000000;
    }

        .CustRadioBtn.CustRadioBtnActive span .FakeRadioBtn, .CustRadioBtn input[type="radio"]:checked + span .FakeRadioBtn, .UploadAccTypeBtn input[type="radio"]:checked + label .OrangeRadioBtn {
            border: 1px solid #EF4123;
        }
/* Custom Radio Button */

.AccordDashRow .CustRadioBtn + i.circleQuest {
    width: 16px;
    height: 16px;
    padding-top: 2px;
}

.WidthAuto {
    width: auto !important;
}

.Width35perc {
    width: 35%;
}

.AccordDashRow .Width35perc.InputDivNoLabel input.InputField {
    padding: 4px 0px;
    padding-top: 0px;
}

.AccordSubHead {
    width: 100%;
    float: left;
    font-family: poppinsB;
    font-size: 18px;
    text-align: left;
    padding-bottom: 8px;
    border-bottom: 1px solid #7D7D7D;
}

.InputWithIcon {
    position: relative;
}

    .InputWithIcon input {
        padding-left: 15px;
    }

    .InputWithIcon i.fa-inr {
        position: absolute;
        left: 0;
        bottom: 6px;
        font-size: 14px;
        font-weight: normal;
    }

        .InputWithIcon i.fa-inr.TopPA {
            top: 26px;
            bottom: auto;
        }

/** Toogle Switch Div **/
.ToggleSwitchDiv {
    width: 100%;
    float: left;
    background: #FAFAFA 0% 0% no-repeat padding-box;
    border: 1px solid #70707052;
    border-radius: 8px;
    padding: 8px 15px;
}

.ToggleSwitchHead > span {
    font-family: poppinsM;
    font-size: 16px;
    text-align: left;
}

    .ToggleSwitchHead > span:first-child {
        width: calc(100% - 17%);
    }

.ToggleSwitchBtn .switch {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
}

    .ToggleSwitchBtn .switch input[type="checkbox"] {
        opacity: 0;
        position: absolute;
        top: -30px;
        right: 0;
        z-index: 999;
        cursor: pointer;
    }

.ToggleSwitchBtn .slider {
    position: absolute;
    cursor: pointer;
    top: -29px;
    right: 0;
    bottom: 0;
    background-color: #C9C9C9;
    -webkit-transition: .4s;
    transition: .4s;
}

    .ToggleSwitchBtn .slider:before {
        position: absolute;
        content: "";
        height: 24px;
        width: 24px;
        left: 4px;
        bottom: 4px;
        background-color: #fff;
        -webkit-transition: .4s;
        transition: .4s;
    }

.ToggleSwitchBtn .ToggleSwitchActive .slider {
    background-color: #0475BC;
}

.ToggleSwitchBtn .ToggleSwitchActive:focus .slider {
    box-shadow: 0 0 1px #2196F3;
}

.ToggleSwitchBtn .ToggleSwitchActive .slider:before {
    -webkit-transform: translateX(55px);
    -ms-transform: translateX(55px);
    transform: translateX(55px);
}

/*------ ADDED CSS ---------*/
.ToggleSwitchBtn .on {
    display: none;
}

.ToggleSwitchBtn .on, .ToggleSwitchBtn .off {
    color: #000000;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    font-size: 16px;
    font-family: poppinsM;
}

.ToggleSwitchBtn .slider .on {
    left: 42%;
    color: #fff;
}

.ToggleSwitchBtn .slider .off {
    left: 57%;
}

.ToggleSwitchBtn .ToggleSwitchActive .slider .on {
    display: block;
}

.ToggleSwitchBtn .ToggleSwitchActive .slider .off {
    display: none;
}

/*--------- END --------*/

/* Rounded sliders */
.ToggleSwitchBtn .slider.round {
    border-radius: 34px;
    width: 86px;
    height: 31px;
}

    .ToggleSwitchBtn .slider.round:before {
        border-radius: 50%;
    }

.ToggleSwitchDiv .CustSelectMainDiv {
    margin-top: 18px;
}

.ToggleSwitchDiv .InputDivNoLabel input.InputField {
    background-color: transparent;
}

.ToggleSwitchDiv .InputDivNoLabel input::placeholder {
    font-size: 16px;
    font-weight: normal;
    font-family: poppinsR !Important;
}

.ItalicGreyPara {
    width: 100%;
    float: left;
    color: #848484;
    font-size: 16px;
    font-style: italic;
}

.TogSwitSHowHideDIv {
    height: 0px;
    overflow: hidden;
    transition: 0.5s ease-out all;
}

.ToggleSwitchBtn .switch.ToggleSwitchActive + .TogSwitSHowHideDIv {
    height: auto;
    overflow: visible;
}

.AccordRedBtn {
    background-color: #EF4123;
    border-radius: 8px;
    width: auto;
    height: 52px;
    color: #fff;
    padding: 0px 20px;
    font-family: poppinsB;
    font-size: 16px;
}

.AccordDashRow .InputDiv input::placeholder {
    font-size: 16px;
    font-weight: normal;
    font-family: poppinsR !Important;
    color: #000;
}

.fa-trash {
    color: #ED412D;
    font-size: 26px;
    border: 2px solid #ED412D;
    width: 40px;
    height: 40px;
    float: right;
    text-align: center;
    border-radius: 50%;
    padding-top: 5px;
    cursor: pointer;
}

.BTRB.AddBtn {
    width: 72px;
    margin: 0px auto;
    float: right;
    margin-right: 15px;
    background-color: #fff;
}

.AccordDashRow .fa-trash, .AccordDashRow .BTRB.AddBtn {
    margin-top: 20px;
}

#accordion-5 .TogSwitSHowHideDIv .AddPolicyRow {
    width: calc(100% - 142px);
}

.BTRB.WidthAuto {
    margin: 0px auto;
    padding: 8px 12px;
}

.AddPolicyRow {
    width: 100%;
    float: left;
    padding: 20px 0px;
    position: relative;
    border-bottom: 1px dashed rgb(112 112 112 / 50%);
}

    .AddPolicyRow .fa-trash {
        position: absolute;
        top: 50%;
        margin-top: -21px;
        right: -105px;
    }

    .AddPolicyRow .FamHealtDetTable #tblInsuHistDetails td .fa-trash {
        top: 22%;
        right: 0px;
        font-size: 17px;
        width: 30px;
        height: 30px;
        padding-top: 4px;
    }

    .AddPolicyRow .FamHealtDetTable #tblInsuHistDetails tr th {
        font-size: 13px;
    }

    .AddPolicyRow .FamHealtDetTable #tblInsuHistDetails tr td {
        font-size: 12px;
    }

    .AddPolicyRow:last-child {
        border-bottom: 0px;
    }

.StepsAwayPara {
    color: #5A5A5A;
    font-size: 28px;
    font-family: poppinsR;
    margin-top: 20px;
}

.ShieldClose, .ShieldBtn, .ShldCloseBtn {
    display: none;
}

/**-----	New changes css by NitinJ as on 03092021	-----**/
.RadioColapsAccord .accordion-section-content.PD_FatcaDivCntnt {
    padding: 0px 15px;
}

.PD_FatcaDivCntnt .ToggleSwitchDiv {
    padding: 8px 0px;
}

    .PD_FatcaDivCntnt .ToggleSwitchDiv .AddPolicyRow > DIV, .PD_FatcaDivCntnt .ToggleSwitchDiv .AddPolicyRow > h3 {
        padding: 0px 15px;
    }

    .PD_FatcaDivCntnt .ToggleSwitchDiv .AddPolicyRow .FatcaDarkGreyPatch {
        background-color: #F1F1F1;
        padding: 20px 15px;
    }

.PersonDet .FamHealtDetTable {
    width: 100%;
}

.PersonDet .PD_FatcaDivCntnt .FamHealtDetTable tr th, .PersonDet .PD_FatcaDivCntnt .FamHealtDetTable tr td,
.PersonDet .PD_FatcaDivCntnt .FamHealtDetTable tr th:first-child, .PersonDet .PD_FatcaDivCntnt .FamHealtDetTable tr td:first-child {
    text-align: left;
    font-size: 14px;
}

.PersonDet .PD_FatcaDivCntnt .FamHealtDetTable .fa-trash {
    position: relative;
    right: 0px;
}

.PersonDet .PD_FatcaDivCntnt h4.AccordSubHead {
    font-size: 16px;
}



@media only screen and (max-width:1500px) {
    .ShieldCntntDiv .PercLeftSide span {
        font-size: 26px;
    }
}

@media only screen and (min-width:1301px) and (max-width:1400px) and (max-height:700px) {
    .ShieldCntntDiv {
        width: 450px;
        top: 24%;
    }

        .ShieldCntntDiv h1 {
            font-size: 16px;
            top: 83px;
        }

            .ShieldCntntDiv h1 span {
                font-size: 20px;
            }

        .ShieldCntntDiv p {
            font-size: 14px;
            top: 118px;
        }

        .ShieldCntntDiv .PercDiv {
            top: 150px;
        }

        .ShieldCntntDiv .PercLeftSide:first-child {
            left: 112px;
        }

        .ShieldCntntDiv .PercLeftSide {
            font-size: 14px;
        }

            .ShieldCntntDiv .PercLeftSide span {
                font-size: 20px;
            }

            .ShieldCntntDiv .PercLeftSide:last-child {
                right: 113px;
            }

        .ShieldCntntDiv h2 {
            top: 227px;
            font-size: 14px;
        }

        .ShieldCntntDiv h3 {
            top: 244px;
            font-size: 11px;
            line-height: 18px;
        }

    .ShieldTop {
        top: 20%;
    }
}

@media only screen and (max-width:1300px) {
    .OrangBrdBtn.EditBtn {
        height: 26px;
        padding-top: 1px
    }

    .ShieldCntntDiv {
        width: 635px; /*680px*/
        right: -10px;
        top: 25%;
    }

        .ShieldCntntDiv h1 {
            top: 114px;
        }

        .ShieldCntntDiv p {
            top: 175px;
        }

        .ShieldCntntDiv .PercDiv {
            top: 210px;
        }

        .ShieldCntntDiv h2 {
            top: 335px;
        }

        .ShieldCntntDiv h3 {
            top: 360px;
        }

    .ShieldTop {
        top: 10%;
    }

    .ShieldCntntDiv h3 {
        font-size: 14px;
    }

    .StepsAwayPara {
        font-size: 26px;
    }

    .CustRadioBtn .label-visible {
        font-size: 14px;
    }
}

@media only screen and (max-width:1200px) {

    .TogSwitSHowHideDIv .CustSelect__trigger {
        font-size: 14px;
        font-weight: bold;
    }

    .ItalicGreyPara {
        font-size: 14px;
    }

    .StepsAwayPara {
        font-size: 22px;
    }

    .TopTabBtn {
        width: 200px;
        height: 55px;
        font-size: 14px;
        margin: 0px 4px;
    }

    .CustRadioBtn .FakeRadioBtn {
        top: 3px;
    }

    .TopTabBtn img {
        width: 30px;
    }

    .ShieldCntntDiv {
        width: 573px;
    }

        .ShieldCntntDiv h1 {
            top: 100px;
        }

        .ShieldCntntDiv p {
            top: 154px;
        }

        .ShieldCntntDiv .PercDiv {
            top: 200px;
        }

        .ShieldCntntDiv .PercLeftSide span {
            font-size: 26px;
        }

        .ShieldCntntDiv h2 {
            top: 300px;
        }

        .ShieldCntntDiv h3 {
            top: 323px;
        }

    .AgeBasedMeterPara {
        font-size: 12px;
    }
}

@media only screen and (max-width:1024px) {

    .TopBlueBand .SubmsnFor {
        font-size: 12px;
    }

        .TopBlueBand .SubmsnFor b {
            font-size: 14px;
        }

    .TopBlueBand .ApplNo {
        font-size: 16px;
    }

    .TopBlueBand .BackBtn {
        width: 90px;
        height: 35px;
    }

    .BackBtn span {
        width: 18px;
        height: 18px;
        margin-left: 10px;
    }

    .StepsAwayPara {
        font-size: 18px;
    }

    .ShieldCntntDiv {
        width: 500px; /*535px*/
        right: 2%;
        background-size: 93%;
    }

        .ShieldCntntDiv h1 {
            font-size: 18px;
        }

            .ShieldCntntDiv h1 span {
                font-size: 25px;
            }

        .ShieldCntntDiv p {
            top: 143px;
            font-size: 14px;
        }

        .ShieldCntntDiv .PercDiv {
            top: 184px;
        }

        .ShieldCntntDiv .PercLeftSide:first-child {
            left: 104px;
        }

        .ShieldCntntDiv .PercLeftSide:last-child {
            right: 104px;
        }

        .ShieldCntntDiv .PercLeftSide span {
            font-size: 24px;
        }

        .ShieldCntntDiv .PercLeftSide {
            font-size: 18px;
            margin: 0px 28px;
        }

        .ShieldCntntDiv h2 {
            top: 277px;
        }

        .ShieldCntntDiv h3 {
            top: 297px;
        }
}

@media only screen and (max-width:991px) {
    .PersonDet .PD_FatcaDivCntnt .AddPolicyRow > DIV:nth-child(5) > .row > DIV:nth-child(3),
    .PersonDet .PD_FatcaDivCntnt .AddPolicyRow > DIV:nth-child(5) > .row > DIV:nth-child(4) {
        margin-top: 25px;
    }

    .DownloadBtnSect .BTRB img {
        margin-right: 5px;
    }

    .BrdrLabelInpDiv .InputField .CustSelect__trigger {
        font-size: 12px;
    }

    .AgeBasedMeter > DIV {
        padding: 0px 31px;
    }

        .AgeBasedMeter > DIV.AgeBaseMeterActive:first-child:before {
            right: 20px;
            width: 130px;
        }

        .AgeBasedMeter > DIV.AgeBaseMeterActive:first-child img {
            margin-right: 0px;
        }

        .AgeBasedMeter > DIV.AgeBaseMeterActive:first-child span {
            font-size: 18px;
        }

        .AgeBasedMeter > DIV.AgeBaseMeterActive:last-child:before {
            left: 25px;
            width: 120px;
        }

    .StepsAwayPara {
        font-size: 16px;
    }

    .TopTabBtn {
        width: 170px;
        height: 50px;
        font-size: 12px;
        margin: 0px 3px;
    }

        .TopTabBtn img {
            margin-right: 5px;
        }

    .PrdtInpPg_cntnt {
        margin-top: 12px;
        padding: 20px 8px;
    }

    .BrdrLabelInpDiv label {
        font-size: 11px;
    }

    .ShieldCntntDiv {
        width: 400px;
        background-size: 92%; /*85%*/
        top: 23%;
        right: 1%;
    }

        .ShieldCntntDiv .PercLeftSide:first-child {
            left: 199px;
        }

        .ShieldCntntDiv .PercLeftSide:last-child {
            right: 204px;
        }

    .ShieldTop {
        top: 14%;
    }

    .ShieldCntntDiv h1 {
        top: 80px;
        font-size: 16px;
    }

        .ShieldCntntDiv h1 span {
            font-size: 22px;
        }

    .ShieldCntntDiv p {
        top: 114px;
    }

    .ShieldCntntDiv .PercLeftSide span {
        font-size: 20px;
    }

    .ShieldCntntDiv .PercLeftSide {
        font-size: 16px;
        margin: 0px 21px;
    }

    .ShieldCntntDiv .PercDiv {
        top: 150px;
    }

    .ShieldCntntDiv h2 {
        top: 219px;
        font-size: 14px;
    }

    .ShieldCntntDiv h3 {
        top: 236px;
        font-size: 11px;
        line-height: 18px;
    }

    .InvstStrategyDiv .switch-field label {
        width: 153px;
    }

    .FundAllocTable {
        padding: 20px 8px;
    }

    .FooterBtn {
        width: 155px;
        font-size: 14px;
    }

    .FundAllocTable td, .FundAllocTable th {
        font-size: 12px;
        padding: 6px 10px;
    }

    .ConsentTxt {
        margin-top: 12px;
    }

    .ChkBoxCntnr .checkmark {
        height: 16px;
        width: 16px;
    }

    button.BTRB {
        font-size: 11px;
    }

    .DisclaimerTxt p {
        font-size: 10px;
    }
}

@media only screen and (max-width:767px) {

    .PersonDet .ToggleSwitchDiv .InputDivNoLabel input.InputCoNameField {
        margin-top: 6px;
    }

    .PrdtInpPg_cntnt {
        padding: 10px 8px;
    }

    .PrdtInpPg_Inpcntnt > .Width100perc:first-child .row:nth-child(2), .PrdtInpPg_Inpcntnt > .Width100perc:first-child .row:nth-child(3),
    .PrdtInpPg_Inpcntnt > .Width100perc:first-child .row:nth-child(4) > DIV:first-child {
        margin-top: 12px;
    }

    .PrdtInpPg_Inpcntnt > .Width100perc:first-child .row:nth-child(4) > DIV:nth-child(2), .PrdtInpPg_Inpcntnt > .Width100perc:first-child .row:nth-child(4) > DIV:nth-child(2) > DIV:nth-child(2) {
        margin-top: 0px;
    }


    .PersonDet #accordion-1 .AccordDashRow:nth-child(5) > .row > DIV:nth-child(2) {
        margin-top: 20px;
    }

        .PersonDet #accordion-1 .AccordDashRow:nth-child(5) > .row > DIV:nth-child(2) label {
            margin-bottom: 10px !important;
        }

    .PersonDet #accordion-1 .AccordDashRow:nth-child(9) > .row > DIV {
        margin-top: 0px;
    }

    .InputWithIcon i.fa-inr.TopPA {
        top: 25px;
    }

    .AddMorePolicyBtn {
        position: relative !important;
        margin-top: 25px;
    }

    .PersonDet .AddPolicyRow .fa-trash {
        right: 0;
        top: 0px;
        height: 30px;
        width: 30px;
        font-size: 20px;
        padding-top: 3px;
        margin-top: 7px;
    }

    .MMT25px {
        margin-top: 25px;
    }

    .InputDiv {
        margin-top: 5px;
    }

        .InputDiv input {
            height: 30px;
        }

    .ToggleSwitchDiv {
        padding: 8px 10px;
    }

    .ToggleSwitchHead > span:first-child {
        width: calc(100% - 75px);
        float: left;
    }

    .PersonDet #accordion-1 > .AccordDashRow:nth-child(2) > DIV:nth-child(2) > .row > DIV:first-child,
    .PersonDet #accordion-1 > .AccordDashRow:nth-child(3) > DIV > .row > DIV:first-child, .PersonDet #accordion-1 > .AccordDashRow:nth-child(4) > .row > DIV:first-child,
    .PersonDet #accordion-2 > .AccordDashRow:nth-child(2) > .row > DIV:first-child {
        margin-top: 0px;
    }

    .PersonDet #accordion-1 > .AccordDashRow:nth-child(2) > DIV:nth-child(2) > .row > DIV:nth-child(3), .PersonDet #accordion-1 > .AccordDashRow:nth-child(3) > DIV > .row > DIV:nth-child(3),
    .PersonDet #accordion-1 > .AccordDashRow:nth-child(4) > .row > DIV, .PersonDet #accordion-2 > .AccordDashRow:nth-child(2) > .row > DIV {
        margin-top: 20px;
    }

        .PersonDet #accordion-1 > .AccordDashRow:nth-child(4) > .row > DIV:nth-child(2) > DIV > label:first-child {
            width: 100%;
            margin-bottom: 10px;
        }

    .AccordSubHead {
        margin-bottom: 15px;
        border-bottom: 0px;
    }

    .AccordDashRow {
        padding: 15px 0px;
    }

    label.SmallLabelTxt {
        font-size: 12px;
    }

    .PersonDet #accordion-1 > .AccordDashRow:nth-child(4) > .row > DIV:last-child .SmallLabelTxt,
    .PersonDet #accordion-2 > .AccordDashRow:nth-child(2) > .row > DIV:last-child .SmallLabelTxt {
        margin-bottom: 8px !important;
    }


    .MainColapsContainer {
        padding: 10px 0px;
    }

    .AccordDashRow .CustRadioBtn + i.circleQuest {
        width: 14px;
        height: 14px;
        padding-top: 1px;
        font-size: 9px;
    }

    .ShieldCntntDiv {
        display: none;
    }

    .ShieldBtn, .ShldCloseBtn {
        display: block;
        position: fixed;
        bottom: 60px;
        left: 0;
        right: 0;
        text-align: center;
        cursor: pointer;
        padding: 0px 5px;
        z-index: 9;
    }

        .ShieldBtn button, .ShldCloseBtn button {
            width: auto;
            font-size: 12px;
            border: 1px solid #0475BC;
            border-radius: 8px;
            padding: 6px 15px;
            background-color: #fff;
            font-family: 'poppinsM';
            box-shadow: 0px -1px 5px rgb(0 0 0 / 33%);
        }

    .ShieldClose {
        display: block;
        margin-top: 34px;
        margin-right: 15px;
        float: right;
    }

    .StepsAwayPara {
        font-size: 14px;
    }

    .LandingPg .SideLeft button.BTRB {
        font-size: 13px;
    }

    .TopTabBtn {
        width: 101px;
        height: 50px;
        font-size: 12px;
        margin: 0px 3px;
        padding: 0px 10px;
        line-height: 14px;
        padding-bottom: 6px;
    }

        .TopTabBtn img {
            display: none;
        }

    .TopBlueBand {
        padding: 6px 0px;
    }

        .TopBlueBand .SubmsnFor {
            float: right;
        }

        .TopBlueBand .SubmsnFor {
            font-size: 12px;
            width: 74.5%;
            text-align: right;
        }

            .TopBlueBand .SubmsnFor b {
                font-size: 12px;
            }

        .TopBlueBand .ApplNo {
            font-size: 12px;
        }

        .TopBlueBand .BackBtn {
            width: 80px;
            height: 31px;
            float: left;
            font-size: 12px;
        }

    .BackBtn span {
        width: 15px;
        height: 15px;
        margin-top: 1px;
    }

    .ShieldCntntDiv {
        height: 410px;
        bottom: 93px;
        /* position:absolute; */
        position: fixed;
        top: auto;
        left: 0px;
        right: 0px;
        z-index: 99;
    }

    .FixedFooter {
        height: 58px;
    }

        .FixedFooter .container-fluid {
            margin-top: 10px;
        }

    .InvstStrategyDiv .switch-field input.AgeBased + label {
        margin-left: -1px;
    }

    .InvstStrategyDiv .switch-field input.SelfManag + label {
        margin-left: -1px;
    }

    .InvstStrategyDiv .switch-field input.AgeBased + label, .InvstStrategyDiv .switch-field input.AgeBased:checked + label {
        border-radius: 0px 8px 0px 0px;
    }

    .InvstStrategyDiv .switch-field input:checked + label, .InvstStrategyDiv .switch-field label {
        border-radius: 8px 0px 0px 0px;
    }

    .InvstStrategyDiv .switch-field input:checked + label {
        border-bottom: 0px;
    }

    .InvstStrategyDiv .switch-field label {
        width: 50.3%;
    }

    .InvstStrategyDiv .switch-field {
        margin-left: 0px;
    }

        .InvstStrategyDiv .switch-field label {
            margin-right: -3px;
        }

            .InvstStrategyDiv .switch-field label:nth-child(2) {
                border-right: 0px;
            }

        .InvstStrategyDiv, .InvstStrategyDiv .switch-field label, .switch-field input:checked + label, .switch-field label {
            border-width: 1px !important;
        }

    .FooterBtn {
        width: 140px;
        font-size: 12px;
    }

    .AgeBasedMeterPara {
        font-size: 11px;
        margin-top: 20px;
    }

    .BuyForDetl {
        font-size: 12px;
    }

        .BuyForDetl span {
            border-right: 1px solid #000;
        }

    .OrangBrdBtn.EditBtn {
        font-size: 14px;
    }
}

@media only screen and (max-width:511px) {
    .PersonDet .PD_FatcaDivCntnt .FamHealtDetTable tr th, .PersonDet .PD_FatcaDivCntnt .FamHealtDetTable tr td, .PersonDet .PD_FatcaDivCntnt .FamHealtDetTable tr th:first-child, .PersonDet .PD_FatcaDivCntnt .FamHealtDetTable tr td:first-child {
        font-size: 12px;
    }

    .InputWithIcon i.fa-inr.TopPA {
        top: 22px;
    }

    .PD_FatcaDivCntnt .FatcaDarkGreyPatch .BTRB.AddBtn {
        float: right !important;
        margin-top: 21px;
    }

    .PersonDet .PD_FatcaDivCntnt h4.AccordSubHead {
        font-size: 12px;
    }

    .MultiSelectBtn, .InputDiv label, .ChkBoxCntnr, .BrdrLabelInpDiv label {
        font-size: 10px;
    }

    .RadioColapsAccord .accordion-section-content {
        padding: 0px 8px;
    }

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

        .ToggleSwitchBtn .switch {
            position: unset;
            height: 100%;
        }

    DIV.ToggleSwitchBtn .switch input[type="checkbox"], DIV.ToggleSwitchBtn .slider {
        top: 0;
        margin-top: 7px;
    }
}

@media only screen and (max-width:480px) {
    .PersonDet .ToggleSwitchDiv .InputDivNoLabel input.InputCoNameField {
        font-size: 12px;
        padding-bottom: 2px;
        margin-top: 14px;
    }

    .PersonDet .TogSwitSHowHideDIv .CustSelect__trigger {
        font-size: 12px;
    }

    .PersonDet .TogSwitSHowHideDIv .ItalicGreyPara {
        margin: 8px 0px;
    }

    .FundDetlPopup p {
        font-size: 14px;
        margin-bottom: 0px;
    }

    .FundAllocTable td, .FundAllocTable th {
        font-size: 10px;
        padding: 5px 5px;
    }

        .FundAllocTable td .FunAllocPercInp {
            height: 30px;
        }

    .PersonDet .PD_FatcaDivCntnt .AddPolicyRow > DIV:nth-child(6) > .row > DIV {
        width: 60%;
    }

    button.BackBtn span {
        width: 15px;
        height: 15px;
        margin-top: 1px;
        margin-left: 6px;
        text-align: center;
    }

        button.BackBtn span i {
            margin-top: 1px;
            margin-right: 2px;
        }

    .MultiSelectBtn, .InputDiv label, .ChkBoxCntnr, .BrdrLabelInpDiv label {
        font-size: 9px;
    }

    .ShieldClose {
        width: 40px;
        margin-top: 27px;
        margin-right: 15px;
        float: right;
    }

    .AgeBasedMeter > DIV {
        padding: 0px 10px;
        text-align: center;
    }

    .AgeBasedMeter img {
        margin: 0px auto;
        float: none;
        width: 70px;
    }

    .AgeBasedMeter > DIV.AgeBaseMeterActive:first-child img {
        margin-right: 0px;
        width: 80px;
    }

    .AgeBasedMeter > DIV.AgeBaseMeterActive:last-child img {
        width: 80px;
    }

    .AgeBasedMeter > DIV.AgeBaseMeterActive:first-child span, .AgeBasedMeter > DIV.AgeBaseMeterActive:last-child span {
        font-size: 14px;
    }

    .AgeBasedMeter > DIV:last-child span, .AgeBasedMeter > DIV:first-child span {
        font-size: 12px;
    }

    .AgeBasedMeter > DIV span, .AgeBasedMeter > DIV:last-child span, .AgeBasedMeter > DIV.AgeBaseMeterActive:first-child span,
    .AgeBasedMeter > DIV:first-child span, .AgeBasedMeter > DIV.AgeBaseMeterActive:last-child span {
        text-align: center;
    }

    .AgeBasedMeter > DIV img, .AgeBasedMeter > DIV:last-child img {
        margin-top: 15px;
        margin-left: 0px;
        margin-right: 0px;
        float: none;
        width: 60px;
    }

    .AgeBasedMeter > DIV.AgeBaseMeterActive:first-child:before, .AgeBasedMeter > DIV.AgeBaseMeterActive:last-child:before {
        right: 0;
        left: 0;
        width: 65%;
        margin: 0px auto;
        border-bottom: 5px solid #EF4123;
    }

    .AgeBasedMeterPara {
        padding: 0px 10px;
    }

    .TopBlueFixed {
        top: 60px;
    }

    .TopBlueBand .BackBtn {
        width: 65px;
        height: 26px;
        font-size: 12px;
    }

    .TopBlueBand .SubmsnFor {
        font-size: 10px;
        float: right;
    }

        .TopBlueBand .SubmsnFor b {
            font-size: 10px;
        }

    .TopBlueBand .ApplNo {
        font-size: 10px;
        margin-top: 0px;
    }

    .TabCompletedCircle {
        width: 20px;
        height: 20px;
    }

        .TabCompletedCircle i {
            font-size: 11px;
            margin-top: 4px;
        }

    #pay_failed .main_content label, #pay_success .main_content label, #pay_failed .main_content label input, #pay_success .main_content label input {
        font-size: 11px;
    }

    .PaymentDetPg .LoginTabsCntn .SelfTab .RedButton, .PaymentDetPg .LoginTabsCntn .SelfTab .Plr, #pay_failed > DIV:nth-child(2) .RedButton, #pay_failed > DIV:nth-child(2) .Plr, .PaySuccessPg .RedButton {
        height: 40px;
        width: 105px;
    }

    .PaymentDetPg .LoginTabsCntn .SelfTab .Plr, #pay_failed > DIV:nth-child(2) .Plr {
        line-height: 24px;
        font-size: 12px;
    }

    #pay_failed h2.top-heading {
        font-size: 16px;
    }

    #pay_success h3.top-heading, #pay_failed h3.top-heading {
        font-size: 14px;
    }

        #pay_failed h3.top-heading span, #pay_success h3.top-heading span {
            font-size: 20px;
        }

    #pay_failed .content_centr, #pay_success .content_centr {
        margin-top: 15px;
    }

    #pay_failed .col.Plr.dwnlod input[type="button"], #pay_success .col.Plr.dwnlod input[type="button"] {
        font-size: 12px !important;
    }

    .TopTabBtn {
        width: 68px;
        height: 50px;
        font-size: 10px;
    }

    .StepsAwayPara {
        font-size: 12px;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .ppt_meter2 {
        width: 284px;
    }

    .LandingPg .SideLeft button.BTRB {
        font-size: 12px;
        line-height: 12px;
    }

    .ppt_meter2 > DIV {
        font-size: 12px;
    }

    .ppt_div2 {
        bottom: 37px;
        left: 83px;
    }

        .ppt_div2 span {
            left: 17px;
        }

    .ppt_div3 span {
        bottom: 30px;
    }

    .ShieldCntntDiv {
        width: 317px;
        height: 348px; /** 315 **/
        background-size: 95%; /** 88 **/
    }

        .ShieldCntntDiv h1 {
            top: 70px; /** 58 **/
            font-size: 14px;
        }

            .ShieldCntntDiv h1 span {
                font-size: 17px;
            }

        .ShieldCntntDiv p {
            top: 100px; /** 83 **/
            font-size: 12px;
        }

        .ShieldCntntDiv .PercDiv {
            top: 127px; /** 114 **/
        }

        .ShieldCntntDiv .PercLeftSide {
            font-size: 12px;
            margin: 0px 18px;
        }

            .ShieldCntntDiv .PercLeftSide:last-child {
                right: 165px; /** 160 **/
            }

            .ShieldCntntDiv .PercLeftSide:first-child {
                left: 160px;
            }

            .ShieldCntntDiv .PercLeftSide span {
                font-size: 14px;
            }

        .ShieldCntntDiv h2 {
            top: 178px; /** 161 **/
            font-size: 10px;
        }

        .ShieldCntntDiv h3 {
            top: 191px; /** 175 **/
            font-size: 9px;
            line-height: 13px; /** 15 **/
        }

    .BuyForDetl {
        font-size: 11px;
    }

    .BrdrLabelInpDiv label {
        font-size: 9px;
    }

    .SmallLabelTxt {
        font-size: 10px;
    }

    .BrdrLabelInpDiv .InputField .CustSelect__trigger, .switch-field label, .RiskMeterHead, .BrdrLabelInpDiv input {
        font-size: 12px;
    }

    .DownloadBtnSect {
        padding: 0px 0px;
    }

    .BTRB i.fa-download {
        margin-right: 8px;
    }

    button.BTRB {
        padding: 5px 4px;
    }

    .FixedFooter {
        height: 55px;
    }

        .FixedFooter .container-fluid {
            margin-top: 8px;
        }

    .MainContainer.PrdtInpPg {
        margin-top: 61px;
        padding-bottom: 100px;
    }

    .PrdtInpPg_cntnt {
        padding: 10px 8px;
    }
}

@media only screen and (max-width:411px) {
    .PersonDet .PD_FatcaDivCntnt .AddPolicyRow > DIV:nth-child(6) > .row > DIV {
        width: 77%;
    }
}
/**-------------------------------------------------------------------------------- Health Details ---------------------------------------------------------------------------------------**/
.HealthDetPg .RadioColapsAccord .accordion-section-content {
    padding: 0px 15px;
}

.AccordBlueBand, .AccordBlueBand .ToggleSwitchHead > span {
    background-color: #EFF9FF;
    color: #00629E;
    font-size: 14px;
    text-align: left;
    padding: 5px 10px;
    border: 0px;
    font-family: poppinsR;
}

.CombineLabelDiv {
    position: relative;
    margin-top: 22px;
}

.CombineLabel {
    position: absolute;
    left: 0;
    right: -75px;
    top: -20px;
}

.BrdrLabelInpDiv.CombineLabelDiv input {
    width: 100%;
    padding-left: 0px;
}

.PL30px {
    padding-left: 30px;
}

.HealthDetPg .accordion-section-content {
    font-size: 14px;
}

.ToggleSwitchHead .TSHSubLine {
    font-size: 12px;
    text-align: left;
}

.HealthDetPg .ToggleSwitchDiv.ToggleOnlyQuestRow, .HealthDetPg .ToggleSwitchDiv.ToggleBtnRadioQuest {
    min-height: 66px;
}

.HealthDetPg .ToggleOnlyQuestRow .ToggleSwitchHead, .HealthDetPg .ToggleBtnRadioQuest .ToggleSwitchHead {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
}

.HealthDetPg .ToggleOnlyQuestRow .ToggleSwitchBtn .slider, .HealthDetPg .ToggleOnlyQuestRow .ToggleSwitchBtn .switch input[type="checkbox"],
.HealthDetPg .ToggleBtnRadioQuest .ToggleSwitchBtn .slider, .HealthDetPg .ToggleBtnRadioQuest .ToggleSwitchBtn .switch input[type="checkbox"] {
    top: 9px;
}
/*ToolTip*/
.circleQuest {
    position: relative;
    cursor: pointer;
}

    .circleQuest:hover .TootltipCntnt {
        display: block;
    }

.TootltipCntnt {
    display: none;
    position: absolute;
    left: 0;
    left: 50%;
    margin-left: -32px;
    bottom: 100%;
    width: 457px;
    padding: 5px;
    border-radius: 8px;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    z-index: 99;
    line-height: 18px;
    background-color: #000;
    color: #fff;
    font-family: poppinsR;
    word-break: break-word;
}

    .TootltipCntnt:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -5px;
        margin: 0px auto;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 10px solid #000;
    }

.RightToolTip {
    text-align: justify;
    margin-left: 0;
    bottom: 50%;
    transform: translate(4%, 44%);
}

.TopToolTip {
    text-align: justify;
    margin-left: 0;
    bottom: 50%;
    transform: translate(-50%, -50%);
}

.WidthMaxCntn {
    width: max-content;
}

.TootltipCntnt.RightToolTip:before {
    left: -13px;
    top: 50%;
    bottom: 0;
    right: auto;
    transform: rotate(90deg);
}
/*ToolTip*/

.ToggleSwitchRadioOptDiv {
    width: 100%;
    float: left;
    background: #FAFAFA 0% 0% no-repeat padding-box;
    border: 1px solid #70707052;
    padding: 20px 10px;
    border-radius: 8px;
    margin-top: 20px;
}

    .ToggleSwitchRadioOptDiv .CustRadioBtn {
        display: flex;
    }

    .ToggleSwitchRadioOptDiv.DisableDiv {
        opacity: 0.8;
        pointer-events: none;
    }

.HealthDetPg .RadioColapsAccord .accordion-section-content.AccordHealthSect3 {
    padding: 0px 50px;
}

.FamHealtDetTable {
    margin: 30px 0px;
    width: calc(100% - 360px);
}

    .FamHealtDetTable tr th, .FamHealtDetTable tr td {
        padding: 8px 15px;
        text-align: left;
    }

        .FamHealtDetTable tr th:first-child, .FamHealtDetTable tr td:first-child, .FamHealtDetTable tr td:last-child {
            text-align: center;
        }

    .FamHealtDetTable tr th {
        background-color: #E9E9E9;
        color: #000000;
        font-size: 14px;
        font-family: poppinsM;
    }

    .FamHealtDetTable tr td {
        border-bottom: 1px dashed #707070;
    }

        .FamHealtDetTable tr td i.fa-trash {
            float: none;
            margin: 0px auto;
        }

.ToggleSwitchDiv.SubQuestRow {
    padding: 20px 15px;
}

.SubQuestRow .accordion-item {
    background: #fff;
    border: 0px;
    box-shadow: -1px 6px 3px #00000017;
    border-radius: 16px;
    /* overflow: hidden; */
    margin-top: 20px;
}

    .SubQuestRow .accordion-item .accordion-header button {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: none;
        border: 0px;
        padding: 10px 20px;
        font-size: 14px;
        color: #000000;
        font-family: poppinsM;
        border-radius: 16px;
    }

    .SubQuestRow .accordion-item:last-of-type .accordion-button.collapsed {
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px;
    }

    .SubQuestRow .accordion-item .accordion-header .accordion-button::after {
        content: "";
        position: absolute;
        right: 25px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #D6D6D6;
    }

.SubQuestRow .accordion-body {
    background-color: #fff;
    border-radius: 16px;
}

.SubQuestRow.ToggleSwitchDiv .CustSelectMainDiv {
    margin-top: 0px;
}

.SubQuestRow .AccordDashRow .BTRB.AddBtn {
    margin-top: 12px;
    font-size: 16px;
}

@media only screen and (max-width:1300px) {
    .ToggleSwitchHead > span, .ToggleSwitchBtn .on, .ToggleSwitchBtn .off {
        font-size: 14px;
    }

    .ToggleSwitchBtn .switch input[type="checkbox"], .ToggleSwitchBtn .slider {
        top: -25px;
    }

        .ToggleSwitchBtn .slider.round, .ToggleSwitchBtn .switch input[type="checkbox"] {
            width: 80px;
            height: 28px;
        }

    .ToggleSwitchBtn .ToggleSwitchActive .slider:before {
        height: 20px;
        width: 20px;
        -webkit-transform: translateX(52px);
        -ms-transform: translateX(52px);
        transform: translateX(52px);
    }

    .RadioColapsAccord .accordion-section-title {
        font-size: 17px;
        padding: 6px 15px;
    }

    .AccordBtn {
        width: 23px;
        height: 23px;
    }

    .RadioColapsAccord .accordion-section-title.active .AccordBtn:before {
        width: 15px;
        height: 15px;
    }

    .AccordDashRow .ToggleSwitchBtn input.ToggleSwichHideBtn:checked + .slider:before {
        -webkit-transform: translateX(53px);
        -ms-transform: translateX(53px);
        transform: translateX(53px);
    }

    .AccordSubHead {
        font-size: 16px;
    }

    .MultiSelectBtn img {
        width: 32px;
        margin-right: 2px;
    }

    .FamHealtDetTable {
        width: calc(100% - 100px);
    }

        .FamHealtDetTable > DIV {
            padding: 0px;
        }

    .CombineLabel {
        right: -78px;
    }

    .ToggleSwitchHead > span:first-child br {
        display: none;
    }
}

@media only screen and (max-width:1200px) {

    .HealthDetPg .BTRB.AddBtn {
        width: 61px;
    }

    .OrangBrdBtn.EditBtn {
        height: 28px;
        width: 75px;
        font-size: 14px;
        padding: 2px 5px;
    }

    .CustRadioBtn .label-visible {
        font-size: 14px;
    }

    .ToggleSwitchBtn .slider.round, .ToggleSwitchBtn .switch input[type="checkbox"] {
        width: 72px;
        height: 26px;
    }

    .ToggleSwitchBtn .slider:before {
        height: 18px;
        width: 18px;
    }

    .ToggleSwitchBtn .ToggleSwitchActive .slider:before {
        -webkit-transform: translateX(46px);
        -ms-transform: translateX(46px);
        transform: translateX(46px);
    }

    .ToggleSwitchBtn .switch input[type="checkbox"], .ToggleSwitchBtn .slider {
        top: -23px;
    }

    .AccordDashRow .ToggleSwitchBtn input.ToggleSwichHideBtn:checked + .slider:before {
        -webkit-transform: translateX(46px);
        -ms-transform: translateX(46px);
        transform: translateX(46px);
    }

    .AccordDashRow .InputDiv input::placeholder, .ToggleSwitchDiv .InputDivNoLabel input::placeholder,
    .InputDivNoLabel input::placeholder, .InputDivNoLabel .InputCoNameField::placeholder {
        font-size: 12px;
    }

    .AccordRedBtn {
        height: 44px;
        font-size: 14px;
    }

    #accordion-5 .TogSwitSHowHideDIv .AddPolicyRow {
        width: calc(100% - 100px)
    }

    .CustSelectarrow {
        width: 10px;
        height: 5px;
        border-top: solid 6px #979797;
        border-left: solid 6px transparent;
        border-right: solid 6px transparent;
    }

    .MultiSelectBtn img {
        width: 28px;
        margin-right: 0px;
    }

    .BTRB.AddBtn {
        width: 68px;
    }

    .fa-trash {
        width: 40px;
        height: 40px;
    }

    .SmallLabelTxt {
        font-size: 10px;
    }

    .AccordSubHead {
        margin-bottom: 5px;
    }

    .AddMorePolicyBtn .BTRB.WidthAuto {
        margin: 0px auto;
        padding: 8px 3px;
        font-size: 12px;
    }
}

@media only screen and (min-width:992px) {
    .CombineLabel {
        white-space: nowrap;
    }
}

@media only screen and (max-width:991px) {
    .RadioColapsAccord .accordion-section-title, .RadioColapsAccord .accordion-section-title.active {
        background-position: 98%;
    }

    .MultiSelectBtn img {
        width: 21px;
        margin-right: 2px;
    }

    .fa-trash {
        width: 36px;
        height: 36px;
        font-size: 21px;
    }

    .SubQuestRow .accordion-item .accordion-header button {
        padding: 10px 10px;
        padding-right: 35px;
    }

    .SubQuestRow .accordion-item .accordion-header .accordion-button::after {
        right: 15px;
        border-width: 8px;
    }

    .SubQuestRow .accordion-body {
        padding: 10px 10px;
    }

    .ToggleSwitchDiv.SubQuestRow {
        padding: 20px 10px;
    }

    .ToggleSwitchDiv {
        padding: 8px 10px;
    }

    .HealthDetPg #accordion-3 > .AccordDashRow > .row > DIV:nth-child(5) {
        padding: 0px;
        width: 100%;
        text-align: center;
    }

        .HealthDetPg #accordion-3 > .AccordDashRow > .row > DIV:nth-child(5) .BTRB.AddBtn {
            float: none !important;
            margin: 0px auto;
            margin-top: 25px;
        }

    .HealthDetPg .AccordDashRow .SubQuestRow .BTRB.AddBtn {
        width: 47px;
    }

    .HealthDetPg .AccordDashRow .SubQuestRow .TogSwitSHowHideDIv .accordion-item .accordion-body .row > DIV:nth-child(4) {
        margin-top: 25px;
    }

    .HealthDetPg .AccordDashRow .SubQuestRow .TogSwitSHowHideDIv .accordion-item .accordion-body .row > DIV:nth-child(5) {
        padding: 0px;
    }

    .HealthDetPg .AccordDashRow .BTRB.AddBtn {
        margin-top: 19px;
    }

    .FamHealtDetTable {
        width: calc(100% - 0px);
    }

        .FamHealtDetTable tr th, .FamHealtDetTable tr td {
            font-size: 12px;
        }

        .FamHealtDetTable tr th, .FamHealtDetTable tr td {
            padding: 8px 10px;
        }

    .AccordBlueBand, .AccordBlueBand .ToggleSwitchHead > span {
        font-size: 12px;
    }

    .HealthDetPg .RadioColapsAccord .accordion-section-content.AccordHealthSect3 {
        padding: 0px 35px;
    }

    .CustSelect-option {
        padding: 5px 5px;
        font-size: 10px;
    }

        .CustSelect-option:after {
            left: 5px;
            right: 5px;
        }

    .AccordSubHead {
        font-size: 14px;
    }

    .AccordRedBtn {
        height: 40px;
        font-size: 12px;
        letter-spacing: 0.5px;
    }

    #accordion-3 > .AccordDashRow:first-child > DIV:nth-child(5) > .row > DIV:nth-child(1),
    #accordion-3 > .AccordDashRow:first-child > DIV:nth-child(5) > .row > DIV:nth-child(2) {
        margin-bottom: 25px;
    }

    .ToggleSwitchHead > span, .ToggleSwitchBtn .on, .ToggleSwitchBtn .off {
        font-size: 12px;
    }

    .AccordDashRow .BrdrLabelInpDiv .InputField .CustSelect__trigger {
        font-size: 12px;
    }

    .AccordDashRow .fa-trash, .AccordDashRow .BTRB.AddBtn {
        margin-top: 0px;
        margin-right: -25px;
    }

    .RadioColapsAccord .accordion-section-title {
        font-size: 14px;
        padding: 5px 10px;
    }

    .OrangBrdBtn.EditBtn {
        height: 23px;
        width: 61px;
        font-size: 12px;
    }

    .OpenPlus, .CloseCross {
        width: 25px;
        height: 25px;
    }

    .AccordBtn {
        width: 18px;
        height: 18px;
    }

    .RadioColapsAccord .accordion-section-title.active .AccordBtn:before {
        width: 10px;
        height: 10px;
    }

    .RadioColapsAccord .accordion-section-title.completed .AccordBtn i {
        font-size: 11px;
        margin-top: 3px;
    }

    .RadioColapsAccord .accordion-section-content {
        padding: 0px 15px;
    }

    .InputDivNoLabel.Width35perc {
        width: 45%;
    }

    .AccordDashRow .CustRadioBtn .label-visible {
        font-size: 12px;
    }
}

@media only screen and (max-width:767px) {
    DIV.AddMorePolicyBtn .BTRB.WidthAuto {
        float: none !important;
    }

    .RadioColapsAccord .accordion-section-title, .RadioColapsAccord .accordion-section-title.active {
        background-size: 26px;
    }

        .RadioColapsAccord .accordion-section-title .EditBtn {
            right: 54px;
        }

    .TootltipCntnt {
        font-size: 11px;
        line-height: 14px;
    }

    label[for="btnPlanOpti_2"] .TootltipCntnt.RightToolTip, .RiskMeterHead .TootltipCntnt.RightToolTip {
        width: 174px;
        right: -17px;
        bottom: auto; /*94px*/
        top: -42px;
        left: auto;
        text-align: left;
    }

    label[for="btnPlanOpti_1"] .TootltipCntnt.RightToolTip {
        width: 174px;
        top: 0px;
        bottom: auto; /*bottom: 66px;*/
        right: -70px;
        left: auto;
        text-align: left;
    }

    .TootltipCntnt.RightToolTip:before {
        left: 50%;
        top: -9px; /*auto*/
        bottom: auto; /*-10px*/
        right: auto;
        transform: rotate(180deg); /*0deg*/
    }

    .HealthDetPg #accordion-1 .BrdrLabelInpDiv.PL30px {
        padding-left: 0px;
    }

    .HealthDetPg #accordion-3 .AccordDashRow:first-child .row.MT30px {
        margin-top: 0px;
    }

    .FamHealtDetTable tr th, .FamHealtDetTable tr td {
        padding: 5px 5px;
    }

    .HealthDetPg .RadioColapsAccord .accordion-section-content.AccordHealthSect3 {
        padding: 0px 15px;
    }

    .HealthDetPg .AccordDashRow .SubQuestRow .BTRB.AddBtn {
        margin: 0px auto;
        float: none !important;
        margin-top: 35px;
    }

    .CombineLabelDiv {
        margin-top: 0px;
    }

    .AccordBlueBand, .AccordBlueBand .ToggleSwitchHead > span {
        padding: 5px 0px;
    }

    .ToggleSwitchRadioOptDiv {
        padding: 20px 0px;
    }

        .ToggleSwitchRadioOptDiv .row {
            margin: 0px;
        }

            .ToggleSwitchRadioOptDiv .row > DIV {
                margin-bottom: 15px;
            }

    .HealthDetPg .AccordBlueBand, .HealthDetPg .AccordBlueBand .ToggleSwitchHead > span {
        padding: 5px 5px;
    }

    .ToggleSwitchBtn .slider.round, .ToggleSwitchBtn .switch input[type="checkbox"] {
        margin-top: 2px;
        width: 65px;
        height: 24px;
    }

    .ToggleSwitchBtn .slider:before, .ToggleSwitchBtn .ToggleSwitchActive .slider:before {
        height: 16px;
        width: 16px;
    }

    .ToggleSwitchBtn .ToggleSwitchActive .slider:before, .AccordDashRow .ToggleSwitchBtn input.ToggleSwichHideBtn:checked + .slider:before {
        -webkit-transform: translateX(42px);
        -ms-transform: translateX(42px);
        transform: translateX(42px);
    }

    .TogSwitSHowHideDIv .AccordBlueBand {
        font-size: 12px;
    }

    .AccordDashRow .fa-trash, .AccordDashRow .BTRB.AddBtn {
        margin-top: 37px;
        margin-right: 0;
    }

    #accordion-5 .TogSwitSHowHideDIv .AddPolicyRow {
        width: 100%;
    }

    DIV.AddMorePolicyBtn {
        width: 100%;
        float: left;
        right: 0;
    }
}

@media only screen and (max-width:511px) {
    .ToggleSwitchBtn .slider.round, .ToggleSwitchBtn .switch input[type="checkbox"] {
        margin-top: -3px;
    }
}

@media only screen and (max-width:480px) {
    .HealthDetPg .ToggleBtnRadioQuest.AccordBlueBand .ToggleSwitchBtn .slider {
        top: 4px;
    }

    .RadioColapsAccord .accordion-section-title .EditBtn i {
        margin-right: 6px;
    }

    .SubQuestRow .accordion-item .accordion-header button {
        font-size: 12px;
    }

    .MainColapsContainer.PersonDet {
        margin-top: 170px;
    }

    .ToggleSwitchDiv, .ToggleSwitchDiv.SubQuestRow {
        padding: 8px 8px;
    }

    .ToggleSwitchHead > span, .ToggleSwitchBtn .on, .ToggleSwitchBtn .off {
        font-size: 11px;
    }

    .MainColapsContainer.HealthDetPg {
        margin-top: 180px;
    }

    .RadioColapsAccord .accordion-section-title .EditBtn {
        right: 40px;
        width: 55px;
    }

    .HealthDetPg .ToggleSwitchDiv.ToggleOnlyQuestRow, .HealthDetPg .ToggleSwitchDiv.ToggleBtnRadioQuest {
        min-height: 38px;
    }

    .HealthDetPg .ToggleOnlyQuestRow .ToggleSwitchBtn .slider, .HealthDetPg .ToggleOnlyQuestRow .ToggleSwitchBtn .switch input[type="checkbox"], .HealthDetPg .ToggleBtnRadioQuest .ToggleSwitchBtn .slider, .HealthDetPg .ToggleBtnRadioQuest .ToggleSwitchBtn .switch input[type="checkbox"] {
        top: 1px;
    }
}

@media only screen and (max-width:380px) {
    .RadioColapsAccord .accordion-section-title .EditBtn {
        height: 24px;
        width: 53px;
        padding: 2px 2px;
        right: 38px;
    }

    .FamHealtDetTable > DIV {
        overflow: auto;
    }

    .PersonDet .PD_FatcaDivCntnt .FamHealtDetTable .fa-trash {
        top: -2px
    }

    .PersonDet .PD_FatcaDivCntnt .FamHealtDetTable tr th, .PersonDet .PD_FatcaDivCntnt .FamHealtDetTable tr td, .PersonDet .PD_FatcaDivCntnt .FamHealtDetTable tr th:first-child, .PersonDet .PD_FatcaDivCntnt .FamHealtDetTable tr td:first-child {
        font-size: 11px;
    }
}
/**-------------------------------------------------------------------- Preview & Edit Page ------------------------------------------------------------------------------------**/
.MainColapsContainer.PreviewEditPg {
    margin-top: 160px;
}

.PreviewEditPg .RadioColapsAccord .accordion-section, .PreviewEditPg .RadioColapsAccord .accordion-section-title {
    box-shadow: none;
}

.PreviewEditPg .RadioColapsAccord .accordion-section {
    border: 1px solid #D6D6D6;
    overflow: hidden;
}

.PreviewEditPg .RadioColapsAccord .accordion-section-content {
    padding: 0px 15px;
}

.PreviewEditPg .OrangBrdBtn.EditBtn {
    border: 0px;
    width: auto;
}

.PreviewEditPg .RadioColapsAccord .accordion-section-title .EditBtn i, .PreEditSubHead i {
    font-size: 22px;
    margin-top: 5px;
    float: right;
}

.PreviewEditPg .RadioColapsAccord .accordion-section-title {
    padding-left: 15px !important;
}

    .PreviewEditPg .RadioColapsAccord .accordion-section-title.active:before {
        border-bottom: 1px solid #ED412D;
    }

.PreviewLabel {
    font-size: 11px;
    text-align: left;
    color: #000000;
    font-family: poppinsR;
    padding-right: 3px;
    padding-right: 0;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

    .PreviewLabel span {
        float: right;
        padding: 0px 2px;
    }

.PreviewData {
    text-align: left;
    font-family: poppinsM;
    font-size: 14px;
    font-size: 600;
    padding: 0px;
    word-break: break-all;
}

.PreviewEditRow > DIV {
    margin-bottom: 10px;
}

.PreEditSubHead {
    font-size: 16px;
    color: #0475BC;
    font-family: poppinsM;
    text-align: left;
    width: 100%;
    float: left;
    border-bottom: 1px dashed rgb(112 112 112 / 50%);
    padding: 8px 0px;
    margin-bottom: 15px;
}

    .PreEditSubHead i {
        margin-top: 0px;
        color: #ED412D;
    }

/*.PreviewEditRow
{
	width:100%;
	float:left;
}*/

.UnorganisedPrevRow > DIV {
    float: none;
    display: flex;
    align-items: center;
    width: auto;
}

    .UnorganisedPrevRow > DIV:first-child span {
        margin-left: 8px;
    }

.PreviewEditRow .AccordBlueBand {
    font-size: 12px;
}

.PreFamHealHist {
    width: calc(100% - 150px);
    float: left;
}

.PreviewEditRow .PreFamHealHist {
    width: 100%;
    overflow: auto;
}

.PreFamHealHist th {
    background-color: #E9E9E9;
    font-size: 11px;
}

.PreFamHealHist td {
    font-size: 12px;
    font-family: poppinsM;
    /* font-weight: 600; */
}

.PreFamHealHist th, .PreFamHealHist td {
    color: #000000;
    text-align: left;
    padding: 15px;
}

    .PreFamHealHist th:first-child, .PreFamHealHist td:first-child {
        text-align: center;
    }

.DeclarationTxt {
    width: 100%;
    height: 100px;
    float: left;
    margin: 10px 0px;
    background: #f1f1f1;
    border-radius: 16px;
    font-family: poppinsL;
    font-size: 11px;
    color: #5A5A5A;
    padding: 5px;
    overflow-x: auto;
    box-shadow: 0px 0px 0px 5px rgb(241 241 241);
}

    .DeclarationTxt > DIV {
        display: flex;
        align-items: flex-start;
    }

        .DeclarationTxt > DIV span:first-child {
            margin-right: 3px;
        }

.DisableMe {
    opacity: 0.6;
    pointer-events: none;
}

.PolicyConfrmCodeDiv .OTP_InputDiv {
    margin: 0px;
    width: 100%;
    float: left;
}

    .PolicyConfrmCodeDiv .OTP_InputDiv p {
        color: #001CD1;
        text-decoration: underline;
    }

.PolicyConfrmCodeDiv > p {
    width: 100%;
    float: left;
    text-align: center;
    font-style: italic;
    font-size: 11px;
    margin-bottom: 0px;
}

.PreEdi_UD_DocName {
    color: #0000FF;
    border-bottom: 1px solid #0000FF;
    font-family: poppinsM;
    cursor: pointer;
    font-size: 12px;
    float: left;
    margin-right: 10px;
}

.PreEdi_UDDetRow > DIV:first-child {
    border-left: 0px solid #ccc !important;
    padding-left: 15px !Important;
}

.PreEdi_UDDetRow > DIV:last-child {
    border-left: 1px solid #ccc;
    padding-left: 25px;
}

.PreEdi_UDColmn > .row {
    margin-bottom: 10px;
}

.PreEdi_UDColmn .row > DIV:first-child {
    padding-right: 0px;
}

.PrevEditFooter .PreviewLabel, .FixedFooter.PrevEditFooter .container-fluid {
    display: block;
}

.FixedFooter.PrevEditFooter {
    height: auto;
    padding-bottom: 20px;
}

.PreviewEditPg .MainOuterDiv.Page4 > DIV:last-child {
    margin-bottom: 50px;
}

@media only screen and (max-width:991px) {
    .PreviewData {
        padding: 0px 12px;
    }

    .PreviewLabel {
        justify-content: flex-start;
    }

    .PreEdi_UDDetRow .PreviewData {
        padding: 0px 0px;
    }
}

@media only screen and (max-width:767px) {
    .DeclarationTxt {
        font-size: 10px;
    }

    .PreEdi_UDDetRow > DIV:last-child {
        padding-left: 15px;
    }

    .PreEdi_UD_DocName {
        font-size: 10px;
    }

    .PreEdi_UDDetRow .PreviewData, .PreEdi_UDDetRow label.SmallLabelTxt {
        font-size: 10px;
    }

    .PreviewEditRow .AccordBlueBand .PreviewData {
        float: left !important;
        padding-left: 0px;
    }

    .PreviewEditRow .UnorganisedPrevRow > DIV {
        width: 100%;
    }

    .PreviewEditRow .PreviewLabel {
        justify-content: space-between;
    }
}

/**--------------------------------------------------------------------- Thank You Page ---------------------------------------------------------------------**/

.GreyBg {
    background-color: #FAFAFA;
}

.MainColapsContainer.ThankYouPg {
    margin-top: 125px;
    padding: 30px 32px;
}

.MainMiddleContainer {
    background-color: #fff;
    border: 1px solid #FAFAFA;
    border-radius: 16px;
    padding: 20px 150px;
}

.BorderMainCntn {
    border: 1px solid #D4D4D4;
    width: 100%;
    float: left;
}

    .BorderMainCntn > row:first-child {
        padding: 30px 55px;
    }

.HandShakeImg {
    width: 150px;
    margin-top: 25px;
}

.ThankYouTxt {
    color: #0475BC;
    font-family: poppinsB;
    font-size: 30px;
    width: 100%;
    float: left;
    margin: 50px 0px;
}

    .ThankYouTxt span {
        color: #EF4123 !Important;
    }

.ThankYouPg .BorderMainCntn h2 {
    font-family: poppinsL;
    font-size: 16px;
    text-align: center;
    width: 100%;
    float: left;
}

.ThankYouTableDiv {
    padding: 0px 22%;
}

    .ThankYouTableDiv .ThankYouTableCtnr {
        width: 400px;
        margin: 0px auto;
        float: none;
        border: 1px dashed #0475BC;
        border-radius: 15px;
        padding: 10px 20px;
        margin: 20px auto;
    }

.ThankYouTable td {
    border-bottom: 1px dashed #0475BC;
    color: #0475BC;
    padding: 10px 0px;
}

.ThankYouTable tr:last-child td {
    border-bottom: 0px;
}

.ThankYouTable td:first-child {
    font-family: poppinsL;
    font-size: 14px;
    text-align: left;
}

    .ThankYouTable td:first-child span {
        float: right;
        padding: 0px 3px
    }

.ThankYouTable td:last-child {
    font-family: poppinsM;
    font-weight: 600;
    font-size: 16px;
    text-align: left;
}

.ThankYouTableDiv button.BTRB {
    font-size: 14px;
    height: 100%;
}

.WhatsNxtDiv {
    margin-top: 30px;
}

    .WhatsNxtDiv h3 {
        font-family: poppinsM;
        text-align: center;
        color: #0475BC;
        font-size: 18px;
        line-height: 25px;
        margin: 20px 0px;
    }

        .WhatsNxtDiv h3 span {
            color: #EF4123;
        }

    .WhatsNxtDiv ul {
        padding: 0px;
        padding-left: 50px;
        margin-bottom: 30px;
    }

        .WhatsNxtDiv ul li {
            padding: 5px 20px;
        }

            .WhatsNxtDiv ul li:before {
                content: "\f064";
                font-family: FontAwesome;
                display: inline-block;
                margin-left: -10px;
                width: 25px;
                font-size: 19px
            }

.ThankYouFooter {
    padding: 20px;
    background-color: #FAFAFA;
    border-top: 1px solid #D4D4D4;
}

    .ThankYouFooter h1 {
        font-family: poppinsR;
        font-size: 16px;
        text-align: center;
        width: 100%;
        float: left;
        line-height: 28px;
        color: #000;
    }

    .ThankYouFooter a, .ThankYouFooter a:hover {
        text-decoration: none;
    }

    .ThankYouFooter h1 a {
        color: #0475BC !important;
    }

    .ThankYouFooter h1 span {
        color: #EF4123;
    }

@media only screen and (max-width:1024px) {
    .ThankYouTableDiv {
        padding: 0px 10%;
    }

        .ThankYouTableDiv .ThankYouTableCtnr {
            width: 500px;
        }

        .ThankYouTableDiv .DownloadBtnSect {
            padding: 0px 10px;
        }
}

@media only screen and (max-width:991px) {
    .MainColapsContainer.ThankYouPg .MainMiddleContainer {
        padding: 20px 80px;
    }

    .HandShakeImg {
        width: 120px;
        margin-top: 20px;
    }

    .ThankYouTxt {
        font-size: 25px;
        margin: 40px 0px;
    }

    .ThankYouTableDiv {
        padding: 0px 20px;
    }

    .WhatsNxtDiv ul {
        padding-left: 20px;
    }

        .WhatsNxtDiv ul li {
            font-size: 12px;
            position: relative;
        }

            .WhatsNxtDiv ul li:before {
                position: absolute;
                left: 0;
                margin-right: 0px;
                margin-left: 0px;
                width: 18px;
                font-size: 16px;
            }

    .ThankYouFooter h1 {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 0px;
    }

    .ThankYouFooter {
        padding: 14px;
    }

    .ThankYouPg .BorderMainCntn h2 {
        padding: 0px 5px;
    }

    .PaySuccessPg .TransactDetTable label, .TransactDetTable label + span {
        width: 100%;
        float: left;
    }

    .PaySuccessPg .TransactDetTable label, .TransactDetTable span {
        font-size: 14px;
    }

        .PaySuccessPg .TransactDetTable label span {
            float: none;
        }

    .WhatsNxtDiv {
        margin-top: 20px;
    }
}

@media only screen and (max-width:767px) {
    .WhatsNxtDiv ul li {
        padding-right: 5px;
        padding-left: 25px;
    }

        .WhatsNxtDiv ul li:before {
            margin-left: 6px;
            font-size: 14px;
        }

    .PaySuccessPg .TransactDetTable .row > DIV {
        width: 50%;
    }

        .PaySuccessPg .TransactDetTable .row > DIV:nth-child(2) {
            border-right: 0px;
        }

            .PaySuccessPg .TransactDetTable .row > DIV:nth-child(1) > span, .PaySuccessPg .TransactDetTable .row > DIV:nth-child(2) > span, .PaySuccessPg .TransactDetTable.EMandateDetTable .row > DIV > span {
                border-bottom: 1px dashed #707070;
            }

    .PaySuccessPg .TransactDetTable.EMandateDetTable {
        padding: 0px 5px;
    }

        .PaySuccessPg .TransactDetTable.EMandateDetTable .row > DIV {
            Width: 100%;
            padding: 5px 15px;
        }

    .PaySuccessPg .EMandateDetTable > .row {
        padding: 0px 0px;
    }

        .PaySuccessPg .EMandateDetTable > .row:last-child > DIV:last-child > span, .PaySuccessPg .EMandateDetTable > .row {
            border-bottom: 0px;
        }

    .PaySuccessPg DIV.PaySuccessBox {
        padding: 30px 10px;
    }

    #pay_success h2.top-heading, #pay_success h3.top-heading, #pay_failed h3.top-heading, #pay_failed .img, #pay_success .img {
        text-align: center !important;
    }

    .MainColapsContainer.ThankYouPg {
        padding: 30px 15px;
    }

        .MainColapsContainer.ThankYouPg .MainMiddleContainer {
            padding: 10px 10px;
        }

    .HandShakeImg {
        width: 100px;
    }

    .ThankYouTxt {
        font-size: 20px;
        margin: 30px 0px;
    }

    .ThankYouPg .BorderMainCntn h2 {
        font-size: 13px;
    }

    .ThankYouTableDiv .ThankYouTableCtnr {
        width: 328px;
        padding: 10px 10px;
    }

    .ThankYouTable td:first-child {
        font-size: 11px;
        width: 42%;
    }

    .ThankYouTableDiv {
        padding: 0px 40px;
    }

        .ThankYouTableDiv .ThankYouTableCtnr {
            width: 400px;
        }

    .DownloadBtnSect {
        padding: 0px 5px;
    }

    .ThankYouTable td:last-child {
        font-size: 12px;
    }

    .ThankYouTableDiv button.BTRB {
        font-size: 12px;
        height: 100%;
    }

    .WhatsNxtDiv ul {
        padding-left: 0px;
    }
}

@media only screen and (max-width:480px) {
    .ThankYouTable td:last-child {
        word-break: break-all;
    }

    .ThankYouTable td:first-child {
        width: 44%;
    }

    .ThankYouTableDiv {
        padding: 0px 24px;
    }

        .ThankYouTableDiv .DownloadBtnSect {
            padding: 0px 0px;
        }

    .TransactDetTable label, .TransactDetTable span {
        font-size: 14px;
    }

    .ThankYouTableDiv .ThankYouTableCtnr {
        width: 100%;
    }

    .PaySuccessPg DIV.PaySuccessBox {
        padding: 30px 10px !important;
    }

    .ThankYouFooter h1 {
        font-size: 12px;
        line-height: 18px;
    }

    .PaySuccessPg .PaySuccessBox button.RedButton, .PaySuccessPg .PaySuccessBox button.BTRB {
        width: 145px !important;
        font-size: 11px !important;
        height: 36px !important;
        margin: 0px 3px !important;
    }

    .WhatsNxtDiv ul {
        margin-bottom: 10px;
    }

    .PaySuccessPg #pay_success h2.top-heading {
        font-size: 18px;
    }

    .PaySuccessPg #pay_success h3.top-heading, #pay_failed h3.top-heading {
        font-size: 12px;
    }

        .PaySuccessPg #pay_failed h3.top-heading span, .PaySuccessPg #pay_success h3.top-heading span {
            font-size: 22px;
        }

    .PaySuccessPg .TransactDetTable .row > DIV {
        width: 100%;
    }

        .PaySuccessPg .TransactDetTable .row > DIV:nth-child(2) {
            border-left: 0px;
        }
}




/**--- Minutes Timer ---**/
.MinutesCountdown {
    position: fixed;
    right: 10px;
    top: 50%;
    width: auto;
    z-index: 99;
    padding: 8px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 50%;
}

.TimerDiv {
    width: 96px;
    height: 96px;
    position: fixed;
    top: 50%;
    right: 8px;
    z-index: 99;
    border-radius: 50%;
    background-color: #20DF6C;
    border: 8px solid #FFF;
    box-shadow: 0px 3px 6px #00000029;
}

    .TimerDiv .TimerInnerDiv {
        width: 62px;
        height: 62px;
        border-radius: 50%;
        background-color: #fff;
        border: 1px solid #000;
        margin: 0px auto;
        margin-top: 9px;
    }

.TimerInnerDiv span {
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    float: left;
    line-height: 20px;
}

    .TimerInnerDiv span:first-child {
        margin-top: 15px;
    }

    .TimerInnerDiv span:last-child {
        font-size: 12px;
    }

/**----- Image Preview Popup -----**/
.ImgPreview.modal {
    z-index: 9999;
}

    .ImgPreview.modal .modal-dialog-centered {
        width: 100%;
        max-width: 100% !important;
    }

        .ImgPreview.modal .modal-dialog-centered .modal-content {
            height: 100vh;
            margin: 0px auto;
            padding: 0px;
            background-color: #22261a;
            border-radius: 0px !important;
        }

    .ImgPreview.modal .ImgPreviewSect {
        position: absolute;
        top: 70px;
        bottom: 124px;
        text-align: center;
        border-top: 1px solid #ECEFF1;
        border-bottom: 1px solid #ECEFF1;
    }

        .ImgPreview.modal .ImgPreviewSect .DisplayTable {
            margin: 0px auto;
        }

.DisplayTableCell {
    display: table-cell;
    vertical-align: middle;
    margin: 0px auto;
    padding: 45px 0px;
}

.ImgPreview.modal .ImgPreviewSect .ImgPreviewSectBox {
    height: 100%;
    margin: 0px auto;
    padding: 45px 0px;
}

.ImgPreview.modal .ImgPreviewSect img {
    max-width: 100%;
    height: 100%;
    float: none;
    margin: 0px auto;
}

.ImgPreview.modal .HeadingSect {
    height: 70px;
    background-color: #13120E;
}

.ImgPreview.modal .FooterSect1 {
    position: absolute;
    bottom: 54px;
    height: 70px;
    background-color: #13120E;
}

.ImgPreview.modal .FooterSect2 {
    position: absolute;
    height: 54px;
    bottom: 0px;
    background-color: #181816;
}

    .ImgPreview.modal .FooterSect2 > .row > DIV {
        color: #fff;
        font-size: 20px;
        text-align: center;
    }

.DocCapt_ErrMsg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    float: none !important;
    background-color: #fff;
    width: inherit !important;
}


/**------------------------------------------------------------------------------- Upload Doc Page -------------------------------------------------------------------------------------**/
.UploadDocPg .RadioColapsAccord .accordion-section-title {
    font-family: poppinsR;
}

.RedClipImg {
    width: 26px;
    margin-left: 10px;
}

.HiddenChooseFile {
    opacity: 0;
    position: absolute;
}

.PreviewImgDiv {
    display: flex;
    align-items: flex-end;
    margin-top: 40px;
}

.ChoosenFileImg {
    width: 90px;
    float: left;
    overflow: hidden;
    border-radius: 6px;
    margin-right: 15px;
    text-align: center;
}

    .ChoosenFileImg img {
        max-height: 100px;
        max-width: 100%;
        width: 100%;
        margin: 0px auto;
        border-radius: 6px;
    }

    .ChoosenFileImg a {
        height: 100%;
        width: auto;
        display: inline-table;
        position: relative;
        text-align: center;
        overflow: hidden;
        border-radius: 6px;
    }

        .ChoosenFileImg a:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 8;
            background-image: url("../images/path.png");
            background-repeat: no-repeat;
            text-align: center;
            background-position: center;
            background-size: 20px;
            background-color: #00000029;
            border-radius: 6px;
        }

    .ChoosenFileImg.EditImgTxt a:before {
        background-image: none;
        background-color: transparent;
    }

    .ChoosenFileImg.EditImgTxt a span {
        display: block;
        text-align: center;
        padding: 10px 0px;
        color: #0000FF;
        font-size: 14px;
    }

.DeleteBtn {
    width: 100%;
    font-size: 12px;
    border-radius: 4px;
    color: #EF4123;
    display: inline-block;
    padding: 2px 5px;
    font-weight: bold;
    cursor: pointer;
}

.modalfooter {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 15px;
}

    .modalfooter button {
        width: 135px !important;
        height: 45px;
        font-size: 16px;
        font-weight: 100;
        font-family: 'poppinsR';
        margin: 0px 10px;
    }

.ImgCaptureCntnt {
    background-color: #000;
    width: 100%;
    height: 300px;
    max-height: 490px;
    /* overflow: hidden; */
    overflow-x: hidden;
    float: left;
    padding: 5px;
    text-align: center;
    display: flex;
    /* align-items: center; */
}

    .ImgCaptureCntnt img {
        /*width: 100%;*/
        width: auto;
        margin: 0px auto;
        max-width: 100%;
        height: auto;
        max-height: inherit;
    }

.CaptureButtonCntnt, .RetakeUploadButtonCntnt {
    padding: 15px;
}

    .RetakeUploadButtonCntnt i.fa-repeat {
        font-size: 22px;
    }

.DarkBlackBg {
    background-color: #000;
}

.PT0px {
    padding-top: 0px !important;
}

.CaptureImgPopup .modal-content, .PreviewImgPopup .modal-content {
    border-radius: 16px;
}

.LeftBindClip, .RightBindClip {
    position: absolute;
    top: -65px;
    width: 20px;
}

.LeftBindClip {
    left: 5px;
}

.RightBindClip {
    right: 5px;
}

.SkipNowPopup .modal-body p {
    font-size: 18px;
    margin-bottom: 0px;
}
/*.UploadDocPg .uploadSummary .InputDiv
{
	text-align:left;
}*/


@media only screen and (max-width:1300px) {
    .sec_1st input + label {
        font-size: 14px;
        margin-top: 0px;
        display: block;
        margin-left: 0px;
    }
}

@media only screen and (max-width:1200px) {
    .ChoosenFileImg {
        margin-right: 7px;
    }
}

@media only screen and (max-width:767px) {
    .ChoosenFileImg a:before {
        background-size: 16px;
    }

    #upload_documents {
        padding: 0px 15px;
    }

        #upload_documents DIV.box_styl {
            padding: 10px 0px;
        }

        #upload_documents .container.sec_2nd {
            overflow: hidden;
        }

        #upload_documents DIV.container.sec_2nd {
            padding-left: 10px;
            padding-right: 10px;
        }

            #upload_documents DIV.container.sec_2nd .box_bg_colr .PTB20px {
                padding-top: 10px;
                padding-bottom: 15px;
            }

        #upload_documents DIV.container.sec_3rd {
            padding-left: 15px;
        }

    .BTRB.WidthAuto {
        padding: 4px 5px;
    }

    .RedClipImg {
        width: 22px;
        margin-left: 6px;
    }

    .SkipDocTxt {
        color: #00629E;
        font-family: poppinsR;
        font-size: 14px;
        text-align: left;
        width: auto;
        padding: 0px;
        border-bottom: 1px solid #00629E;
        cursor: pointer;
    }

    #upload_documents .uploadSummary {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .ChoosenFileImg {
        width: 65px;
    }

        .ChoosenFileImg img {
            max-height: 75px;
        }

        .ChoosenFileImg a:before {
            background-size: 16px;
        }

    .sec_3rd .uploadSummary {
        display: block;
    }

    #upload_documents h2.LabelTxt span {
        width: 100%;
        float: left;
        line-height: 12px;
    }

    #upload_documents h2.LabelTxt {
        font-size: 16px;
    }

    .verify {
        text-align: center;
    }

    #upload_documents DIV.verify input[type="button"] {
        border-radius: 8px;
        padding: 8px 14px;
        color: #EF4123;
        font-size: 12px;
        text-align: center;
        margin-top: 25px;
        font-family: poppinsM;
        font-weight: 600;
    }

    #upload_documents .process_btn button.RedButton {
        width: 105px;
        font-size: 12px;
    }
}

/**--
- Datepicker IOS style ---**/
DIV.dw-inline {
    position: relative;
}

DIV.dwbg {
    z-index: 99;
    position: absolute;
    top: 40px;
    background-color: #fff !important;
    border-radius: 30px;
    box-shadow: -1px 8px 31px #00000052;
}

DIV.android-ics.light .dwwo, DIV.android-ics .dwwo {
    background: -webkit-gradient(linear,left bottom,left top,from(#ffffff),color-stop(0.52,rgba(245,245,245,0)),color-stop(0.48,rgba(245,245,245,0)),to(#ffffff));
}
/*------------------------------------------------------------------------ Arunendra CSS  ----------------------------------------------------------------------------*/


.z_in {
    z-index: 1;
}

.inr-padding {
    padding: 100px 200px;
}


.pd_20 {
    padding: 20px 20px;
}

.in-fl {
    display: inline-flex;
}


/*-------------------------- Payment page Css ----------------------------------*/
.pay_pro_clas {
    font-size: 12px;
    color: #0475BC;
    padding: 0px 20px;
    margin-top: 30px;
}

#pay_details .content_centr {
    width: 760px;
    height: 100%;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    justify-content: center;
    align-items: center;
    border: 1px dashed #0475BC;
    border-radius: 10px;
    position: relative;
}

.content_centr .top-heading {
    position: absolute;
    top: -22px;
    left: 0;
    right: 0;
    width: max-content;
    text-align: center;
    background-color: #fff;
    padding: 0px 13px;
    margin: 0px auto;
    color: #EF4123;
    font-size: 24px;
    font-family: poppinsR;
}

.PaymentDetPg .content_centr .top-heading + DIV > DIV:nth-child(3) {
    padding: 20px 12px;
    padding-bottom: 0px;
}

    .PaymentDetPg .content_centr .top-heading + DIV > DIV:nth-child(3) .tbl_bg > DIV:nth-child(1),
    .PaymentDetPg .content_centr .top-heading + DIV > DIV:nth-child(3) .tbl_bg > DIV:nth-child(2),
    .PaymentDetPg .content_centr .top-heading + DIV > DIV:nth-child(3) .tbl_bg > DIV:nth-child(3) {
        padding: 0px 30px;
    }

    .PaymentDetPg .content_centr .top-heading + DIV > DIV:nth-child(1),
    .PaymentDetPg .content_centr .top-heading + DIV > DIV:nth-child(2),
    .PaymentDetPg .content_centr .top-heading + DIV > DIV:nth-child(3) .tbl_bg > DIV:nth-child(4) .tbl_row_bg {
        padding: 0px 18px;
    }

.PaymentDetPg .LoginTabsCntn .SelfTab .RedButton, .PaymentDetPg .LoginTabsCntn .SelfTab .Plr,
#pay_failed > DIV:nth-child(2) .RedButton, #pay_failed > DIV:nth-child(2) .Plr,
.PaySuccessPg .RedButton {
    height: 46px;
    width: 140px;
}

#pay_failed .Plr.dwnlod i.fa-download input, .PaySuccessPg .Plr.dwnlod i.fa-download input {
    line-height: 24px;
    background-color: transparent;
}

.PaymentDetPg .LoginTabsCntn .SelfTab .Plr, #pay_failed > DIV:nth-child(2) .Plr {
    line-height: 35px;
}

.PaymentDetPg .LoginTabsCntn .SelfTab .Plr {
    font-size: 16px;
}

.PaymentDetPg .content_centr .bordr_botm .tbl_contnt .ChkBoxCntnr, .PaymentDetPg input {
    font-size: 16px;
    color: #000000;
}

.PaymentDetPg .content_centr .tbl_row_bg .ChkBoxCntnr, .PaymentDetPg .content_centr .tbl_row_bg input.color_placeholder {
    font-size: 16px;
    font-family: poppinsB;
}

.PaymentDetPg .content_centr .ChkBoxCntnr {
    padding-left: 0px;
    margin-bottom: 0px;
}

.top-heading h2.wrap {
    position: relative;
    top: -20px;
    background: #fff;
}

.PaymentDetPg .LoginTabsMainDiv .LoginTabsCntn .SelfTab, .PayFailPg .LoginTabsMainDiv .LoginTabsCntn .SelfTab {
    margin-bottom: 20px;
}

.tbl_bg .bordr_botm,
.bordr_botm {
    border-bottom: 1px dashed #707070;
}

#pay_details .tbl_bg {
    background: #FAFAFA;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

#pay_details input {
    background: #fafafa;
}

#pay_details .tbl_bg .tbl_row_bg {
    background: #ececec;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

#pay_details input.color_placeholder::placeholder {
    color: #0475BC;
}

#pay_details input.color_placeholder {
    color: #0475BC;
    background: #ececec;
}

#pay_details .tbl_contnt {
    display: table-cell;
    vertical-align: middle;
    line-height: 45px;
}

#pay_details .tbl_contnt_L {
    display: table-cell;
    vertical-align: middle;
    line-height: 45px;
    padding-right: 0;
}

#pay_details .tbl_contnt_R {
    display: table-cell;
    vertical-align: middle;
    line-height: 45px;
    padding-left: 0;
}

.cus_pd {
    padding: 0px 20px;
}

.e-wallet-heading h3.txt-color {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 0px;
}

.bordr_botm .tbl_contnt {
    padding: 0px;
}

.txt-color {
    color: #0475BC !important;
}


.Plr {
    width: 200px;
    border: 2px solid #ED412D;
    border-radius: 4px;
    color: #000000;
    font-size: 16px;
    padding: 6px 0px;
    text-align: center;
    background-color: transparent;
}

#pay_details .Plr input[type="button"],
#pay_failed .Plr input[type="button"] {
    background-color: transparent;
}


.pay-container input {
    background: transparent;
}

.row.tbl_bg label.payboxfrm {
    font-weight: bold;
    font-size: 14px;
}


#pay_details h2 span {
    font-size: 28px;
    font-family: poppinsB;
}

#pay_details div.fnt-12 {
    font-size: 14px;
}

#pay_details .payboxfrm {
    display: block;
    font-family: 'poppinsR';
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    ;
    margin-bottom: 0;
    cursor: pointer;
    color: #272727;
    user-select: none;
}

.payboxfrm input::placeholder {
    color: #272727;
    font-weight: bold;
}

.PaymentDetPg #pay_details .LoginTabsMainDiv .SelfTab > DIV > DIV.row {
    justify-content: center;
}

    .PaymentDetPg #pay_details .LoginTabsMainDiv .SelfTab > DIV > DIV.row > DIV {
        text-align: center !important;
        width: auto;
    }

@media only screen and (max-width:991px) {
    .MainColapsContainer.PaymentDetPg {
        padding: 20px 40px;
    }

    .content_centr .top-heading {
    }

    .PaymentDetPg .LoginTabsCntn .SelfTab .RedButton, .PaymentDetPg .LoginTabsCntn .SelfTab .Plr, #pay_failed > DIV:nth-child(2) .RedButton, #pay_failed > DIV:nth-child(2) .Plr, .PaySuccessPg .RedButton {
        height: 45px;
        width: 130px;
    }

    .PaymentDetPg .LoginTabsCntn .SelfTab .Plr, #pay_failed > DIV:nth-child(2) .Plr {
        line-height: 29px;
    }

    .PaymentDetPg .LoginTabsCntn .SelfTab .Plr, .PaymentDetPg input {
        font-size: 12px;
    }
}

@media only screen and (max-width:767px) {
    DIV.PaymentDetPg .content_centr .top-heading + DIV > DIV:nth-child(3) {
        padding: 20px 4px;
    }

    #pay_details .tbl_bg {
        padding-left: 10px;
        padding-right: 10px;
    }

    .content_centr .top-heading {
        font-size: 18px;
    }

    #pay_details h2 span {
        font-size: 24px;
    }

    .content_centr .top-heading {
        top: -18px;
    }

    .e-wallet-heading h3.txt-color {
        font-size: 14px;
    }

    #pay_details .tbl_contnt {
        width: 50%;
        line-height: 35px;
    }

    .PaymentDetPg .content_centr .tbl_row_bg .ChkBoxCntnr, .PaymentDetPg .content_centr .tbl_row_bg input.color_placeholder {
        font-size: 12px;
        font-family: poppinsM;
    }

    .PaymentDetPg .content_centr .top-heading + DIV > DIV:nth-child(3) .tbl_bg > DIV:nth-child(1), .PaymentDetPg .content_centr .top-heading + DIV > DIV:nth-child(3) .tbl_bg > DIV:nth-child(2), .PaymentDetPg .content_centr .top-heading + DIV > DIV:nth-child(3) .tbl_bg > DIV:nth-child(3) {
        padding: 0px 14px;
    }

    .PaymentDetPg .content_centr .top-heading + DIV > DIV:nth-child(1), .PaymentDetPg .content_centr .top-heading + DIV > DIV:nth-child(2), .PaymentDetPg .content_centr .top-heading + DIV > DIV:nth-child(3) .tbl_bg > DIV:nth-child(4) .tbl_row_bg {
        padding: 0px 0px;
    }

    .PaymentDetPg .content_centr .bordr_botm .tbl_contnt .ChkBoxCntnr, .PaymentDetPg input {
        font-size: 12px;
    }

    .tbl_bg .bordr_botm, .bordr_botm {
        border-bottom: 0px;
    }

    .MainColapsContainer.PaymentDetPg {
        margin-top: 180px;
    }

    .PaymentDetPg .LoginTabsCntn .SelfTab .RedButton, .PaymentDetPg .LoginTabsCntn .SelfTab .Plr, #pay_failed > DIV:nth-child(2) .RedButton, #pay_failed > DIV:nth-child(2) .Plr, .PaySuccessPg .RedButton {
        height: 35px;
    }

    .PaymentDetPg .LoginTabsCntn .SelfTab .Plr, #pay_failed > DIV:nth-child(2) .Plr {
        line-height: 20px;
    }

    #pay_details div.fnt-12 {
        font-size: 12px;
        margin-top: 15px;
    }
}

@media only screen and (max-width:551px) {

    DIV.PaymentDetPg .content_centr .top-heading + DIV > DIV:nth-child(3) {
        padding-bottom: 0px;
    }

    .content_centr .top-heading {
        font-size: 15px;
    }

    #pay_details h2 span {
        font-size: 20px;
    }

    .MainColapsContainer.PaymentDetPg {
        padding: 20px 15px;
    }

    #pay_details .content_centr {
        padding: 0px 10px;
    }

    #pay_details .tbl_contnt {
        padding: 0px 8px;
    }

    .PaymentDetPg .content_centr .top-heading + DIV > DIV:nth-child(3) {
        padding: 20px 14px;
    }

        .PaymentDetPg .content_centr .top-heading + DIV > DIV:nth-child(3) .tbl_bg > DIV:nth-child(1), .PaymentDetPg .content_centr .top-heading + DIV > DIV:nth-child(3) .tbl_bg > DIV:nth-child(2), .PaymentDetPg .content_centr .top-heading + DIV > DIV:nth-child(3) .tbl_bg > DIV:nth-child(3) {
            padding: 0px 2px;
        }
}

@media only screen and (max-width:480px) {
    .content_centr .top-heading {
        font-size: 12px;
    }

    #pay_details h2 span {
        font-size: 16px;
    }

    .content_centr .top-heading {
        top: -14px;
    }

    .e-wallet-heading h3.txt-color {
        font-size: 12px;
    }

    #pay_details input {
        width: 100%;
    }

    .PaymentDetPg .content_centr .tbl_row_bg .ChkBoxCntnr, .PaymentDetPg .content_centr .tbl_row_bg input.color_placeholder {
        line-height: 16px;
        padding: 5px 0px;
    }

    .PaymentDetPg .LoginTabsCntn .SelfTab .RedButton, .PaymentDetPg .LoginTabsCntn .SelfTab .Plr, #pay_failed > DIV:nth-child(2) .RedButton, #pay_failed > DIV:nth-child(2) .Plr, .PaySuccessPg .RedButton {
        width: 108px;
    }

    .MainColapsContainer.PaymentDetPg {
        margin-top: 135px;
    }
}
/*-------------- payment failed & success page css -----------------*/

#pay_success .img,
#pay_failed .img {
    text-align: center;
    margin-bottom: 10px;
}

#pay_failed h2.top-heading,
#pay_failed h3.top-heading,
#pay_success h2.top-heading,
#pay_success h3.top-heading {
    text-align: center;
}

#pay_failed h2.top-heading {
    font-family: poppinsB;
    font-size: 25px;
    color: #ED412D !important;
}


#pay_success h3.top-heading,
#pay_failed h3.top-heading {
    font-family: poppinsB;
    font-size: 18px;
}

    #pay_failed h3.top-heading span,
    #pay_success h3.top-heading span {
        font-weight: 800;
        font-size: 25px;
    }


#pay_failed .content_centr,
#pay_success .content_centr {
    width: max-content;
    height: 100%;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px dashed #0475BC;
    border-radius: 10px;
    padding-right: 0;
    padding-left: 0;
}

#pay_failed .main_content label, #pay_success .main_content label,
#pay_failed .main_content label input, #pay_success .main_content label input {
    font-size: 16px;
    color: #000;
}

#pay_failed .main_content,
#pay_success .main_content {
    width: 600px;
    height: auto;
    opacity: 1;
}

#pay_failed .col.Plr.dwnlod,
#pay_success .col.Plr.dwnlod {
    margin-left: auto;
    margin-right: auto;
    width: 250px;
}

    #pay_failed .col.Plr.dwnlod a, #pay_success .col.Plr.dwnlod a, #pay_failed .col.Plr.dwnlod a input[type="button"],
    #pay_success .col.Plr.dwnlod a input[type="button"] {
        color: #000;
    }

    #pay_failed .col.Plr.dwnlod input[type="button"],
    #pay_success .col.Plr.dwnlod input[type="button"] {
        font-size: 14px;
        color: #000;
        font-family: poppinsR;
        font-weight: 600;
        background-color: transparent;
    }

#pay_failed .BoxCntnr,
#pay_success .BoxCntnr {
    font-family: poppinsR;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    color: #000000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


#pay_failed .img,
#pay_success .img {
    margin-top: 50px;
}

    #pay_failed .img img,
    #pay_success .img img {
        width: 60px;
    }

#pay_success h2.top-heading {
    font-family: poppinsB;
    font-size: 24px;
    font-weight: bold;
    color: #3BB54A;
}

.PaySuccessPg DIV.PaySuccessBox {
    padding: 30px 30px;
    position: relative;
}

    .PaySuccessPg DIV.PaySuccessBox:last-child {
        margin-bottom: 50px;
    }

.TransactDetTable {
    border: 1px dashed #0475BC;
    border-radius: 4px;
    padding: 8px 5px;
    margin-top: 30px;
}

    .TransactDetTable label, .TransactDetTable span {
        width: auto;
        float: left;
        font-size: 16px;
    }

        .TransactDetTable label span {
            float: right;
            padding: 0px 3px;
        }

    .TransactDetTable .row > DIV:nth-child(2) {
        border-left: 1px dashed #707070;
        border-right: 1px dashed #707070;
    }

.PaySuccessBox .LeftBindClip, .PaySuccessBox .RightBindClip {
    top: -47px;
}

.PaySuccessBox .LeftBindClip {
    left: 10px;
}

.PaySuccessBox .RightBindClip {
    right: 10px;
}

.TransactDetTable.EMandateDetTable .row > DIV:nth-child(2) {
    border-left: 0px;
    border-right: 0px;
}

.TransactDetTable.EMandateDetTable {
    margin-top: 0px;
    padding: 0px 25px;
}

.EMandateDetTable > .row {
    padding: 8px 0px;
    border-bottom: 1px dashed #707070;
}

    .EMandateDetTable > .row:last-child {
        border-bottom: 0px;
    }

.TransactDetTable i {
    padding: 0px 3px;
}

.PaySuccessPg .PaySuccessBox button.RedButton, .PaySuccessPg .PaySuccessBox button.BTRB {
    width: 163px;
    display: inline-block;
    border-radius: 4px;
    height: 46px;
    font-size: 16px;
    margin: 0px 5px;
}

@media only screen and (max-width:991px) {
    #pay_success h2.top-heading {
        font-size: 22px;
    }

    #pay_success h3.top-heading, #pay_failed h3.top-heading {
        font-size: 16px;
    }
}

@media only screen and (max-width:767px) {
    .MainColapsContainer.PaySuccessPg {
        margin-top: 185px;
    }
}

@media only screen and (max-width:480px) {
    #pay_failed .img img, #pay_success .img img {
        width: 55px;
    }

    #pay_failed .col.Plr.dwnlod, #pay_success .col.Plr.dwnlod {
        width: 225px;
        padding: 4px 0px;
    }
}
/*------------- Upload page css ----------------*/

div#upload_documents .upload_doc_contnr {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
}

#upload_documents h2.LabelTxt {
    font-size: 14px;
    font-weight: bold;
    font-family: poppinsR;
    color: #000;
    width: 100%;
    float: left;
    margin-bottom: 0;
}

    #upload_documents h2.LabelTxt span {
        font-size: 12px;
        font-weight: 500;
        color: #0475BC;
    }

#upload_documents .verify input[type="button"] {
    width: max-content;
    border: 2px solid #ED412D;
    border-radius: 4px;
    color: #000000;
    font-size: 14px;
    /* font-weight: bold; */
    font-family: poppinsR;
    padding: 8px 10px;
    text-align: center;
    background-color: transparent;
}

#upload_documents .uplod-doc-box .verify input[type="button"],
#upload_documents .uplod-doc-box .process_btn .RedButton {
    margin-top: 10px;
}

#upload_documents .box_styl, .PaySuccessPg .PaySuccessBox {
    /*background: #FAFAFA 0% 0% no-repeat padding-box;*/
    box-shadow: 0px 1px 3px #0000006e;
    border-radius: 8px;
    padding: 10px;
}

#upload_documents .ul_wrap {
    padding-left: 0;
}

    #upload_documents .ul_wrap .box_styl label {
        position: relative;
        font-size: 16px;
        color: #0475BC;
        font-family: poppinsM;
        /* background: #FFFFFF 0% 0% no-repeat padding-box; */
    }

#upload_documents .sec_2nd .box_bg_colr {
    background: #FCF9F8 0% 0% no-repeat padding-box;
}

.box_styl .AccordBtn {
    margin-top: 0;
}

.PT20px {
    padding-top: 20px;
}

.PB20px {
    padding-bottom: 20px;
}

.PTB20px {
    padding-top: 20px;
    padding-bottom: 20px;
}

#upload_documents .container.sec_2nd {
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 20px
}

#upload_documents .container.sec_3rd {
    padding-left: 0;
}

#upload_documents .process_btn .RedButton {
    width: 120px;
    border: 2px solid #ED412D;
    font-size: 14px;
    font-weight: bold;
    font-family: poppinsR;
    padding: 8px 10px;
    text-align: center;
}

#upload_documents .uploadSummary {
    color: #5A5A5A;
    font-size: 12px;
}

.uploadSummary input[type='radio'] {
    transform: scale(1.5);
    position: relative;
    top: 3px;
    display: none;
}

    .uploadSummary input[type='radio']:checked:after {
        content: '';
        background: #0475BC 0% 0% no-repeat padding-box;
        display: inline-block;
    }

.uploadSummary .radio-item .row label {
    color: #0475BC;
    font-size: 14px;
    font-weight: 500;
}

.uploadSummary {
    display: none;
}

#divOne,
.list-box {
    display: none;
}

input.imgUpload {
    display: inline-block;
    width: 40%;
    position: relative;
    top: -30px;
    padding: 57px 0 0 0;
    height: 60px;
    border: 2px solid red;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/capture.png) center center no-repeat #ffffff;
    background-size: 40px 40px;
}

input.list_img {
    display: block;
    width: 80%;
    height: 60px;
    padding: 60px 0 0 0;
    background: url(../images/bs-id-card.png) left no-repeat #ffffff;
}

.box .file_upld {
    display: inline-block;
    width: 80%;
    position: relative;
    top: -30px;
    height: 60px;
    border: 2px solid red;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
}

.file_upld label.slct_file {
    position: absolute;
    top: 20px;
    color: #ed412d !important;
    padding-left: 10px;
}

input.selectfile {
    display: block;
    width: 62px;
    position: absolute;
    top: 0px;
    left: 85px;
    padding: 56px 0 0 0;
    height: 60px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: url(../images/path.png) center center no-repeat #ffffff;
}

select.form-select.select-doc {
    box-shadow: none;
    border-color: #95989A;
}
/*---------------------------- Media query for responsive devices ----------------------------*/
/*===========================================================================================*/


/*............................. Media query for minimum width .............................*/

@media (min-width: 1366px) {
    div#upload_documents .upload_doc_contnr {
        width: 1241px;
    }

    #upload_documents h2.LabelTxt {
        line-height: 60px;
    }
}

@media (min-width: 1200px) and (max-width: 1366px) {
    div#upload_documents .upload_doc_contnr {
        width: 1015px;
    }
}

@media (min-width: 991px) and (max-width: 1200px) {
    div#upload_documents .upload_doc_contnr {
        width: 860px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    div#upload_documents .upload_doc_contnr {
        width: 700px;
    }
}

@media (min-width: 768px) {
    #upload_documents h2.LabelTxt {
        line-height: 60px;
    }
}

/*============================== Media query for maximum width ==============================*/

@media (max-width: 1199px) {
    #pay_details .content_centr {
        width: 660px;
    }
}

@media (max-width: 1068px) {
    .SUDRoyalLogo {
        font-size: 14px;
    }

    .TabBtnDiv {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .e-wallet-heading h3 {
        font-size: 21px;
    }

    /*.HeadHomeImg {
        width: 15px;
        margin-top: 20px;
        margin-right: 5px;
        margin-left: 0;
    }*/

    .SUDRoyalLogo {
        padding: 8px 5px;
        margin: 6px 5px;
    }

    .Top_Fixed .ApplNo {
        font-size: 12px;
        margin-top: 10px;
    }

    #pay_details .content_centr {
        width: 100%;
    }

    .TabBtnDiv {
        font-size: 10px;
    }

    .pay_pro_clas {
        font-size: 9px;
    }

    #upload_documents h2.LabelTxt {
        line-height: 30px;
        margin-top: 15px;
    }
}

@media (max-width: 620px) {
    .Top_Fixed .SubmsnFor {
        font-size: 12px;
    }
}

@media (max-width: 576px) {
    .SUDRoyalLogo {
        font-size: 10px;
        margin: 6px 10px;
    }

    .TalktoSupBtn img {
        width: 12px;
        margin-right: 5px;
    }

    .TalktoSupBtn {
        font-size: 10px;
        padding: 6px 7px;
    }

    .HeadHomeImg {
        /* display: none; */
    }

    .Top_Fixed {
        text-align: center;
    }

        .Top_Fixed .SubmsnFor {
            font-size: 10px;
        }

        .Top_Fixed .ApplNo {
            font-size: 14px;
            text-align: center;
            float: none;
        }

    .top-heading h2.wrap {
        font-size: 15px;
        top: -25px;
    }

        .top-heading h2.wrap span {
            font-size: 20px;
        }
}


@media (max-width: 448px) {
    .W_448 {
        text-align: center;
        margin-bottom: 20px;
    }

    .Plr {
        margin-left: auto;
        margin-right: auto;
    }

    #upload_documents DIV.verify input[type="button"] {
        padding: 7px 14px;
        font-size: 12px;
    }

    .SkipDocTxt {
        font-size: 12px;
    }

    .MobileScrenAlign .row:first-child > DIV {
        width: 100%;
        float: left;
    }

    .sec_1st input + label {
        margin-left: 6px;
    }

    .MobileScrenAlign > .row:first-child > DIV:last-child {
        text-align: center;
        margin: 5px 0px;
    }

    .MobileScrenAlign .row:first-child > DIV:last-child > button:first-child {
        margin-right: 40px !important;
    }
}



.AddMorePolicyBtn {
    position: absolute;
    right: -144px;
    /*bottom: 27%;
	right:0px;*/
    bottom: 5%; /** 21% **/
    width: auto;
}

.BackBtn span {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    float: left;
    margin: 0px auto;
    margin-left: 11px;
}

    .BackBtn span i {
        font-size: 15px;
        color: #0475bb;
        margin-top: 2px;
    }

.PaySuccessPg .bordr_botm .BoxCntnr, .PaySuccessPg .content_centr .main_content .in-fl .BoxCntnr {
    width: 100%;
}

    .PaySuccessPg .bordr_botm .BoxCntnr span, .PaySuccessPg .content_centr .main_content .in-fl .BoxCntnr span {
        float: right;
        padding: 0px 5px;
    }

.PaySuccessPg .bordr_botm label.fnt-wt {
    word-break: break-all;
    line-height: 15px;
}

/**---------------------- Upload Document New Page Design 02092021	--------------------------------------**/
.TabBtn {
    display: none;
}

.TabBtnCntnt {
    margin-top: 30px;
}

.TabTwoCntnt {
    border-left: 1px solid #ccc;
}

.TabBtnCntnt .TabOneCntnt, .TabBtnCntnt .TabTwoCntnt {
    padding-left: 30px;
}

.TabBtnCntnt h1 {
    font-size: 18px;
    font-family: poppinsM;
    font-weight: bold;
    width: 100%;
    float: left;
    text-align: left;
    color: #000000;
}

button.BTRB.SelectBtn {
    padding: 6px 12px;
}

.UD_Row {
    padding: 25px 0px;
}

    .UD_Row label.ChkBoxCntnr {
        color: #272727;
    }

.AlignItem_Flexend {
    align-items: flex-end;
}

.AlignItem_Center {
    align-items: center;
}

.AddSameAsId .ToggleSwitchBtn .slider {
    left: 407px;
    right: auto;
}

.JustifyContCenter {
    justify-content: center;
}

.B0px {
    border: 0px !important;
}

.AddSameAsId .ToggleSwitchDiv {
    padding: 8px 0px;
    width: calc(100% - 245px);
}

.AddSameAsId .ToggleSwitchRadioOptDiv.AddDisableDiv {
    opacity: 0.4;
    pointer-events: none;
}

.AddSameAsId .ToggleSwitchRadioOptDiv {
    opacity: 1;
    pointer-events: all;
    padding-left: 0px;
    padding-right: 0px;
}

.AddSameAsId .ToggleSwitchDiv, .AddSameAsId .ToggleSwitchRadioOptDiv {
    background: none;
}

.SkipPara {
    color: #272727;
    font-family: poppinsB;
    font-size: 20px;
    margin-top: 20px;
}

.UploadDocPg .CustRadioBtn {
    margin-right: 0px;
}

    .UploadDocPg .CustRadioBtn .label-visible {
        margin-left: 24px;
    }

.MR40px {
    margin-right: 40px;
}

.ML40px {
    margin-left: 40px;
}

.UploadAccTypeBtn input[type="radio"] {
    z-index: 999;
    position: absolute;
    opacity: 0;
    width: 100%;
}

    .UploadAccTypeBtn input[type="radio"] + label .OrangeRadioBtn {
        left: 0px;
        top: 1px;
    }

    .UploadAccTypeBtn input[type="radio"] + label {
        padding-left: 15px;
    }

.UploadAccTypeBtn .row > label, .UploadAccTypeBtn .row > DIV {
    position: relative;
}

@media only screen and (max-width:991px) {
    .UploadAccTypeBtn .OrangeRadioBtn {
        width: 13px;
        height: 13px;
    }

    .UploadAccTypeBtn input[type="radio"]:checked + label .OrangeRadioBtn:after {
        width: 7px;
        height: 7px;
        transform: translateX(-48%) translateY(-53%);
    }

    .sec_1st .UploadAccTypeBtn input + label {
        margin-left: 0px;
        font-size: 12px;
        padding-left: 9px;
    }

    .UploadAccTypeBtn .row > DIV {
        margin-right: 10px;
    }

    .UploadAccTypeBtn input[type="radio"] + label .OrangeRadioBtn {
        left: 0px;
        top: 2px;
    }

    .UploadAccTypeBtn > .row > DIV:nth-child(4) {
        padding-left: 7px;
    }

    .TabBtnCntnt h1 {
        font-size: 16px;
    }

    .AddSameAsId .ToggleSwitchDiv {
        width: calc(100% - 0px);
    }

    .AddSameAsId .ToggleSwitchHead > span:first-child {
        width: calc(100% - 0%);
    }

    .AddSameAsId .PreviewImgDiv {
        margin: 30px;
    }

    .ChoosenFileImg {
        width: 65px;
    }

        .ChoosenFileImg img {
            max-height: 75px;
        }

    .RedClipImg {
        width: 22px;
    }

    .BTRB.WidthAuto {
        padding: 6px 10px;
    }

    button.BTRB.SelectBtn {
        padding: 4px 10px;
    }

    .SkipPara {
        font-size: 16px;
    }

    .AddSameAsId .ToggleSwitchBtn .slider {
        left: 262px;
    }
}

@media only screen and (max-width:767px) {
    .UploadAccTypeBtn .row > label, .UploadAccTypeBtn .row > DIV {
        padding-left: 15px;
        padding-right: 15px;
    }

    .UploadAccTypeBtn .OrangeRadioBtn {
        width: 14px;
        height: 14px;
    }

    .sec_1st .UploadAccTypeBtn input + label {
        padding-left: 3px;
        font-size: 13px;
    }

    .MainColapsContainer.UploadDocPg {
        margin-top: 180px;
    }

    .TabBtnCntnt {
        border: 1px solid #EF4123;
        border-radius: 4px;
        margin-top: 0px;
    }

    .TabBtn, .TabOneCntnt.UDTabCntntActive, .TabTwoCntnt.UDTabCntntActive {
        display: block;
    }

    .TabOneCntnt, .TabTwoCntnt {
        display: none;
    }

    .TabBtn {
        display: flex;
    }

        .TabBtn b {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            float: left;
            height: 100%;
        }

    .TabTwoCntnt {
        border-left: 0px;
    }

    .TabBtn .UDTab:last-child {
        margin-left: -1px;
    }

    .TabBtnCntnt h1 {
        display: none;
    }

    button.BTRB.SelectBtn {
        padding: 2px 4px;
    }

    .TabBtn .UDTab {
        background-color: #EFEFEF;
        border-radius: 8px 8px 0px 0px;
        border: 1px solid #EF4123;
        width: 45%;
        float: left;
        text-align: center;
        padding: 8px 5px;
        margin-bottom: -8px;
        z-index: 8;
        position: relative;
        color: #000;
        font-size: 12px;
    }

    .UDTab.UD_TabActive {
        background-color: #fff;
        border-bottom: 0px;
        border-bottom-left-radius: 0px;
    }

    .AddSameAsId .ToggleSwitchDiv {
        width: calc(100% - 10px);
    }

    .TabBtnCntnt .TabOneCntnt, .TabBtnCntnt .TabTwoCntnt {
        padding-left: 20px;
        padding-right: 20px;
    }

    .SkipPara {
        font-size: 13px;
        text-align: left !important;
    }

    #upload_documents DIV > DIV:last-child DIV.verify input[type="button"] {
        margin-top: 20px;
    }
    /*.AddSameAsId .ToggleSwitchBtn .slider {
    left: 279px;
    top: -2px;
}*/
    .AddSameAsId .ToggleSwitchBtn .slider {
        left: auto;
        top: -10px;
        right: 0;
    }

    .AddSameAsId .ToggleSwitchHead > span:first-child {
        width: calc(100% - 29%);
    }
}

@media only screen and (max-width:551px) {
    .AddSameAsId .ToggleSwitchBtn .slider {
        top: 0px;
    }
}

@media only screen and (max-width:480px) {
    .sec_1st .UploadAccTypeBtn input + label {
        font-size: 12px;
        padding-left: 10px;
    }

    .UploadAccTypeBtn > .row > DIV:nth-child(4) {
        padding-left: 18px;
    }

    #upload_documents DIV > .UploadAccTypeBtn DIV:last-child DIV.verify input[type="button"] {
        margin-top: 20px;
    }

    .UploadAccTypeBtn input[type="radio"] + label .OrangeRadioBtn {
        left: 0px;
    }

    .UploadDoc_NewSect .TabOneCntnt .UD_Row > .row:first-child > .WidthAuto.ML40px, .UploadDoc_NewSect .TabTwoCntnt .UD_Row > .row:first-child > .WidthAuto.ML40px {
        margin-left: 0px;
    }

    .AddSameAsId .ToggleSwitchBtn .slider {
        top: 0px;
    }
}
/**--- css to lock screen and unlock selected section ---**/
.MainContainer, .LockMe {
    position: relative;
}

    .MainContainer.LockMe:before, .LockMe:before {
        content: "";
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.5);
        z-index: 999;
        height: 100%;
    }

.UnlockMe {
    z-index: 999;
    position: relative;
}

.W70px, .modalfooter button.W70px {
    width: 70px !Important;
}


/**--- Error message page ---**/
.ErrorMsgpg {
    padding-top: 215px;
    padding-right: 15px;
    padding-left: 15px;
}

@media only screen and (max-width:767px) {
    .ErrorMsgpg h4 {
        font-size: 15px;
    }

    .ErrorMsgpg .Erroricon {
        width: 40px;
    }
}

/**---------------	Product Selection Page (PlanSelectPg)	-----------------------**/

.PlanSelectPg .BlueHead {
    color: #0475BC;
    font-family: poppinsL;
    font-size: 18px;
    text-align: center;
}

    .PlanSelectPg .BlueHead strong {
        font-family: poppinsM;
    }

.PlanCntnScrollDiv {
    overflow-y: auto;
    width: 100%;
    float: left;
}

.PlanBoxCntnMainDiv.PlanCntnScrollDiv {
    overflow-y: hidden;
    overflow-x: auto;
    height: 900px;
    width: 100%;
    float: left;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .PlanBoxCntnMainDiv.PlanCntnScrollDiv::-webkit-scrollbar {
        display: none;
    }

.PlanCntnDiv {
    width: max-content;
    /* height: 100%; */
    height: 345px;
    padding: 41px 0px;
    margin: 0px auto;
    display: flex;
    align-items: flex-start;
}

.PlanBox {
    width: 320px;
    height: 100%;
    background: rgba(250, 250, 250, 1) 0% 0% no-repeat padding-box;
    box-shadow: 0px 9px 24px rgba(4, 117, 188, 0.44);
    border-radius: 8px;
    padding: 15px;
    margin-right: 20px;
    border: 5px solid rgba(250, 250, 250, 1);
    display: inline-block;
    cursor: pointer;
    transition: 0.5s ease-out all;
    position: relative;
    padding-bottom: 35px;
}

.PlanBoxActive {
    border: 5px solid #0475BC;
    position: relative;
}

    .PlanBoxActive:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #0475BC;
        bottom: -21px;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0px auto;
    }

.PlanBoxHead {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .PlanBoxHead h4 {
        color: #0475BC;
        font-family: poppinsM;
        font-size: 18px;
        text-align: left;
    }

    .PlanBoxHead img {
        width: 65px;
    }

.PlanBoxTxt {
    font-size: 13px;
    color: #000;
    text-align: left;
    font-family: 'poppinsL';
    margin-bottom: 0px;
}

.PlanTabDataCntnDiv {
    border: 2px solid #EF4123;
    border-radius: 8px;
    border-top-left-radius: 0px;
    padding: 15px;
    position: relative;
    display: none;
}

.PlanTabMainDiv {
    /*position: absolute;
    top: -38px;
    left: -2px;*/
    background-color: #fff;
    width: max-content;
    float: left;
}

.PlanTabDiv {
    color: rgba(4, 117, 188, 1);
    font-size: 16px;
    font-family: poppinsB;
    background: rgba(239, 239, 239, 1) 0% 0% no-repeat padding-box;
    width: auto;
    float: left;
    border: 2px solid #EF4123;
    border-bottom: 0px;
    padding: 15px 5px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-right: 5px;
    cursor: pointer;
}

    .PlanTabDiv:last-child {
        margin-right: 0px;
    }

    .PlanTabDiv.PlanTabDivActive {
        background-color: #fff;
    }

.PlanTabContainer {
    margin-bottom: -18px;
    z-index: 99;
    position: relative;
}

.BlueCircleLi {
    position: relative;
    font-size: 16px;
    margin-bottom: 10px;
}

    .BlueCircleLi:before {
        content: "";
        position: absolute;
        left: -28px;
        top: 4px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #0475BC;
    }

.PlanKnowMore {
    width: auto;
    float: left;
    text-decoration: underline;
    font-family: poppinsB;
    margin-top: 10px;
    position: absolute;
    bottom: 10px;
}

.KnowMoreList > DIV:before {
    content: "";
    position: absolute;
    left: 0;
    margin-top: 4px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
}

.KnowMoreList > DIV {
    margin-bottom: 8px;
    text-align: left;
}

    .KnowMoreList > DIV strong {
        font-weight: 600;
    }

.PlanKnowMore, .KnowMoreList, .PlanKnowMore > span:last-child, .PlanBoxBlueActive .PlanKnowMore > span:first-child {
    display: none;
}

.PlanBoxBlueActive .KnowMoreList {
    display: block;
    font-size: 12px;
    display: block;
    padding-left: 22px;
    font-family: 'poppinsL';
    position: relative;
    margin-top: 10px;
}

.PlanBoxBlueActive {
    background-color: #0475BC;
    z-index: 999;
}

    .PlanBoxBlueActive > DIV {
        position: absolute;
        height: auto;
        background-color: #0475BC;
        left: -5px;
        right: -5px;
        top: -5px;
        z-index: 999;
        padding: 0px 15px;
        padding-top: 15px;
        border-radius: 8px;
        /* border-bottom-right-radius: 8px; */
        box-shadow: 0px 9px 24px rgb(4 117 188 / 44%);
    }
/*.PlanBoxBlueActive > DIV:after
{
	bottom: -18px;
}*/
.PlanCntnHideScroll {
    overflow-x: hidden;
}

.PlanBoxBlueActive .PlanBoxHead h4, .PlanBoxBlueActive .PlanBoxTxt, .PlanBoxBlueActive .KnowMoreList, .PlanBoxBlueActive .PlanKnowMore {
    color: #fff;
}

    .PlanBoxBlueActive .PlanKnowMore > span:last-child {
        display: block;
    }

.PlanBoxBlueActive .PlanKnowMore {
    position: relative;
    margin-bottom: 10px;
}

.PlanTabCntnMainDiv {
    display: none;
    margin-bottom: 90px;
    margin-top: -535px;
    /*position: absolute;
    left: 0;
    right: 0;
    top: 410px;	*/
}

.PlanBoxHead .WhiteImg, .PlanBoxBlueActive .PlanBoxHead .ColorImg {
    display: none;
}

.PlanBoxBlueActive .PlanBoxHead .WhiteImg {
    display: block;
}


.EligibilityCretTable table, .EligibilityCretTable table td {
    border: 1px solid #000;
    font-size: 16px;
    padding: 8px 12px;
}

.PlanTabDataCntnDiv .HowPlanWork p {
    font-size: 16px;
}

.EligibilityCretTable .GreyTxt {
    font-size: 12px;
    color: #687d8a;
}

.EligibilityCretTable .OverflowScroll {
    overflow: auto;
    width: 100%;
    float: left;
}

/*.PlanBox.PlanBoxActive > DIV:after, .PlanBox.PlanBoxBlueActive > DIV:after
{
	display:none;
}
.PlanBox.PlanBoxActive.PlanBoxActive > DIV:after
{
	display:block;
}*/

@media only screen and (max-width:991px) {
    .PlanTabDataCntnDiv .RadioColapsAccord .accordion-section-content {
        padding: 0px 38px;
        padding-right: 15px;
    }

    .EligibilityCretTable table, .EligibilityCretTable table td {
        font-size: 14px;
    }
}

@media only screen and (max-width:767px) {
    .EligibilityCretTable table, .EligibilityCretTable table td {
        font-size: 12px;
    }

    .PlanKnowMore {
        display: block;
    }

    .PlanCntnDiv {
        padding-bottom: 30px;
        padding-top: 20px;
    }

    .PlanBox {
        width: 250px;
    }

    .BlueCircleLi {
        font-size: 12px;
    }

        .BlueCircleLi:before {
            left: -22px;
            top: 3px;
            width: 12px;
            height: 12px;
        }

    .PlanSelectPg .BlueHead {
        font-size: 16px;
    }

    .PlanTabDataCntnDiv .HowPlanWork p {
        font-size: 12px;
    }

    .WhyChooseDiv .sourceline, .HowPlanWork h4, .EligibilityCretTable .GreyTxt {
        font-size: 10px;
    }
}

@media only screen and (max-width:480px) {
    .PlanCntnDiv {
        height: 330px;
    }

    .PlanBox {
        padding: 10px;
        margin-right: 15px;
    }

    .PlanSelectPg .BlueHead {
        font-size: 14px;
    }

    .PlanBoxHead h4 {
        font-size: 16px;
        padding-right: 22px;
    }

    .PlanBoxTxt {
        font-size: 12px;
    }

    .PlanTabCntnMainDiv {
        margin-top: -555px;
    }

    .PlanBoxCntnMainDiv.PlanCntnScrollDiv {
        margin-top: 8px;
    }

    .EligibilityCretTable table, .EligibilityCretTable table td {
        padding: 5px 8px;
    }
}

/*-----------------	Edit Address Popup	--------------------*/
.EditAddPopup .modalfooter button {
    min-height: 45px;
    line-height: 18px;
    font-size: 14px;
}

@media only screen and (max-width:480px) {
    .EditAddPopup h5 {
        font-size: 14px;
    }

    .EditAddPopup .modalfooter {
        display: block;
    }

        .EditAddPopup .modalfooter button {
            width: 100% !important;
            float: none;
            margin: 0px auto;
            margin-bottom: 10px;
        }
}
/**-----------------	Form Filling Assistance	--------------------**/
.FormFillApp_Popup .modal-body > h3 {
    color: #0475BC;
    font-family: poppinsR;
    font-weight: 600;
    font-size: 18px;
}

.FormFillApp_Popup .modal-body > p {
    font-family: poppinsB;
    font-size: 16px;
}

.FormFillApp_Popup .RadioColapsAccord .accordion-section {
    position: relative;
    z-index: 99;
    border: 2px solid #DEDEDE;
    box-shadow: none;
    border-radius: 8px;
}

    .FormFillApp_Popup .RadioColapsAccord .accordion-section .accordion-section-title {
        background-image: none !important;
        padding-right: 30px !important;
        box-shadow: none;
        border-radius: 8px;
        min-height: 32px;
    }

.accordion-section.AccordSectActive, .accordion-section.AccordSectActive .accordion-section-content {
    background: #FFF4F2 0% 0% no-repeat padding-box;
}

.RadioColapsAccord .accordion-section-title.active:before {
    display: none;
}

.FormFillApp_Popup .AccordBlakTitle {
    font-family: poppinsB;
    font-size: 16px;
    text-align: left;
    color: #000;
    width: auto;
    position: initial; /* absolute */
    left: 50px;
    right: 20px;
    bottom: 0;
    top: 8px;
    z-index: -1;
    display: contents;
}

    .FormFillApp_Popup .AccordBlakTitle span, .FormFillApp_Popup .accordion-section-title.active .AccordBlakTitle span {
        font-family: poppinsL;
        font-size: 13px;
        line-height: 18px;
        float: left;
        font-weight: normal;
    }

.FormFillApp_Popup .AccordDashRow button.BTRB {
    font-size: 12px;
    padding: 8px 5px;
    border-radius: 4px;
}

    .FormFillApp_Popup .AccordDashRow button.BTRB i.fa-check {
        font-size: 16px;
        margin-right: 5px;
    }

    .FormFillApp_Popup .AccordDashRow button.BTRB strong {
        font-size: 14px;
        font-weight: bold;
    }

    .FormFillApp_Popup .AccordDashRow button.BTRB.Checked {
        background: #0475BC 0% 0% no-repeat padding-box;
        border: 2px solid #0475BC;
        color: #fff;
    }

.poppinsB {
    font-family: poppinsB;
}

.FormFillApp_Popup .TabBtnCntnt h1 {
    font-size: 12px;
}

.FormFillApp_Popup .TabBtnCntnt {
    margin-top: -5px;
    margin-bottom: 0px;
}

    .FormFillApp_Popup .TabBtnCntnt .UD_Row {
        padding-bottom: 0px;
    }

.ImgGreyHead {
    text-align: center;
    color: #9D9D9D;
    font-size: 12px;
    width: 100%;
    float: left;
}

.FormFillApp_Popup .TabBtnCntnt .TabOneCntnt, .FormFillApp_Popup .TabBtnCntnt .TabTwoCntnt {
    padding-left: 15px;
}

.FormFillApp_Popup .AccordBtn {
    margin-top: 0px;
}

.FormFillApp_Popup.modal {
    z-index: 99999;
}

.modal-open .modal-backdrop, .modal-backdrop {
    z-index: 9999;
}

.Popup_CloseBtn {
    position: absolute;
    right: -40px;
    top: -20px;
    width: 22px;
    height: 22px;
    color: #fff;
    background-color: #5A5A5A;
    opacity: 1;
    border-radius: 50%;
    border: 2px solid #fff;
    background: none;
    z-index: 99;
}

    .Popup_CloseBtn.btn-close:hover {
        opacity: 1;
        color: #fff;
    }

    .Popup_CloseBtn i {
        font-size: 19px;
        margin-top: 1px;
    }


.YourPolicyDet {
    background: #F1F1F1;
    padding: 10px 15px;
    position: absolute;
    left: -10px;
    right: -10px;
}


@media only screen and (max-width:1024px) {
    .FormFillApp_Popup .modal-dialog.modal-xl {
        max-width: 900px;
    }
}

@media only screen and (max-width:991px) {
    .FormFillApp_Popup .modal-dialog.modal-xl {
        max-width: 700px;
    }

    .FormFillApp_Popup .AccordBlakTitle span, .FormFillApp_Popup .accordion-section-title.active .AccordBlakTitle span {
        font-size: 12px;
    }

    .FormFillApp_Popup .accordion-section-content .AccordDashRow {
        padding: 0px 34px;
    }
}

@media only screen and (max-width:767px) {
    .FormFillApp_Popup .TabBtn .UDTab:first-child {
        margin-left: 0px !important;
    }

    .ekycskippopup h5 {
        font-size: 16px;
    }

    .FormFillApp_Popup .Popup_CloseBtn {
        right: 5px;
        top: 5px;
        color: #fff;
        background-color: #ef4123;
        border: 0px solid #ef4123;
    }

        .FormFillApp_Popup .Popup_CloseBtn.btn-close:hover {
            color: #fff;
        }

    .FormFillApp_Popup .TabBtnCntnt.PanNoCntnt {
        padding-top: 40px;
        padding-left: 20px;
    }

    .UDTab.UD_TabActive {
        background-color: #fff4f2;
    }

    .FormFillApp_Popup .modal-body > h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .FormFillApp_Popup .modal-body > p {
        font-size: 12px;
    }

    .FormFillApp_Popup .AccordBlakTitle {
        font-size: 14px;
    }

        .FormFillApp_Popup .AccordBlakTitle span, .FormFillApp_Popup .accordion-section-title.active .AccordBlakTitle span {
            font-size: 11px;
            line-height: 15px;
        }

    .FormFillApp_Popup .RadioColapsAccord .accordion-section {
        margin-bottom: 8px
    }
}

@media only screen and (max-width:551px) {
    .FormFillApp_Popup .TabBtnCntnt .TabOneCntnt:nth-last-of-type(1) .UD_Row > .AlignItem_Flexend > DIV {
        width: 90% !important;
    }

    .FormFillApp_Popup .TabBtn .UDTab {
        font-size: 10px;
    }

    .FormFillApp_Popup .SelectBtn .HiddenChooseFile + img {
        float: none !Important;
    }
}

@media only screen and (max-width:480px) {
    .FormFillApp_Popup .TabBtn .UDTab {
        font-size: 10px;
    }

    .FormFillApp_Popup .AccordDashRow button.BTRB {
        padding: 3px 5px;
    }

    .FormFillApp_Popup .ChoosenFileImg {
        float: none;
        margin: 0px auto;
    }

        .FormFillApp_Popup .ChoosenFileImg + button {
            margin-top: 5px !important;
            margin: 0px auto;
            float: none !important;
        }

    .FormFillApp_Popup #accordion-1_1 > .AccordDashRow:first-child > .row > DIV {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }
}


/**--- DocumentUpload Changes by NitinJ as on 01122021	---**/

#upload_documents .UploadAccTypeBtn .verify.verified input {
    background: #0475BC 0% 0% no-repeat padding-box;
    border: 2px solid #0475BC;
    background-color: #0475BC;
    color: #fff;
    padding: 8px 21px;
    padding-right: 5px;
    text-align: right;
}

#upload_documents .UploadAccTypeBtn .verify {
    position: relative;
}

    #upload_documents .UploadAccTypeBtn .verify i {
        display: none;
    }

    #upload_documents .UploadAccTypeBtn .verify.verified i {
        display: block;
        position: absolute;
        top: 14px;
        left: 6px;
        color: #fff;
    }


/**-----	New Product Seletion page design as on 20122021	-----**/
.MainContainer.PlanSelectPg {
    padding: 0px;
}

.PrdtPlanBoxCntnr, .SubPrdtTabMainDiv, .SubPrdtTabCntnt > DIV:first-child, .SubPrdtFeatureTabCntnt, .SubPrdtFeatureTabMainDiv, .TellUsAbutU {
    padding: 0px 120px;
}

.PrdtSelectMainDiv {
    width: 100%;
    float: left;
    background-color: #0475BC;
    margin-top: 175px;
    padding: 0px;
}

    .PrdtSelectMainDiv > .PlanCntnScrollDiv {
        height: 225px;
        margin-top: -110px;
        padding-top: 15px;
    }

.PrdtPlanBoxCntnr {
    display: flex;
    justify-content: space-between;
    border: 0px;
    width: max-content;
    float: left;
    /* margin:0px auto; */
}

.PrdtPlanBox {
    width: 250px;
    padding: 10px;
    text-align: center;
    margin: 0px 25px; /*0px 67px;*/
    display: inline-block;
    background-color: #fff;
    border-radius: 15px;
    cursor: pointer;
    border-top: 10px solid #fff;
    box-shadow: 0px 2px 8px #0475bc70;
    -webkit-box-shadow: 0px 2px 8px #0475bc70;
    -moz-box-shadow: 0px 2px 8px #0475bc70;
}

    .PrdtPlanBox.PPBactive {
        border-top: 10px solid #0475BC;
        background-color: #ECF3F9;
        position: relative;
    }

        .PrdtPlanBox.PPBactive:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 15px solid #fff;
            bottom: -18px;
            left: 0;
            right: 0;
            text-align: center;
            margin: 0px auto;
        }

.PrdtPlanBoxCntnr .PrdtPlanBox:first-child {
    margin-left: 0px;
}

.PrdtPlanBoxCntnr .PrdtPlanBox:last-child {
    margin-right: 0px;
}

.PrdtPlanBox span {
    width: 100%;
    float: left;
    text-align: center;
    line-height: 28px;
    margin-top: 10px;
    display: flex;
    align-items: end;
    justify-content: center;
    height: 56px;
    font-size: 22px;
    font-family: "poppinsM";
    font-weight: 600;
    color: #000;
}

.PrdtPlanBox.PPBactive span {
    color: #0373B9 !important;
}

.PrdtPlanBox img {
    margin: 0px auto;
    width: 53px;
    margin-top: 10px;
}

.PrdtPlanCntntBox {
    display: none;
}

.SubPrdtTabMainDiv {
    display: flex;
    align-items: center;
    width: max-content;
}

.SubPrdtTab {
    color: #fff;
    opacity: 0.54;
    width: auto;
    font-size: 24px;
    margin-right: 30px;
    display: inline-block;
    cursor: pointer;
    border-bottom: 4px ​solid transparent;
}

    .SubPrdtTab:last-child {
        margin-right: 0px;
    }

    .SubPrdtTab.SPTactive {
        opacity: 1;
        border-bottom: 4px solid #EF4123;
    }

.SubPrdtTabList {
    padding-left: 0px;
}

    .SubPrdtTabList li {
        width: 50%;
        float: left;
        color: #fff;
        font-size: 15px;
        display: flex;
        align-items: flex-start;
    }

        .SubPrdtTabList li i {
            margin-right: 5px;
            margin-top: 3px;
            font-size: 16px;
        }


.SubPrdtTabCntnt {
    display: none;
}

    .SubPrdtTabCntnt p {
        color: #fff;
        font-size: 14px;
        text-align: left;
    }

.SubPrdtTabPara {
    padding-right: 224px;
}

.SubPrdtTabBtns input[type="button"] {
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    width: 212px;
    padding: 6px 4px;
    margin-right: 10px;
}

    .SubPrdtTabBtns input[type="button"].RedBtn {
        background-color: #ED412D;
        border-color: #ED412D;
    }


.SubPrdtFeatureTabMainDiv {
    margin-top: 20px;
    width: 100%;
    float: left;
}

.SubPrdtFeatureTab {
    color: #0475BC;
    font-size: 16px;
    text-align: center;
    width: 216px;
    padding: 8px 5px;
    border-radius: 4px 4px 0px 0px;
    background-color: #EFEFEF;
    display: inline-block;
    margin: 0px auto;
    margin-right: 3px;
    cursor: pointer;
}

    .SubPrdtFeatureTab.SPFTactive {
        background-color: #fff;
        font-family: "poppinsB";
    }

.SubPrdtTabCntnt .SubPrdtFeatureTabCntnt {
    width: 100%;
    float: left;
    background-color: #fff;
    display: none;
    padding-top: 30px;
}

.SubPrdtFeatureTabCntnt .FixedBBHead, .TellUsAbutU .FixedBBHead {
    color: #0475BC;
    margin-bottom: 50px;
}

    .SubPrdtFeatureTabCntnt .FixedBBHead span, .TellUsAbutU .FixedBBHead span {
        color: #EF4123;
        margin-left: 6px;
    }

.SubPrdtFeatureTabCntnt .KeyBenefitBox .OrangeHead {
    color: #000000;
    font-weight: 600;
    font-size: 22px;
    font-family: "poppinsM";
}

.SubPrdtFeatureTabCntnt .KeyBenefitBox p, .SubPrdtFeatureTabCntnt .HowPlanWork p {
    color: #000;
}

.SubPrdtFeatureTabCntnt .KeyBenefitBox {
    margin-top: 10px;
}

.TellUsAbutU {
    padding: 0px 90px;
    margin-top: 50px;
    margin-bottom: 120px;
}

    .TellUsAbutU h4 {
        opacity: .80;
        font-size: 22px;
        margin-bottom: 25px;
        width: 100%;
        float: left;
    }

    .TellUsAbutU .YourNameRow {
        margin-right: 6px;
    }

/*.SubPrdtTabCntnt .FixedBBHead, .TellUsAbutU .FixedBBHead
{
	width: auto;
	float: none;
	display:inline-flex;
}
.SubPrdtTabCntnt .FixedBBHead:before, .TellUsAbutU .FixedBBHead:before
{
	width: 80%;
}*/
.MobInput.InputDiv > span {
    margin-top: 1px;
}

.PlanSelectPg .FixedFooter {
    background: #fff;
    height: 73px;
    border: 0px;
}


@media only screen and (max-width:1600px) {
    .SubPrdtTabPara {
        padding-right: 16px;
    }

    .MobInput.InputDiv > span {
        margin-top: 0px;
    }

    .PrdtPlanBoxCntnr, .SubPrdtTabMainDiv, .SubPrdtTabCntnt > DIV:first-child, .SubPrdtFeatureTabCntnt, .SubPrdtFeatureTabMainDiv, .TellUsAbutU {
        padding: 0px 90px;
    }
}

@media only screen and (max-width:1500px) {
    .PrdtSelectMainDiv > .PlanCntnScrollDiv {
        height: 205px;
    }

    .PrdtPlanBox, .MainPrdtBoxCntnr .swiper-slide {
        width: 200px !Important;
        margin: 0px 30px;
    }

        .PrdtPlanBox img {
            margin-top: 5px;
        }

        .PrdtPlanBox span {
            line-height: 22px;
            height: 44px;
            font-size: 18px;
        }

    .SubPrdtTab {
        font-size: 22px;
    }

    .SubPrdtTabPara {
        padding-right: 13px;
    }

    .SubPrdtTabBtns input[type="button"] {
        font-size: 14px;
        width: 170px;
    }

    .SubPrdtFeatureTab {
        font-size: 14px;
        width: 174px;
    }
}

@media only screen and (max-width:1300px) {
    .SubPrdtFeatureTab {
        width: 160px;
    }

    .SubPrdtTabBtns input[type="button"] {
        width: 156px;
    }

    .TellUsAbutU .YourNameRow {
        margin-right: 5px;
    }

    .PrdtPlanBox {
        margin: 0px 15px;
    }

        .PrdtPlanBox img {
            width: 50px;
        }

    .PrdtPlanBoxCntnr, .SubPrdtTabMainDiv, .SubPrdtTabCntnt > DIV:first-child, .SubPrdtFeatureTabCntnt, .SubPrdtFeatureTabMainDiv, .TellUsAbutU {
        padding: 0px 80px;
    }

    .PrdtPlanBox.PPBactive:after {
        border-left: 13px solid transparent;
        border-right: 13px solid transparent;
        border-top: 13px solid #fff;
        bottom: -16px;
    }
}

@media only screen and (max-width:1200px) {
    .SubPrdtTabPara {
        padding-right: 60px;
    }

    .SubPrdtTabBtns input[type="button"] {
        width: 200px;
    }

    .SubPrdtFeatureTab {
        width: 204px;
    }
}

@media only screen and (max-width:1024px) {
    .PrdtPlanBoxCntnr, .SubPrdtTabMainDiv, .SubPrdtTabCntnt > DIV:first-child, .SubPrdtFeatureTabCntnt, .SubPrdtFeatureTabMainDiv, .TellUsAbutU {
        padding: 0px 65px;
    }

        .SubPrdtFeatureTabCntnt .KeyBenefitBox .OrangeHead {
            font-size: 18px;
        }

    .PrdtPlanBox, .MainPrdtBoxCntnr .swiper-slide {
        width: 220px !important;
    }
}

@media only screen and (max-width:991px) {
    .PrdtPlanBox, .MainPrdtBoxCntnr .swiper-slide {
        width: 200px !important;
        margin: 0px 12px;
    }

    .PrdtSelectMainDiv > .PlanCntnScrollDiv {
        height: 195px;
    }

    .PrdtPlanBox img {
        margin-top: 5px;
    }

    .PrdtPlanBox span {
        height: 40px;
        font-size: 18px;
        line-height: 20px;
    }

    .SubPrdtTab {
        font-size: 20px;
    }

    .PrdtPlanBoxCntnr, .SubPrdtTabMainDiv, .SubPrdtTabCntnt > DIV:first-child, .SubPrdtFeatureTabCntnt, .SubPrdtFeatureTabMainDiv, .TellUsAbutU {
        padding: 0px 35px;
    }

        .SubPrdtFeatureTabCntnt .KeyBenefitBox {
            margin-top: 5px;
        }

        .SubPrdtFeatureTabCntnt .FixedBBHead, .TellUsAbutU .FixedBBHead {
            margin-bottom: 45px;
        }

        .PrdtPlanBoxCntnr .PrdtPlanBox:first-child {
            margin-left: 0px;
        }

        .PrdtPlanBoxCntnr .PrdtPlanBox:last-child {
            margin-right: 12px;
        }
}

@media only screen and (max-width:767px) {
    .TellUsAbutU h4 {
        font-size: 16px;
    }

    .SubPrdtTabPara {
        padding-right: 19px;
    }

    .SubPrdtTabCntnt p {
        font-size: 12px;
    }

    .PrdtSelectMainDiv {
        margin-top: 140px;
    }

        .PrdtSelectMainDiv > .PlanCntnScrollDiv {
            margin-top: -93px;
        }

    .SubPrdtTab {
        font-size: 18px;
    }

    .SubPrdtTabBtns input[type="button"] {
        margin-right: 4px;
        font-size: 12px;
        width: 150px;
    }

    .SubPrdtFeatureTab {
        width: 152px;
        font-size: 12px;
    }

    .TellUsAbutU .Width100perc .row > DIV {
        margin-bottom: 10px;
    }

    .TellUsAbutU {
        margin-bottom: 80px;
    }

    .PrdtPlanBox, .MainPrdtBoxCntnr .swiper-slide {
        width: 170px !important; /*185px*/
    }

        .PrdtPlanBox span {
            height: 35px;
            font-size: 14px;
            line-height: 18px;
        }

        .PrdtPlanBox img {
            width: 45px;
            margin-top: 0px;
        }

    .PrdtSelectMainDiv > .PlanCntnScrollDiv {
        height: 180px;
    }

    .SubPrdtTabCntnt .SubPrdtFeatureTabCntnt {
        padding-top: 25px;
    }
}

@media only screen and (max-width:551px) {
    .PlanSelectPg .FixedFooter {
        height: 46px;
    }

    .TellUsAbutU h4 {
        font-size: 14px;
    }

    .SubPrdtTabList li, .SubPrdtTabList li i {
        font-size: 12px;
    }

    .PrdtPlanBoxCntnr, .SubPrdtTabMainDiv, .SubPrdtTabCntnt > DIV:first-child, .SubPrdtFeatureTabCntnt, .SubPrdtFeatureTabMainDiv, .TellUsAbutU {
        padding: 0px 15px;
    }

    .PrdtSelectMainDiv {
        margin-top: 110px;
    }

        .PrdtSelectMainDiv > .PlanCntnScrollDiv {
            margin-top: -85px;
        }

    .SubPrdtTabBtns input[type="button"] {
        width: 144px;
    }

        .SubPrdtTabBtns input[type="button"]:last-child {
            margin-right: 0px;
        }

    .SubPrdtFeatureTab {
        width: 144px;
    }

    .SubPrdtFeatureTabCntnt .KeyBenefitBox .OrangeHead {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .SubPrdtFeatureTabCntnt .KeyBenefitBox:first-child {
        margin-top: 0px;
    }

    .SubPrdtFeatureTabCntnt .KeyBenefitBox {
        margin-top: 10px;
    }
}

@media only screen and (max-width:480px) {
    .SubPrdtTabList li {
        width: 100%;
    }

    .TellUsAbutU {
        margin-bottom: 40px;
    }

    .SubPrdtTab {
        font-size: 14px;
    }

        .SubPrdtTab, .SubPrdtTab.SPTactive {
            border-bottom-width: 2px;
        }

    .SubPrdtTabCntnt p {
        font-size: 10px;
    }

    .PrdtPlanBox span {
        font-size: 14px;
        line-height: 16px;
        height: 32px;
        margin-top: 7px;
    }

    .PrdtPlanBox img {
        width: 40px;
    }

    .PrdtPlanBox, .MainPrdtBoxCntnr .swiper-slide {
        width: 145px !important;
        margin: 0px 8px;
    }

    .PrdtSelectMainDiv > .PlanCntnScrollDiv {
        height: 165px;
    }

    .SubPrdtTabBtns input[type="button"] {
        width: 135px;
        margin-bottom: 5px;
    }

        .SubPrdtTabBtns input[type="button"]:last-child {
            margin-bottom: 0px;
        }

    .SubPrdtFeatureTabMainDiv {
        display: flex;
    }

    .SubPrdtFeatureTab {
        line-height: 17px;
        padding: 8px 6px;
    }

    .SubPrdtTabCntnt .SubPrdtFeatureTabCntnt {
        padding-top: 15px;
    }

    .SubPrdtFeatureTabCntnt .FixedBBHead, .TellUsAbutU .FixedBBHead {
        margin-bottom: 38px;
    }

    .KeyBenefitBox img {
        margin-right: 14px;
    }

    .SubPrdtFeatureTabCntnt .KeyBenefitBox .OrangeHead {
        font-size: 14px;
    }

    .SubPrdtFeatureTabCntnt .KeyBenefitBox {
        margin-top: 6px;
    }
}


/**--- changes as on 19022022 ---**/
/*HelpYouKnowBetter Popup on ProductSelection Page*/
.modalfooterPara {
    color: #979797;
    opacity: .80;
    font-size: 22px;
    width: 100%;
    float: left;
    text-align: center;
}

.HKBPopup .modal-body {
    padding: 30px;
}

.HKBPopup .InputDiv label, .HKBPopup .BrdrLabelInpDiv label {
    font-size: 16px;
    color: rgb(0 0 0 / 60%);
}

.HKBPopup .InputDiv input, .HKBPopup .BrdrLabelInpDiv .InputField .CustSelect__trigger {
    font-size: 18px;
    font-weight: normal;
}

.HKBPopup .InputRowDIV > DIV {
    margin: 30px 0px;
}

.HKBPopup .MobInput.InputDiv > span input {
    height: 28px;
}

span.select2-container.select2 {
    width: 100% !important;
}

span.select2-container--default .select2-selection--single {
    border: 0px;
}

span.select2-container.select2-container--open {
    z-index: 9999;
}

.select2-search__field {
    position: relative;
}

.BrdrLabelInpDiv .InputField .select2-container--open .select2-dropdown {
    width: 100% !important;
    left: -6px !important;
}

.BrdrLabelInpDiv .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #F5F6F7;
    border: 0px !important;
}

.BrdrLabelInpDiv .select2-search.select2-search--dropdown {
    position: relative;
}

    .BrdrLabelInpDiv .select2-search.select2-search--dropdown:after {
        content: 'Search';
        position: absolute;
        left: 40px;
        top: 10px;
        color: #000;
        opacity: .90;
        font-size: 12px;
    }

    .BrdrLabelInpDiv .select2-search.select2-search--dropdown input:focus {
        z-index: 999;
    }

.BrdrLabelInpDiv ul.select2-results__options li.select2-results__option {
    background-image: url('../images/gateofindia.png');
    background-position: 7px 0px;
    background-repeat: no-repeat;
    background-size: 25px;
    padding-left: 40px;
}

.BrdrLabelInpDiv .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: transparent;
    color: #000;
}

.BrdrLabelInpDiv input.select2-search__field {
    padding-left: 35px;
    background-image: url('../images/searchicon.png');
    background-repeat: no-repeat;
    background-position: 6px center;
    background-size: 20px;
}

.BrdrLabelInpDiv .InputField span.select2-container.select2-container--open {
    left: 5px !important;
    right: -7px;
}

.ModalGreyCloseBtn img {
    width: 35px;
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
}

@media only screen and (max-width:1200px) {
    .modalfooterPara {
        font-size: 20px;
    }
}

@media only screen and (max-width:991px) {
    .HKBPopup .modal-body {
        padding: 15px;
    }

    .HKBPopup .InputDiv label, .HKBPopup .BrdrLabelInpDiv label {
        font-size: 12px;
    }

    .HKBPopup .InputDiv input, .HKBPopup .BrdrLabelInpDiv .InputField .CustSelect__trigger {
        font-size: 14px;
    }

    .HKBPopup .MobInput.InputDiv > span {
        width: 48px;
    }

    .HKBPopup .MobInput.InputDiv > input {
        width: calc(100% - 53px);
    }

    .HKBPopup .modalfooterPara {
        font-size: 16px;
        padding: 0px 15px;
    }
}

@media only screen and (max-width:480px) {
    .HKBPopup .InputRowDIV > DIV {
        width: 100%;
        margin: 8px 0px;
    }
}
/*HelpYouKnowBetter Popup on ProductSelection Page*/

/* Solution Details Popup */
.BlueTxt {
    color: #0475BC;
}

.RedLightTxt {
    color: #ED412D;
}

.SolutionDetlPopup .modal-body {
    padding: 80px 50px
}

.SolutionDetlPopup h2 {
    font-weight: 600;
    font-family: poppinsM;
    line-height: 50px;
    width: 100%;
    float: left;
}

.SolutionDetlPopup h4 {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    margin-top: 12px;
    color: rgb(0 0 0 / 80%);
}

    .SolutionDetlPopup h4 .TalktoSupBtn {
        margin: 0px 8px;
    }

.SolutionDetlPopup .SubPrdtTabBtns {
    margin-top: 25px;
}

.modal .SubPrdtTabBtns input.OrangBrdBtn {
    font-weight: 100;
    color: #ED412D !important;
    border: 1px solid #ED412D !important;
}

.SolutionDetlPopup .SubPrdtTabBtns input[type="button"] {
    width: 192px;
    font-size: 14px;
}

.SolutionDetlBigImg {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .SolutionDetlBigImg img {
        width: 180px;
        margin: 0px auto;
    }

.SumAssuredTxt {
    color: rgb(0 0 0 / 80%);
    font-size: 18px;
    font-weight: 100;
}

.modal {
    z-index: 99999;
}

@media only screen and (max-width:1200px) {
    .SolutionDetlPopup .SubPrdtTabBtns input[type="button"] {
        width: 157px;
    }

    .SolutionDetlPopup h2 {
        font-size: 27px;
    }

    .SolutionDetlPopup h4 {
        font-size: 20px;
    }
}

@media only screen and (max-width:1024px) {

    .SumAssuredTxt {
        width: 100%;
        float: left;
        line-height: 25px;
    }
}

@media only screen and (max-width:991px) {
    .SolutionDetlPopup .modal-body {
        padding: 70px 18px;
    }

    .SolutionDetlPopup h2 {
        line-height: 35px;
        font-size: 21px;
    }

    .SolutionDetlPopup h4 {
        font-size: 13px;
    }

        .SolutionDetlPopup h4 .TalktoSupBtn {
            font-size: 10px;
        }

    .SolutionDetlPopup .TalktoSupBtn img {
        width: 12px;
    }

    .SolutionDetlPopup .SubPrdtTabBtns input[type="button"] {
        width: 110px;
        font-size: 9px;
        margin-right: 0px;
    }

    .SolutionDetlPopup .SubPrdtTabBtns {
        margin-top: 15px;
    }
}

@media only screen and (max-width:767px) {
    .SolutionDetlPopup h2 {
        text-align: center;
        margin-top: 8px;
    }

    .SolutionDetlPopup h4 {
        justify-content: center;
    }

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

        .SolutionDetlPopup .SubPrdtTabBtns input[type="button"] {
            width: 120px;
            font-size: 10px;
            margin-right: 2px;
        }

    .SolutionDetlPopup .modal-body {
        padding: 60px 18px;
    }

    .SumAssuredTxt {
        font-size: 16px;
    }
}

@media only screen and (max-width:480px) {
    .SolutionDetlPopup .modal-body {
        padding: 50px 15px;
    }

    .SolutionDetlPopup h2 {
        line-height: 25px;
        font-size: 16px;
    }

    .SolutionDetlPopup h4 {
        font-size: 11px;
    }

        .SolutionDetlPopup h4 .TalktoSupBtn {
            font-size: 8px;
        }

    .SolutionDetlPopup .TalktoSupBtn img {
        display: inline-block;
    }

    .SolutionDetlPopup h4 .TalktoSupBtn {
        margin: 0px 3px;
    }

    .SumAssuredTxt {
        font-size: 12px;
    }
}
/* Solution Details Popup */

/* Connect Expert Popup */
.ConnectExpertPopup h4 {
    color: rgb(0 0 0 / 80%);
    font-size: 22px;
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 25px;
}

.InputBoxSection .InputDiv {
    margin-bottom: 25px;
}

.ConnectExpertPopup .SubPrdtTabBtns input[type="button"] {
    width: 200px;
}

.ConnectExpertPopup .InputBoxSection {
    padding: 0px 60px;
    width: 100%;
    float: left;
}

@media only screen and (max-width:480px) {
    .ConnectExpertPopup .InputBoxSection {
        padding: 0px 6px;
    }

    .ConnectExpertPopup h4 {
        font-size: 20px;
    }

    .ConnectExpertPopup .SubPrdtTabBtns input[type="button"] {
        width: 120px;
    }
}
/* Connect Expert Popup */


/* SUD Abhay & SUD SaralJeevanBima Landing Page */
header .AbhayLogo {
    margin-top: 5px;
    width: 192px;
}

header .SJBLogo {
    width: 180px;
}

.SideRight.SUDAbhayCntnt {
    background-color: transparent;
    box-shadow: none;
}

.SUDAbhayCntnt .YourNameRow {
    width: 30%;
    float: left;
    margin-right: 35px;
}

.InputDiv.BigLabelInput label, .BrdrLabelInpDiv.BigLabelInput label, .BigLabelTxt {
    font-size: 16px;
    color: rgb(0 0 0 / 60%);
}

.InputDiv.BigLabelInput input, .BrdrLabelInpDiv.BigLabelInput .CustSelect__trigger {
    font-size: 18px;
    font-weight: 100;
    font-family: poppinsR;
}

.BigLabelInput.InputWithIcon i.fa-inr {
    font-size: 18px;
    font-weight: 100;
}

.BrdrLabelInpDiv.BigLabelInput .InputField {
    border: 1px solid #95989A;
}

.SUDAbhayCntnt .DOBWithAge > .InputDiv:last-child {
    width: 25%;
    margin-left: 10px;
}

.SUDAbhayCntnt .MobInput.InputDiv > span {
    width: 60px;
}

.SUDAbhayCntnt .MobInput.InputDiv > input {
    width: calc(100% - 66px);
}

.SUDAbhayCntnt .MobInput.InputDiv > span input {
    height: 27px;
}

.BrdrBoxRadioBtn .CustRadioBtn {
    border: 1px solid #95989A;
    border-radius: 4px;
    padding: 8px 12px;
}

    .BrdrBoxRadioBtn .CustRadioBtn .FakeRadioBtn {
        left: -27px;
        background-color: #95989A;
    }

    .BrdrBoxRadioBtn .CustRadioBtn .label-visible {
        position: relative;
    }

    .BrdrBoxRadioBtn .CustRadioBtn.CustRadioBtnActive span, .BrdrBoxRadioBtn .CustRadioBtn input[type="radio"]:checked + span {
        color: #0373B9;
    }

        .BrdrBoxRadioBtn .CustRadioBtn.CustRadioBtnActive span .FakeRadioBtn, .BrdrBoxRadioBtn .CustRadioBtn input[type="radio"]:checked + span .FakeRadioBtn {
            border: 0px;
            background-color: #0373B9;
        }

.BrdrBoxRadioBtn input[type="radio"]:checked + span .FakeRadioBtn::before {
    position: absolute;
    left: -4px;
    top: 45%;
    height: 30%;
    width: 1.5px;
    background-color: #fff;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
}

.BrdrBoxRadioBtn input[type="radio"]:checked + span .FakeRadioBtn::after {
    position: absolute;
    left: -2px;
    bottom: 0;
    height: 1.5px;
    width: 68%;
    background-color: #fff;
    content: "";
    transform: translateX(8px) translatey(3px) rotate(-45deg);
    transform-origin: left bottom;
}

.ShieldCntntPopup .ShieldCntntDiv {
    left: 0;
    right: 0;
}

.ShieldCntntPopup .modal-content {
    background-color: transparent;
    border: 0px;
}

.ShieldCntntPopup .ShldCloseBtnPopup {
    display: block;
    position: fixed;
    bottom: 60px;
    left: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
    padding: 0px 5px;
    z-index: 9;
}

    .ShieldCntntPopup .ShldCloseBtnPopup button {
        width: auto;
        font-size: 12px;
        border: 1px solid #0475BC;
        border-radius: 8px;
        padding: 6px 15px;
        background-color: #fff;
        font-family: 'poppinsM';
        box-shadow: 0px -1px 5px rgb(0 0 0 / 33%);
    }

.ShieldCntntPopup .ShieldCntntDiv {
    top: 17%;
}

.circleQuest.RedInfoIcon {
    background-color: #fff;
    color: #ED412D;
    border: 0px;
    font-size: 13px;
}

.InputDiv.BigLabelInput .circleQuest.RedInfoIcon .TopToolTip {
    font-size: 10px;
    padding: 3px 5px;
    width: 158px;
}

@media only screen and (max-width:1200px) {
    .InputDiv.BigLabelInput label, .BrdrLabelInpDiv.BigLabelInput label, .BigLabelTxt {
        font-size: 14px;
    }

    .InputDiv.BigLabelInput input, .BrdrLabelInpDiv.BigLabelInput .CustSelect__trigger {
        font-size: 16px;
    }

    .SUDAbhayCntnt .MobInput.InputDiv > span {
        width: 55px;
    }

    .SUDAbhayCntnt .MobInput.InputDiv > input {
        width: calc(100% - 60px);
    }
}

@media only screen and (max-width:991px) {
    .SideRight.SUDAbhayCntnt {
        padding-left: 0px;
    }

    .InputDiv.BigLabelInput label, .BrdrLabelInpDiv.BigLabelInput label, .BigLabelTxt {
        font-size: 10px;
    }

    .InputDiv.BigLabelInput input, .BrdrLabelInpDiv.BigLabelInput .CustSelect__trigger,
    .BigLabelInput.InputWithIcon i.fa-inr {
        font-size: 12px;
    }

    .BigLabelInput.InputWithIcon i.fa-inr {
        bottom: 3px;
    }

    .SUDAbhayCntnt .MobInput.InputDiv > span {
        width: 34px;
    }

    .SUDAbhayCntnt .MobInput.InputDiv > input {
        width: calc(100% - 39px);
    }

    .SUDAbhayCntnt .MobInput.InputDiv > span, .SUDAbhayCntnt .MobInput.InputDiv > span input, .SUDAbhayCntnt .MobInput.InputDiv > input {
        height: 19px;
    }

    .SUDAbhayCntnt.SideRight > DIV:first-child > DIV:nth-child(3) .row > DIV:last-child {
        width: 50%;
    }

    .BrdrBoxRadioBtn .CustRadioBtn {
        padding: 6px 12px;
    }

        .BrdrBoxRadioBtn .CustRadioBtn .label-visible {
            font-size: 12px;
        }

        .BrdrBoxRadioBtn .CustRadioBtn .FakeRadioBtn {
            top: 1px;
        }
}

@media only screen and (max-width:767px) {
    .SUDAbhayCntnt.SideLeft > DIV > DIV:nth-child(5) {
        margin-top: 10px;
    }

    .SUDAbhayCntnt.SideRight > DIV:first-child > DIV:first-child > .row.MT30px, .SUDAbhayCntnt.SideRight > DIV:first-child > DIV.MT30px:nth-child(2) {
        margin-top: 5px;
    }

    .SUDAbhayCntnt.SideRight > DIV:first-child > DIV.MT30px:nth-child(3), .SUDAbhayCntnt.SideRight > DIV:first-child > DIV.MT30px:nth-child(4) {
        margin-top: 15px;
    }

    .SUDAbhayCntnt .MobInput.InputDiv > span, .SUDAbhayCntnt .MobInput.InputDiv > span input, .SUDAbhayCntnt .MobInput.InputDiv > input {
        height: 30px;
    }

    .SUDAbhayCntnt.SideRight > DIV:first-child > DIV:nth-child(3) .row > DIV:first-child {
        width: 50%;
    }

    .BigLabelInput.InputWithIcon i.fa-inr {
        bottom: 9px;
    }

    .BrdrBoxRadioBtn .CustRadioBtn {
        padding: 6px 5px;
        margin-right: 4px;
    }

        .BrdrBoxRadioBtn .CustRadioBtn .label-visible {
            margin-left: 27px;
        }
}
/* SUD Abhay & SUD SaralJeevanBima Landing Page ends */

/* New Upload Document for Abhay & SaralJeevanBima */
.MedicalTestCntnr .container.sec_3rd {
    padding: 0px 20px !important;
}

.MedicalTestList {
    border: 1px solid #95989A;
    border-radius: 4px;
}

    .MedicalTestList ul {
        padding: 0px 35px;
        width: 100%;
        float: left;
        margin-bottom: 0px;
    }

        .MedicalTestList ul li {
            width: 25%;
            float: left;
            padding: 20px 15px;
            position: relative;
        }

            .MedicalTestList ul li:after {
                content: "";
                position: absolute;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background-color: #0373B9;
                left: 4px;
                top: 28px;
            }

            .MedicalTestList ul li .TootltipCntnt {
                display: none;
                width: 360px;
                left: 35%;
                bottom: 0%;
                font-size: 11px;
                transform: translate(5%, 41%);
            }

            .MedicalTestList ul li:hover .TootltipCntnt {
                display: block;
            }

.TootltipCntnt ol {
    width: 100%;
    float: left;
    padding: 0px;
}

    .TootltipCntnt ol li, .MedicalTestList ul li .TootltipCntnt ol li {
        width: 100%;
        padding: 0px 18px;
        line-height: 13px;
        padding-right: 0px;
        /*list-style-type: decimal;
    list-style-position: inside;*/
    }

        .TootltipCntnt ol li:after {
            display: none;
        }

.MedicalTestCntnr p.SmallLabelTxt {
    font-family: poppinsL;
    color: #272727;
    text-align: justify;
}

@media only screen and (max-width:1200px) {
    .MedicalTestList ul {
        padding: 0px 25px;
    }

        .MedicalTestList ul li {
            padding: 15px 15px;
        }

            .MedicalTestList ul li:after {
                top: 22px;
            }
}

@media only screen and (max-width:991px) {
    .MedicalTestList ul {
        padding: 0px 20px;
    }

        .MedicalTestList ul li {
            padding: 15px 12px;
            font-size: 12px;
        }

            .MedicalTestList ul li:after {
                top: 21px;
                left: 2px;
                width: 5px;
                height: 5px;
            }
}

@media only screen and (max-width:767px) {
    .MedicalTestList ul li:hover .TootltipCntnt {
        transform: translate(-61%, 101%);
        width: 310px;
    }

    .MedicalTestList ul li:hover .TootltipCntnt, .TootltipCntnt ol li, .MedicalTestList ul li .TootltipCntnt ol li {
        font-size: 10px;
    }

    .TootltipCntnt ol li, .MedicalTestList ul li .TootltipCntnt ol li {
        padding: 2px 13px;
    }
}

@media only screen and (max-width:551px) {
    .MedicalTestList ul {
        padding: 0px 5px;
    }

        .MedicalTestList ul li {
            width: 32%;
            padding: 8px 15px;
        }

            .MedicalTestList ul li:after {
                top: 14px;
                left: 6px;
            }
}

@media only screen and (max-width:480px) {
    .MedicalTestList ul li {
        width: 50%;
        padding: 5px 15px;
    }

        .MedicalTestList ul li:after {
            top: 12px;
        }

    .MedicalTestCntnr .container.sec_3rd > .Width100perc.MT30px:nth-child(3) > DIV.row:nth-child(4) > DIV {
        width: 100%;
        margin-bottom: 10px;
    }

        .MedicalTestCntnr .container.sec_3rd > .Width100perc.MT30px:nth-child(3) > DIV.row:nth-child(4) > DIV:last-child {
            margin-bottom: 0px;
        }
}

/* New Upload Document for Abhay & SaralJeevanBima ENDS */


/* Product INput page for Abhay STARTS */
.AbhayPrdtInpPg_cntnt .PrdtInpPg_Inpcntnt .ConsentTxt .Errormsg {
    top: auto;
}

.AbhayPrdtInpPg_cntnt .PrdtInpPg_Inpcntnt .ConsentTxt label.ChkBoxCntnr {
    width: 100%;
    float: left;
}

.AbhayPrdtInpPg_cntnt .ChkLabelBrdrLabelInpDiv {
    padding-left: 35px;
}

.AbhayPrdtInpPg_cntnt .PrdtInpPg_Inpcntnt .ConsentTxt hr {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.AbhayPrdtInpPg_cntnt .switch-field label {
    width: 194px;
    padding: 4px 16px;
}

.AbhayPrdtInpPg_cntnt .switch-field input + label, .AbhayPrdtInpPg_cntnt .switch-field input + label {
    display: flex;
    align-items: center;
    justify-content: center;
}

.AbhayPrdtInpPg_cntnt.PrdtInpPg_cntnt .PrdtInpPg_Inpcntnt > DIV:first-child > .row:nth-child(4) .switch-field label:nth-child(4) {
    border-radius: 0px;
}

.ShieldCntntDiv.AbhayShieldDiv {
    background-image: url('../images/centuryroyale_shield.png');
    background-size: 80%;
}

    .ShieldCntntDiv.AbhayShieldDiv.ShieldTop {
        top: 15%;
    }

    .ShieldCntntDiv.AbhayShieldDiv h1 {
        top: 95px;
    }

    .ShieldCntntDiv.AbhayShieldDiv p {
        top: 125px;
    }

    .ShieldCntntDiv.AbhayShieldDiv > span {
        font-size: 22px;
        color: #0475BC;
        text-align: center;
        position: absolute;
        top: 147px;
        left: 0px;
        right: 0px;
    }

    .ShieldCntntDiv.AbhayShieldDiv > h4 {
        position: absolute;
        top: 179px;
        left: 0px;
        right: 0px;
        text-align: center;
        color: #000;
        font-size: 18px;
    }

        .ShieldCntntDiv.AbhayShieldDiv > h4 span {
            color: #0475BC;
            font-family: poppinsB;
        }

    .ShieldCntntDiv.AbhayShieldDiv > h5 {
        position: absolute;
        top: 233px;
        left: 0px;
        right: 0px;
        text-align: center;
        color: #000;
        font-size: 12px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: poppinsM;
    }

        .ShieldCntntDiv.AbhayShieldDiv > h5 span {
            margin-left: 5px;
            color: #0475BC;
            font-family: poppinsB;
            font-size: 18px;
        }

    .ShieldCntntDiv.AbhayShieldDiv h2 {
        top: 263px;
    }

    .ShieldCntntDiv.AbhayShieldDiv h3 {
        font-size: 14px;
        top: 283px;
    }

@media only screen and (max-width:1500px) {
    .ShieldCntntDiv.AbhayShieldDiv {
        top: 22%;
        width: 514px;
    }

        .ShieldCntntDiv.AbhayShieldDiv h1 {
            top: 84px;
            font-size: 18px;
        }

            .ShieldCntntDiv.AbhayShieldDiv h1 span {
                font-size: 24px;
            }

        .ShieldCntntDiv.AbhayShieldDiv p {
            top: 110px;
            font-size: 14px;
        }

        .ShieldCntntDiv.AbhayShieldDiv > span {
            font-size: 18px;
            top: 129px;
        }

        .ShieldCntntDiv.AbhayShieldDiv > h4 {
            top: 158px;
            font-size: 15px;
        }

        .ShieldCntntDiv.AbhayShieldDiv > h5 {
            top: 207px;
            font-size: 12px;
        }

            .ShieldCntntDiv.AbhayShieldDiv > h5 span {
                font-size: 15px;
            }

        .ShieldCntntDiv.AbhayShieldDiv h2 {
            top: 235px;
            font-size: 14px;
        }

        .ShieldCntntDiv.AbhayShieldDiv h3 {
            top: 256px;
            font-size: 12px;
            line-height: 16px;
        }
}

@media only screen and (min-width: 1301px) and (max-width: 1400px) and (max-height: 700px) {
    .ShieldCntntDiv.AbhayShieldDiv h1 {
        top: 72px;
    }

    .ShieldCntntDiv.AbhayShieldDiv p {
        top: 93px;
    }

    .ShieldCntntDiv.AbhayShieldDiv > span {
        font-size: 16px;
        top: 113px;
    }

    .ShieldCntntDiv.AbhayShieldDiv > h4 {
        top: 133px;
        font-size: 14px;
    }

    .ShieldCntntDiv.AbhayShieldDiv > h5 {
        top: 170px;
        font-size: 11px;
    }

        .ShieldCntntDiv.AbhayShieldDiv > h5 span {
            font-size: 14px;
        }

    .ShieldCntntDiv.AbhayShieldDiv h2 {
        top: 189px;
        font-size: 12px;
    }

    .ShieldCntntDiv.AbhayShieldDiv h3 {
        top: 203px;
        font-size: 11px;
        line-height: 16px;
    }
}

@media only screen and (max-width:1300px) {
    .ShieldCntntDiv.AbhayShieldDiv {
        top: 21%;
        right: 3%;
    }

        .ShieldCntntDiv.AbhayShieldDiv h1 {
            top: 83px;
        }

        .ShieldCntntDiv.AbhayShieldDiv p {
            top: 109px;
        }

        .ShieldCntntDiv.AbhayShieldDiv > span {
            top: 130px;
        }

        .ShieldCntntDiv.AbhayShieldDiv > h4 {
            top: 158px;
        }

        .ShieldCntntDiv.AbhayShieldDiv > h5 {
            top: 206px;
        }
}

@media only screen and (max-width:1200px) {
    .AbhayPrdtInpPg_cntnt .switch-field label {
        width: 156px;
        font-size: 12px;
    }

    .ShieldCntntDiv.AbhayShieldDiv h1 {
        top: 82px;
    }

    .ShieldCntntDiv.AbhayShieldDiv p {
        top: 109px;
    }

    .ShieldCntntDiv.AbhayShieldDiv > span {
        top: 129px;
    }

    .ShieldCntntDiv.AbhayShieldDiv > h4 {
        top: 157px;
    }

    .ShieldCntntDiv.AbhayShieldDiv > h5 {
        top: 203px;
    }

    .ShieldCntntDiv.AbhayShieldDiv h2 {
        top: 228px;
    }

    .ShieldCntntDiv.AbhayShieldDiv h3 {
        top: 250px;
    }
}

@media only screen and (max-width:1024px) {

    .AbhayPrdtInpPg_cntnt .switch-field label {
        width: 156px;
        padding: 4px 12px;
    }

    .ShieldCntntDiv.AbhayShieldDiv h1 {
        top: 81px;
    }

    .ShieldCntntDiv.AbhayShieldDiv p {
        top: 109px;
    }

    .ShieldCntntDiv.AbhayShieldDiv > span {
        top: 129px;
    }

    .ShieldCntntDiv.AbhayShieldDiv > h4 {
        top: 157px;
        font-size: 14px;
    }

    .ShieldCntntDiv.AbhayShieldDiv > h5 {
        top: 200px;
    }

        .ShieldCntntDiv.AbhayShieldDiv > h5 span {
            font-size: 14px;
        }

    .ShieldCntntDiv.AbhayShieldDiv h2 {
        top: 225px;
    }

    .ShieldCntntDiv.AbhayShieldDiv h3 {
        top: 247px;
    }
}

@media only screen and (max-width:991px) {
    .ShieldCntntDiv.AbhayShieldDiv {
        width: 424px;
        background-size: 85%;
        right: 0%;
    }

    .AbhayPrdtInpPg_cntnt .switch-field label {
        font-size: 10px;
        padding: 4px 5px;
    }

    .ShieldCntntDiv.AbhayShieldDiv h1 {
        top: 73px;
    }

    .ShieldCntntDiv.AbhayShieldDiv p {
        top: 95px;
    }

    .ShieldCntntDiv.AbhayShieldDiv > span {
        top: 116px;
        font-size: 18px;
    }

    .ShieldCntntDiv.AbhayShieldDiv > h4 {
        top: 140px;
        font-size: 14px;
    }

    .ShieldCntntDiv.AbhayShieldDiv > h5 {
        top: 178px;
    }

        .ShieldCntntDiv.AbhayShieldDiv > h5 span {
            font-size: 14px;
        }

    .ShieldCntntDiv.AbhayShieldDiv h2 {
        top: 198px;
        font-size: 12px;
    }

    .ShieldCntntDiv.AbhayShieldDiv h3 {
        top: 212px;
        font-size: 11px;
        line-height: 16px;
    }
}

@media only screen and (max-width:767px) {
    .ShieldCntntDiv.AbhayShieldDiv {
        top: auto;
        height: 415px;
        background-size: 87%;
    }

        .ShieldCntntDiv.AbhayShieldDiv h1 {
            font-size: 16px;
        }

            .ShieldCntntDiv.AbhayShieldDiv h1 span {
                font-size: 22px;
            }
}

@media only screen and (max-width:551px) {
    .AbhayPrdtInpPg_cntnt .switch-field label {
        font-size: 12px;
    }

    .ShieldCntntDiv.AbhayShieldDiv {
        bottom: 96px;
        height: 427px;
    }
}

@media only screen and (max-width:480px) {
    .ShieldCntntDiv.AbhayShieldDiv {
        width: 320px;
        height: 336px;
        background-size: 91%;
    }

    .AbhayPrdtInpPg_cntnt .switch-field label {
        font-size: 10px;
    }

    .AbhayPrdtInpPg_cntnt .PrdtInpPg_Inpcntnt .ConsentTxt hr {
        margin: 10px 0px;
    }

    .ShieldCntntDiv.AbhayShieldDiv h1 {
        top: 61px;
        font-size: 14px;
    }

        .ShieldCntntDiv.AbhayShieldDiv h1 span {
            font-size: 18px;
        }

    .ShieldCntntDiv.AbhayShieldDiv p {
        top: 78px;
        font-size: 12px;
    }

    .ShieldCntntDiv.AbhayShieldDiv > span {
        top: 95px;
        font-size: 14px;
    }

    .ShieldCntntDiv.AbhayShieldDiv > h4 {
        top: 114px;
        font-size: 12px;
    }

    .ShieldCntntDiv.AbhayShieldDiv > h5 {
        top: 148px;
        font-size: 10px;
    }

        .ShieldCntntDiv.AbhayShieldDiv > h5 span {
            font-size: 12px;
        }

    .ShieldCntntDiv.AbhayShieldDiv h2 {
        top: 166px;
    }

    .ShieldCntntDiv.AbhayShieldDiv h3 {
        top: 182px;
        font-size: 10px;
        line-height: 14px;
        padding: 0px 60px;
    }

        .ShieldCntntDiv.AbhayShieldDiv h3 span br {
            display: none;
        }

    .ShieldCntntDiv.AbhayShieldDiv {
        height: 353px;
        bottom: 97px;
    }
}
/* Product INput page for Abhay ENDS */

/**--- changes as on 19020222 ENDS ---**/

/**====================================================================================================================================
	Partner Login Css starts here
	as on 07042022
==============================================================================================================================**/
/** Login page **/
.PartnerLoginPg .floating-form {
    width: 320px;
    margin: 0px auto;
}

    .PartnerLoginPg .floating-form .floating-label {
        margin-top: 40px;
    }

.floating-label {
    position: relative;
    margin-bottom: 20px;
}

.floating-input {
    font-size: 14px;
    font-family: poppinsM;
    font-weight: 600;
    padding: 4px 4px;
    display: block;
    width: 100%;
    height: 40px;
    background-color: transparent;
    border: 1px solid #757575;
    border-radius: 4px !important;
}

    .floating-input:focus {
        outline: none;
        border: 2px solid #5264AE;
    }

.floating-label label {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 8px;
    top: 10px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
    top: -20px;
    left: 2px;
    font-size: 14px;
    color: #000;
}

/** Input Page **/
.PartnerHeader .TopHeadLogoRow > DIV:first-child, .PartnerHeader .TopHeadLogoRow .LogoDiv {
    border-right: 0px;
    order: 2;
}

.PartnerHeader .TopHeadLogoRow .CMTU_Div {
    order: 1;
}

header.PartnerHeader {
    height: 95px;
}

.MainContainer.PartnerInputMainCntnr {
    margin-top: 95px
}

.PartnerHeader .LogoDiv .LoginUserName {
    margin-top: 5px;
}

#PatnerSearchTable {
    margin-top: 20px;
}

.DataTable .dataTables_wrapper .dataTables_paginate .paginate_button.current, .DataTable .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: none !important;
    border: 0px !important;
    background-color: #0475bc !important;
    color: #fff !important;
    border-radius: 50%;
    padding: 3px 11px;
}

.DataTable .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none;
    background-color: none !important;
    border: 0px;
    color: #000 !important;
}

.DataTable .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 3px 9px;
}

.DataTable table.dataTable thead th, .DataTable table.dataTable thead td {
    padding: 10px 10px;
}

.DataTable table.dataTable tbody td:first-child {
    width: 65%;
}

.DataTable table.dataTable td a {
    text-decoration: underline;
    color: #0475BC;
}

.ExportToExcel a {
    font-style: italic;
    margin-top: 10px;
    color: #0475BC;
    font-weight: bold;
    text-decoration: underline;
}

.URL_Div span {
    width: auto;
    float: left;
    font-size: 16px;
    font-weight: bold;
}

.URL_Div .Url_TxtBox {
    width: 94%;
    float: left;
    height: 40px;
    text-align: left;
    font-weight: 600;
    background-color: #f1f1f1;
    border: 1px solid #d4d4d4;
}

.PartnerInputPg .InputDiv input.DisableMe, .PartnerInputPg .BrdrLabelInpDiv .InputField.DisableMe {
    background-color: #e9ecef;
}

.CampaignViewPg > .AccordDashRow:nth-child(3) > .row > DIV:nth-child(4) {
    width: 12%;
}


/**============================================================================
	Css for new produt as on 21042022 Starts
	CENTURY STAR
=============================================================================**/
/** Product Input page **/
.Width15perc {
    width: 15% !important;
}

.PrdtInpuRiderRow .ChkLabelBrdrLabelInpDiv {
    width: 35% !important;
}

    .PrdtInpuRiderRow .ChkLabelBrdrLabelInpDiv .InputField input {
        position: relative;
        height: auto;
        opacity: 1;
    }

    .PrdtInpuRiderRow .ChkLabelBrdrLabelInpDiv .InputField.BlueTxt input {
        color: #0475BC !important
    }

.PrdtInpuRiderInput > DIV {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.PrdtInpuRiderRow {
    width: 100%;
    float: left;
    padding-left: 15px;
    padding: 20px 0px;
    border-bottom: 1px solid #B7B7B7;
    padding-left: 15px;
}

    .PrdtInpuRiderRow:first-child {
        border-top: 0px;
    }

.PrdtInpuRiderInput {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: left;
    padding-left: 35px;
    margin-bottom: 5px;
}

.ShieldCntntDiv.CentStarShieldDiv {
    background-image: url(../images/centuryroyale_shield.png);
    top: 20%;
}

    .ShieldCntntDiv.CentStarShieldDiv p {
        top: 160px;
    }

    .ShieldCntntDiv.CentStarShieldDiv h4 {
        color: #0475BC;
        font-size: 28px;
        font-family: poppinsB;
        position: absolute;
        left: 0;
        right: 0;
        top: 185px;
    }

    .ShieldCntntDiv.CentStarShieldDiv h5 {
        position: absolute;
        top: 230px;
        left: 0;
        right: 0;
        text-align: center;
        color: #000000;
        font-family: poppinsB;
        font-size: 16px;
    }

        .ShieldCntntDiv.CentStarShieldDiv h5 span {
            font-family: poppinsR;
            font-size: 14px;
        }

    .ShieldCntntDiv.CentStarShieldDiv > span {
        color: #0475BC;
        font-size: 28px;
        font-family: poppinsB;
        position: absolute;
        left: 0;
        right: 0;
        top: 270px;
    }

    .ShieldCntntDiv.CentStarShieldDiv h2 {
        top: 320px;
    }

    .ShieldCntntDiv.CentStarShieldDiv h3 {
        top: 345px;
    }

.Inpcntnt_CentStar .ConsentTxt label.ChkBoxCntnr {
    margin-bottom: auto !important;
}

@media only screen and (max-width:1500px) {
    .ShieldCntntDiv.CentStarShieldDiv {
        right: 2%;
        top: 22%;
        background-size: 78%;
    }

        .ShieldCntntDiv.CentStarShieldDiv.ShieldTop {
            top: 12%;
        }

        .ShieldCntntDiv.CentStarShieldDiv h1 span, .ShieldCntntDiv.CentStarShieldDiv h4, .ShieldCntntDiv.CentStarShieldDiv > span {
            font-size: 26px;
        }
}

@media only screen and (min-width: 1301px) and (max-width: 1400px) and (max-height: 700px) {
    .ShieldCntntDiv.CentStarShieldDiv h1 {
        font-size: 14px;
    }

        .ShieldCntntDiv.CentStarShieldDiv h1 span, .ShieldCntntDiv.CentStarShieldDiv h4, .ShieldCntntDiv.CentStarShieldDiv > span {
            font-size: 16px;
        }

    .ShieldCntntDiv.CentStarShieldDiv p {
        top: 114px;
    }

    .ShieldCntntDiv.CentStarShieldDiv h4 {
        top: 135px;
    }

    .ShieldCntntDiv.CentStarShieldDiv h5 {
        top: 167px;
        font-size: 14px;
    }

        .ShieldCntntDiv.CentStarShieldDiv h5 span {
            font-size: 12px;
        }

    .ShieldCntntDiv.CentStarShieldDiv > span {
        top: 202px;
    }

    .ShieldCntntDiv.CentStarShieldDiv h2 {
        top: 232px;
        font-size: 12px;
    }

    .ShieldCntntDiv.CentStarShieldDiv h3 {
        top: 250px;
        font-size: 10px;
    }
}

@media only screen and (max-width:1300px) {
    .ShieldCntntDiv.CentStarShieldDiv {
        width: 570px;
        top: 21%;
    }

        .ShieldCntntDiv.CentStarShieldDiv.ShieldTop {
            top: 13%;
        }

    .PrdtInpuRiderInput > DIV label {
        width: 40% !important;
    }

    .PrdtInpuRiderInput > DIV .ChkLabelBrdrLabelInpDiv {
        width: 44% !important;
    }
}

@media only screen and (max-width:1200px) {
    .ShieldCntntDiv.CentStarShieldDiv {
        width: 480px;
        background-size: 95%;
    }

        .ShieldCntntDiv.CentStarShieldDiv h1 {
            font-size: 18px;
        }

            .ShieldCntntDiv.CentStarShieldDiv h1 span, .ShieldCntntDiv.CentStarShieldDiv h4, .ShieldCntntDiv.CentStarShieldDiv > span {
                font-size: 24px;
            }

    .PrdtInpuRiderInput > DIV .ChkLabelBrdrLabelInpDiv {
        width: 50% !important;
        margin: 0px 5px !important;
    }
}

@media only screen and (max-width:991px) {
    .ShieldCntntDiv.CentStarShieldDiv {
        width: 364px;
        right: 3%;
    }

        .ShieldCntntDiv.CentStarShieldDiv h1 {
            font-size: 16px;
        }

            .ShieldCntntDiv.CentStarShieldDiv h1 span, .ShieldCntntDiv.CentStarShieldDiv h4, .ShieldCntntDiv.CentStarShieldDiv > span {
                font-size: 20px;
            }

        .ShieldCntntDiv.CentStarShieldDiv p {
            top: 112px;
        }

        .ShieldCntntDiv.CentStarShieldDiv p, .ShieldCntntDiv.CentStarShieldDiv h5 {
            font-size: 12px;
        }

            .ShieldCntntDiv.CentStarShieldDiv h5 span {
                font-size: 11px;
            }

        .ShieldCntntDiv.CentStarShieldDiv h4 {
            top: 132px;
        }

        .ShieldCntntDiv.CentStarShieldDiv h5 {
            top: 165px;
        }

        .ShieldCntntDiv.CentStarShieldDiv > span {
            top: 193px;
        }

        .ShieldCntntDiv.CentStarShieldDiv h2 {
            top: 227px;
        }

        .ShieldCntntDiv.CentStarShieldDiv h3 {
            top: 247px;
        }

    .PrdtInpuRiderInput > DIV {
        display: block;
    }

        .PrdtInpuRiderInput > DIV label {
            width: 100% !important;
        }

        .PrdtInpuRiderInput > DIV .ChkLabelBrdrLabelInpDiv {
            width: 93% !important;
            margin-left: 0px !important;
            margin-top: 2px !important;
        }

    .PrdtInpuRiderInput > DIV {
        margin-right: 10px;
    }

        .PrdtInpuRiderInput > DIV:last-child {
            margin-right: 0px;
        }
}

@media only screen and (max-width:767px) {
    .ShieldCntntDiv.CentStarShieldDiv, .ShieldCntntDiv.CentStarShieldDiv.ShieldTop {
        bottom: 83px;
        top: auto;
        right: 0;
    }
}

@media only screen and (max-width:551px) {
    .PrdtInpuRiderInput label.SmallLabelTxt {
        font-size: 10px;
    }
}

@media only screen and (max-width:480px) {
    .ShieldCntntDiv.CentStarShieldDiv, .ShieldCntntDiv.CentStarShieldDiv.ShieldTop {
        bottom: 98px;
        width: 320px;
    }

        .ShieldCntntDiv.CentStarShieldDiv h1 {
            font-size: 14px;
        }

            .ShieldCntntDiv.CentStarShieldDiv h1 span, .ShieldCntntDiv.CentStarShieldDiv h4, .ShieldCntntDiv.CentStarShieldDiv > span {
                font-size: 16px;
            }

        .ShieldCntntDiv.CentStarShieldDiv p {
            top: 102px;
        }

        .ShieldCntntDiv.CentStarShieldDiv h4 {
            top: 122px;
        }

        .ShieldCntntDiv.CentStarShieldDiv h5 {
            top: 147px;
        }

        .ShieldCntntDiv.CentStarShieldDiv > span {
            top: 178px;
        }

        .ShieldCntntDiv.CentStarShieldDiv h2 {
            top: 206px;
            font-size: 12px;
        }

        .ShieldCntntDiv.CentStarShieldDiv h3 {
            top: 225px;
            font-size: 10px;
        }

    .PrdtInpuRiderInput {
        padding-left: 25px;
    }

        .PrdtInpuRiderInput label.SmallLabelTxt {
            font-size: 9px;
        }

    .PrdtInpuRiderInput {
        margin-top: 5px;
    }

    .PrdtInpuRiderInput {
        align-items: baseline;
    }
}


/** Product Selection Page **/
.PrdtSelectMainDiv {
    padding: 0px 0px !important;
}

ul.SubPrdtTabList {
    display: flex;
    align-items: flex-start;
    flex-flow: wrap;
}

.SubPrdtTabList li {
    height: auto;
    padding-right: 5px;
}

    .SubPrdtTabList li i {
        float: left;
    }

    .SubPrdtTabList li span {
        float: left;
        width: calc(100% - 25px);
    }

/** Landing Page **/
.LandingPg .SideLeft .PerBoldPara sup {
    top: 8px;
}

/**============================================================================
	Css for new produt as on 21042022 Ends
	CENTURY STAR
=============================================================================**/

/**--- changes by NitinJ as on 13052022 ---**/
label.BigLabelTxt {
    margin-bottom: 3px;
}

@media only screen and (max-width:1500px) {
    .BrdrBoxRadioBtn .CustRadioBtn {
        padding: 8px 7px;
    }
}

@media only screen and (max-width:1200px) {
    .InputDiv.BigLabelInput label, .BrdrLabelInpDiv.BigLabelInput label, .BigLabelTxt {
        font-size: 13px;
    }

    .BrdrBoxRadioBtn .CustRadioBtn {
        padding: 7px 5px;
        margin-right: 5px;
    }

        .BrdrBoxRadioBtn .CustRadioBtn:last-child {
            margin-right: 0px;
        }

    .BigLabelInput.MobInput.InputDiv > span {
        width: 37px;
        height: 25px;
    }

    .BigLabelInput.MobInput.InputDiv > input {
        width: calc(100% - 42px);
    }
}

@media only screen and (max-width:1024px) {
    .BrdrBoxRadioBtn .CustRadioBtn .label-visible {
        margin-left: 25px;
    }

    .InputDiv.BigLabelInput label, .BrdrLabelInpDiv.BigLabelInput label, .BigLabelTxt {
        font-size: 12px;
    }

    .InputDiv.BigLabelInput input, .BrdrLabelInpDiv.BigLabelInput .CustSelect__trigger {
        font-size: 14px;
    }
}

@media only screen and (max-width:991px) {
    .InputDiv.BigLabelInput label, .BrdrLabelInpDiv.BigLabelInput label, .BigLabelTxt {
        font-size: 11px;
    }

    .BrdrBoxRadioBtn .CustRadioBtn .label-visible {
        margin-left: 21px;
    }

    .BrdrBoxRadioBtn .CustRadioBtn .FakeRadioBtn {
        left: -21px;
        top: 2px;
    }

    .BigLabelInput.MobInput.InputDiv > span {
        height: 30px;
    }

    .BrdrBoxRadioBtn .CustRadioBtn {
        padding: 5px 6px;
    }

    .BrdrLabelInpDiv .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: -2px;
    }

    .BrdrLabelInpDiv .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 21px;
    }

    .BrdrLabelInpDiv .select2-container .select2-selection--single {
        height: 21px;
    }
}

@media only screen and (max-width:767px) {
    .BrdrBoxRadioBtn .CustRadioBtn .label-visible {
        font-size: 14px;
    }

    .BrdrBoxRadioBtn .CustRadioBtn {
        padding: 5px 10px;
    }
}

@media only screen and (max-width:551px) {
    .BrdrBoxRadioBtn .CustRadioBtn {
        padding: 5px 8px;
    }
}


/**------ changes by NitinJ as on 19052022 -------**/
/* Camera Capture Page */
.CameraDiv, .CameraPreviewDiv {
    width: 320px;
    height: 320px;
    background-color: #ccc;
    text-align: center;
    margin: 0px auto;
}

.CameraCapture_Sect button.BTRB {
    border-radius: 4px;
}

@media only screen and (max-width:480px) {
    .CameraDiv, .CameraPreviewDiv {
        width: 296px;
        height: 300px;
    }
}
/* Camera Capture Page */


/** For IE 11 specific css **/
@media all and (-ms-high-contrast:none) {
    .ac-container > DIV > label:after {
        border-top: 11px solid #666666;
    }

    .RightTopTagline {
        color: #000;
    }

    .row > * {
        padding-left: 0px;
        padding-right: 15px;
    }

    .SideRight {
        padding-left: 15px;
    }

    .PreviewImgPopup .modal-body {
        height: 100%;
    }

    .ImgCaptureCntnt img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .ChoosenFileImg a::before {
        background-color: #ddd;
        opacity: 0.8;
    }

    .CustSelect-optionsDIV {
        box-shadow: 0px 4px 9px 0px #b1b1b1;
    }

    .content_centr .top-heading {
        left: 20%;
        width: auto;
        display: table;
    }

    .PaymentDetPg #pay_details .content_centr, .PaymentDetPg #pay_details .content_centr > DIV:nth-child(2) > .row {
        padding: 0px;
    }

        .PaymentDetPg #pay_details .content_centr > div:nth-child(2) > .row.cus_pdt_20 {
            padding-left: 15px;
        }

    .PaymentDetPg #pay_details .tbl_contnt {
        width: 50%;
        float: left;
    }

    .PaymentDetPg #pay_details input {
        height: 100%;
    }

    .RadioColapsAccord .accordion-section {
        box-shadow: -1px 6px 3px #b1b1b1;
    }

    header {
        box-shadow: 0px 3px 20px #b1b1b1;
    }

    .ThankYouTableDiv button.BTRB {
        width: 250px;
    }

    .ThankYouTableDiv .DownloadBtnSect {
        text-align: center;
        display: inline-block;
        width: 100%;
    }

        .ThankYouTableDiv .DownloadBtnSect > DIV {
            width: auto;
            float: none;
            display: inline-block;
        }

    .modal-dialog.modal-dialog-centered {
        margin: 0px auto;
        height: 100%;
    }

    .accordion-section-content {
        border-radius: 16px;
    }

    #upload_documents .box_styl, .PaySuccessPg .PaySuccessBox {
        box-shadow: 0px 1px 3px #b8b8b8;
    }

    .ToggleSwitchDiv {
        border: 1px solid #d1d1d1;
    }

    .PlanCntnDiv {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        text-align: center;
    }

    .FormFillApp_Popup .AccordBlakTitle {
        position: inherit;
        left: auto;
        right: auto;
        bottom: auto;
        top: auto;
        display: block;
        z-index: 0;
    }

    .FormFillApp_Popup .AccordBtn {
        margin-top: -4px;
    }

    .PlanCntnDiv {
        justify-content: center;
    }

    .RedButton {
        font-size: 15px;
    }

    .PlanSelectPg .MobInput.InputDiv > span input {
        height: auto;
    }
}

.KeyBenefitBox img {
    margin-right: 20px;
}

.KeyBenefitBox p {
    color: #fff;
}

/* for product Selection page */
@media all and (-ms-high-contrast:none) {
    .TellUsAbutU {
        padding: 0px 90px !Important;
    }

    .PaymentDetPg #pay_details .content_centr > div:nth-child(2) > .row.cus_pdb_20 > DIV {
        padding-left: 15px;
    }
}

@media only screen and (-ms-high-contrast:none) and (max-width: 1300px) {
    .TellUsAbutU {
        padding: 0px 80px;
    }
}

@media only screen and (-ms-high-contrast:none) and (max-width: 1024px) {
    .TellUsAbutU {
        padding: 0px 65px;
    }
}

@media only screen and (-ms-high-contrast:none) and (max-width: 991px) {
    .TellUsAbutU {
        padding: 0px 35px;
    }
}

@media only screen and (-ms-high-contrast:none) and (max-width: 551px) {
    .TellUsAbutU {
        padding: 0px 15px;
    }
}
/** For IE 11 specific css **/


/**--- changes by NitinJ as on 28072022 ---**/
.PartnerLandingPgCntnr {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 17px;
}

    .PartnerLandingPgCntnr .PrdtInpPg_cntnt {
        position: absolute;
        left: 0;
        right: 0;
        top: 20px;
        bottom: 0;
        margin-top: 0px;
        padding: 20px 10px;
    }

.LandingOption_Btn {
    border: 1px solid #ddd;
    padding: 10px 6px;
    border-radius: 10px;
    margin: 0px 6px;
    background-color: #fff;
    width: 25%;
    text-align: center;
    line-height: 16px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: none;
    transition: 0.2s ease-out all;
    box-shadow: 0px 0px 7px 0px rgb(224 224 224);
}

@keyframes bounce {
    0%, 20%, 60%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

.LandingOption_Btn:hover {
    color: #fff;
    background-color: #0475bc;
    border: #0475bc solid 1px;
    animation: bounce 1s;
}

.PartnerInputMainCntnr .BTRB {
    font-size: 12px;
}

    .PartnerInputMainCntnr .BTRB img {
        width: 14px;
        margin: 0px 5px;
    }

.DataTable table#BulkLeadTable.dataTable tbody td:first-child {
    width: 30%;
}

.ChooseFileInput {
    font-size: 14px;
}

    .ChooseFileInput::before {
        content: "Select File";
        position: absolute;
        left: 1px;
        top: 1px;
        bottom: 1px;
        z-index: 2;
        display: block;
        background-color: #dde0e3;
        width: 104px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.form-control:focus {
    border-color: #ced4da;
    box-shadow: none;
}


/**--- changes by NitinJ as on 02082022 for POS Sanchay ---**/
.BrdrLabelInpDiv.BigLabelInput .InputField input {
    font-family: poppinsR;
}

.BrdrLabelInpDiv.BigLabelInput .InputField input, .BrdrLabelInpDiv.BigLabelInput .InputField i {
    font-size: 18px;
    font-weight: 100;
}

.BrdrLabelInpDiv.BigLabelInput .InputField i {
    top: 11px;
}

.BigLabelInput.DisableMe .InputField, .BigLabelInput.DisableMe .InputField input {
    background-color: #EFEFEF;
    border-color: #EFEFEF;
}

.SUD_POSsanchay.SideRight button {
    width: 100%;
    font-size: 16px;
    padding: 6px 10px;
    height: 100%;
}

    .SUD_POSsanchay.SideRight button.BTRB {
        border-radius: 4px;
        padding: 6px 10px;
    }


/** Generate BI popup **/
.CloseBtnImg {
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 999;
    width: 38px;
    cursor: pointer;
}

.GenerateBIPopup .modal-body {
    padding: 20px;
    padding-top: 65px;
}

    .GenerateBIPopup .modal-body .PremiumSumOuterDiv {
        padding: 20px;
        width: 100%;
        float: left;
    }

.GenerateBIPopup .RedCapImg {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    top: -63px;
}

.PremiumSumDiv {
    width: 100%;
    float: left;
    padding: 10px 15px;
    padding-top: 57px;
    border-radius: 30px;
    position: relative;
    border: 10px solid #0475BC;
}

    .PremiumSumDiv h4 {
        color: #EF4123;
        font-size: 20px;
        font-weight: 600;
    }

.GBIP_PremSumTableDiv h5 {
    color: #0475BC;
    font-family: poppinsB;
    font-size: 16px;
    text-align: left;
    padding-bottom: 5px;
    border-bottom: 1px solid #EF4123;
}

.GBIP_PremSumTableDiv img {
    width: 100%;
}

.GBIP_PremSumTableDiv td, .GBIP_PremSumTableDiv th {
    font-size: 12px;
    padding-bottom: 10px;
    vertical-align: top;
}

.GenerateBIPopup .OnlyChkBoxClikLabel .ChkBoxCntnr {
    margin-bottom: 0px;
}

@media only screen and (max-width:1500px) {
    .SUD_POSsanchay.SideRight button {
        font-size: 14px;
    }
}

@media only screen and (max-width:1300px) {
    .SUD_POSsanchay.SideRight button {
        padding: 6px 5px;
    }
}

@media only screen and (max-width:1200px) {
    .SUD_POSsanchay.SideRight button {
        font-size: 11px;
    }

    .BrdrLabelInpDiv.BigLabelInput .InputField input, .BrdrLabelInpDiv.BigLabelInput .InputField i {
        font-size: 16px;
    }

    .BrdrLabelInpDiv.BigLabelInput .InputField i {
        top: 9px;
    }
}

@media only screen and (max-width:1024px) {

    .BrdrLabelInpDiv.BigLabelInput .InputField input, .BrdrLabelInpDiv.BigLabelInput .InputField i {
        font-size: 14px;
    }
}

@media only screen and (max-width:991px) {
    .SUD_POSsanchay .BigLabelInput.MobInput.InputDiv > span {
        height: 21px;
    }

    .SUD_POSsanchay.SideRight button {
        font-size: 10px;
    }

    .GenerateBIPopup .RedCapImg {
        width: 181px;
    }

    .PremiumSumDiv {
        padding-top: 52px;
    }
}

@media only screen and (max-width:767px) {
    .CloseBtnImg {
        top: 2px;
        right: 2px;
    }

    .SUD_POSsanchay.SideRight button {
        font-size: 13px;
    }
}

@media only screen and (max-width:551px) {
    .GenerateBIPopup .RedCapImg {
        top: -55px;
        width: 161px;
    }

    .PremiumSumDiv {
        padding-top: 45px;
    }

        .PremiumSumDiv h4 {
            font-size: 16px;
        }

    .GBIP_PremSumTableDiv h5 {
        font-size: 14px;
    }

    .GBIP_PremSumTableDiv td, .GBIP_PremSumTableDiv th {
        font-size: 11px;
        padding-bottom: 6px;
    }
}

@media only screen and (max-width:480px) {
    .GenerateBIPopup .modal-body {
        padding-top: 35px;
    }

    .CloseBtnImg {
        width: 32px;
    }

    .GenerateBIPopup .RedCapImg {
        top: -42px;
        width: 115px;
    }

    .PremiumSumDiv {
        padding: 10px 10px;
        padding-top: 31px;
    }

        .PremiumSumDiv h4 {
            font-size: 14px;
        }

    .GBIP_PremSumTableDiv h5 {
        font-size: 12px;
    }

    .GBIP_PremSumTableDiv td, .GBIP_PremSumTableDiv th {
        font-size: 8px;
    }

    .GenerateBIPopup .modal-body .PremiumSumOuterDiv {
        padding: 20px 0px;
    }

    .SUD_POSsanchay.SideRight button.BTRB {
        font-size: 12px;
        padding: 6px 2px;
    }
}



/* for click on only checkbox */
.OnlyChkBoxClikLabel {
    position: relative;
}

    .OnlyChkBoxClikLabel input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 18px;
        width: 18px;
        z-index: 99;
    }

    .OnlyChkBoxClikLabel .ChkBoxCntnr {
        padding-left: 0;
        margin-left: 35px;
    }

    .OnlyChkBoxClikLabel .checkmark {
        position: absolute;
        top: 3px;
        left: 0;
        height: 18px;
        width: 18px;
        border: 1px solid #2A2A2A;
        border-radius: 2px;
    }

    .OnlyChkBoxClikLabel input:checked ~ .checkmark {
        background-color: #0475bc;
        border: 1px solid #0475bc;
    }

        .OnlyChkBoxClikLabel input:checked ~ .checkmark::after {
            display: block;
        }

    .OnlyChkBoxClikLabel .checkmark::after {
        left: 6px;
        top: 2px;
        width: 5px;
        height: 10px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .OnlyChkBoxClikLabel .checkmark::after {
        content: "";
        position: absolute;
        display: none;
    }

    .OnlyChkBoxClikLabel label {
        cursor: default;
    }

@media only screen and (max-width:1200px) {
    .OnlyChkBoxClikLabel .checkmark::after {
        left: 5px;
        top: 1px;
        width: 5px;
        height: 9px;
    }
}

@media only screen and (max-width:991px) {
    .OnlyChkBoxClikLabel .checkmark, .OnlyChkBoxClikLabel .input {
        height: 16px;
        width: 16px;
    }
}

@media only screen and (max-width:480px) {
    .OnlyChkBoxClikLabel .ChkBoxCntnr {
        margin-left: 25px;
    }

    .PrdtInpuRiderRow {
        padding-left: 5px;
    }
}
/* for click on only checkbox */


.BigQuestnClass {
    display: flex;
}

/*---------------------------------------------------------------------------------
	New changes for Product Selection Page
	as on  22062023 
---------------------------------------------------------------------------------*/
/* for Product Selection */
.MainPrdtBoxCntnr.PlanCntnScrollDiv {
    /*width: calc(100% - 295px);*/
    width: calc(100% - 340px);
    float: right;
    cursor: grab;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .MainPrdtBoxCntnr.PlanCntnScrollDiv::-webkit-scrollbar, .MainPrdtPlanBoxCntnr.PlanCntnScrollDiv::-webkit-scrollbar {
        display: none;
        width: 0px;
    }

.MainPrdtBoxCntnr .PrdtPlanBoxCntnr {
    padding-left: 30px;
    float: none;
    width: auto;
    justify-content: flex-start;
    overflow: visible;
}

.MainPrdtBoxCntnr .PrdtPlanBox.PPBactive {
    position: absolute;
    left: 98px;
    z-index: 999;
}

.MainPrdtBoxCntnr .swiper-slide .PPBactive {
    position: relative;
    left: auto;
}
/*.MainPrdtBoxCntnr .swiper-slide.PPBactive
		{
			position:absolute;
			left:-7px;
			z-index:999;
		}*/
.MainPrdtBoxCntnr .PrdtPlanBox {
    height: 175px;
    margin: 0px 0px;
}

    .MainPrdtBoxCntnr .PrdtPlanBox span {
        letter-spacing: 0.5px;
    }

.MainPrdtBoxCntnr .BannerArrowCircle {
    background: #0475BC 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 12px #00000029;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 25px;
    right: 15px;
    color: #fff;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .MainPrdtBoxCntnr .BannerArrowCircle.ALeft {
        right: 80px;
    }

        .MainPrdtBoxCntnr .BannerArrowCircle.ALeft i {
            margin-top: -2px;
            position: relative;
            margin-right: 1px;
            width: 100%;
        }

    .MainPrdtBoxCntnr .BannerArrowCircle.ARight {
        right: 25px;
    }

        .MainPrdtBoxCntnr .BannerArrowCircle.ARight i {
            margin-top: -2px;
            position: relative;
            margin-left: 3px;
            width: 100%;
        }


.MainPrdtBoxCntnr .swiper-slide_empty {
    width: 0px !important;
    overflow: hidden;
    margin: 0px !important;
}

.swiper-slide:first-child .PrdtPlanBox.PPBactive::after,
.swiper-slide_empty .PrdtPlanBox.PPBactive::after {
    display: none !important;
}

.swiper-slide:first-child {
    z-index: -99 !Important;
}

@media only screen and (max-width:1400px) {
    .MainPrdtBoxCntnr .PrdtPlanBox {
        height: 151px;
    }
}

@media only screen and (max-width:1370px) {
    .MainPrdtBoxCntnr .swiper-backface-hidden .swiper-slide {
        margin-right: 60px;
    }

    .MainPrdtBoxCntnr.PlanCntnScrollDiv {
        width: calc(100% - 288px);
    }

    .MainPrdtBoxCntnr .BannerArrowCircle.ARight {
        right: 25px;
    }

    .MainPrdtBoxCntnr .BannerArrowCircle.ALeft {
        right: 78px;
    }
}

@media only screen and (max-width:1300px) {
    .MainPrdtBoxCntnr .swiper-backface-hidden .swiper-slide {
        margin-right: 57px;
    }

    .MainPrdtBoxCntnr .swiper-slide:last-child {
        margin-right: 34px;
    }

    .MainPrdtBoxCntnr.PlanCntnScrollDiv {
        width: calc(100% - 255px);
    }

    .MainPrdtBoxCntnr .PrdtPlanBox.PPBactive {
        left: 78px;
    }

    .MainPrdtBoxCntnr .PrdtPlanBoxCntnr {
        padding-left: 35px;
    }

    .MainPrdtBoxCntnr .PrdtPlanBox {
        height: 147px;
    }
}

@media only screen and (max-width:1200px) {
    .MainPrdtBoxCntnr .swiper-backface-hidden .swiper-slide {
        margin-right: 30px;
    }

    .MainPrdtBoxCntnr .swiper-slide:last-child {
        margin-right: 24px;
    }

    .MainPrdtBoxCntnr.PlanCntnScrollDiv {
        width: calc(100% - 260px);
    }
}

@media only screen and (max-width:1024px) {
    .MainPrdtBoxCntnr .swiper-backface-hidden .swiper-slide {
        margin-right: 24px;
    }

    .MainPrdtBoxCntnr .swiper-slide:last-child {
        margin-right: 30px;
    }

    .MainPrdtBoxCntnr.PlanCntnScrollDiv {
        width: calc(100% - 250px);
    }

    .MainPrdtBoxCntnr .PrdtPlanBox.PPBactive {
        left: 68px;
    }

    .MainPrdtBoxCntnr .PrdtPlanBoxCntnr {
        padding-left: 28px;
    }
}

@media only screen and (max-width:991px) {
    .MainPrdtBoxCntnr .PrdtPlanBox.PPBactive {
        left: 38px;
    }

    .MainPrdtBoxCntnr.PlanCntnScrollDiv {
        width: calc(100% - 227px);
    }

    .MainPrdtBoxCntnr .PrdtPlanBoxCntnr {
        padding-left: 24px;
    }

    .MainPrdtBoxCntnr .PrdtPlanBox {
        height: 143px;
    }
}

@media only screen and (max-width:840px) {
    .MainPrdtBoxCntnr.PlanCntnScrollDiv {
        width: calc(100% - 212px);
    }
}

@media only screen and (max-width:767px) {
    .MainPrdtBoxCntnr .swiper-backface-hidden .swiper-slide {
        margin-right: 20px;
    }

    .MainPrdtBoxCntnr .BannerArrowCircle {
        width: 30px;
        height: 30px;
        top: 16px;
        font-size: 24px;
    }

        .MainPrdtBoxCntnr .BannerArrowCircle.ALeft {
            right: 62px;
        }

        .MainPrdtBoxCntnr .BannerArrowCircle.ARight {
            right: 15px;
        }

    .MainPrdtBoxCntnr.PlanCntnScrollDiv {
        width: calc(100% - 178px);
    }

    .MainPrdtBoxCntnr .PrdtPlanBox {
        height: 128px;
    }
}

@media only screen and (max-width:576px) {
    .MainPrdtBoxCntnr .BannerArrowCircle {
        width: 25px;
        height: 25px;
        top: 20px;
        font-size: 20px;
    }

        .MainPrdtBoxCntnr .BannerArrowCircle.ALeft {
            right: 54px;
        }
}

@media only screen and (max-width:551px) {
    .MainPrdtBoxCntnr .swiper-backface-hidden .swiper-slide {
        margin-right: 25px;
    }

    .MainPrdtBoxCntnr .BannerArrowCircle {
        top: 7px;
    }

    .MainPrdtBoxCntnr .PrdtPlanBox.PPBactive {
        left: 15px;
    }

    .MainPrdtBoxCntnr.PlanCntnScrollDiv {
        width: calc(100% - 165px);
    }

    .MainPrdtBoxCntnr .PrdtPlanBoxCntnr {
        padding-left: 23px;
    }
}

@media only screen and (max-width:480px) {

    .MainPrdtBoxCntnr .swiper-backface-hidden .swiper-slide {
        margin-right: 20px;
    }

    .MainPrdtBoxCntnr .swiper-slide:last-child {
        margin-right: 10px;
    }

    .MainPrdtBoxCntnr .BannerArrowCircle {
        top: 0px;
    }

    .MainPrdtBoxCntnr.PlanCntnScrollDiv {
        width: calc(100% - 140px);
    }

    .MainPrdtBoxCntnr .PrdtPlanBoxCntnr {
        padding-left: 18px;
    }

    .MainPrdtBoxCntnr .PrdtPlanBox {
        height: 116px;
    }
}

/* for Product Plan selection */
.MainPrdtPlanBoxCntnr.PlanCntnScrollDiv {
    width: calc(100% - 367px);
    float: right;
    cursor: grab;
}

.MainPrdtPlanBoxCntnr .SubPrdtTabMainDiv {
    padding-left: 30px;
}

.MainPrdtPlanBoxCntnr .SubPrdtTab.SPTactive {
    position: absolute;
    left: 80px;
}

@media only screen and (max-width:1370px) {
    .MainPrdtPlanBoxCntnr.PlanCntnScrollDiv {
        width: calc(100% - 365px);
    }

    .MainPrdtPlanBoxCntnr .SubPrdtTab.SPTactive {
        left: 95px;
    }
}

@media only screen and (max-width:1300px) {
    .MainPrdtPlanBoxCntnr .SubPrdtTab.SPTactive {
        left: 80px;
    }

    .MainPrdtPlanBoxCntnr.PlanCntnScrollDiv {
        width: calc(100% - 352px);
    }
}

@media only screen and (max-width:1024px) {
    .MainPrdtPlanBoxCntnr .SubPrdtTab.SPTactive {
        left: 65px;
    }

    .MainPrdtPlanBoxCntnr.PlanCntnScrollDiv {
        width: calc(100% - 335px);
    }
}

@media only screen and (max-width:991px) {
    .MainPrdtPlanBoxCntnr .SubPrdtTab.SPTactive {
        left: 35px;
    }

    .MainPrdtPlanBoxCntnr.PlanCntnScrollDiv {
        width: calc(100% - 282px);
    }
}

@media only screen and (max-width:767px) {
    .MainPrdtPlanBoxCntnr.PlanCntnScrollDiv {
        width: calc(100% - 258px);
    }
}

@media only screen and (max-width:551px) {
    .MainPrdtPlanBoxCntnr .SubPrdtTab.SPTactive {
        left: 15px;
    }

    .MainPrdtPlanBoxCntnr.PlanCntnScrollDiv {
        width: calc(100% - 238px);
    }
}

@media only screen and (max-width:480px) {
    .MainPrdtPlanBoxCntnr.PlanCntnScrollDiv {
        width: calc(100% - 190px);
    }
}

/**-----------------------------------------------------------------------------------------------------------
	old css for Textual Loader by NitinJ as on 23082023
---------------------------------------------------------------------------------------------------------**
.loaderCenter p {
    color: #0072bc;
    /* font-size: 5em; *
    font-size: 50px;
    font-weight: bolder;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

    .loaderCenter p:before {
        content: attr(data-text);
        position: absolute;
        overflow: hidden;
        max-width: 100%; /*17em*
        white-space: nowrap;
        color: #fff;
        /* line-height: 1.6; *
        -webkit-animation: mainloading 3s linear infinite;
        animation: mainloading 8s linear infinite;
    }

    .loaderCenter p sup {
        font-size: 50px;
        vertical-align: text-top;
        font-weight: 100;
    }

@keyframes mainloading {
    0% {
        max-width: 0
    }
}

@-webkit-keyframes mainloading {
    0% {
        max-width: 0
    }
}

@media only screen and (max-width:1300px) {
    .loaderCenter p, .loaderCenter p sup {
        font-size: 40px;
    }

        .loaderCenter p:before {
            max-width: 24em;
        }
}

@media only screen and (max-width:1200px) {
    .loaderCenter p, .loaderCenter p sup {
        font-size: 35px;
    }

        .loaderCenter p:before {
            max-width: 23em;
        }
}

@media only screen and (max-width:990px) {
    .loaderCenter p, .loaderCenter p sup {
        font-size: 25px;
    }

        .loaderCenter p:before {
            max-width: 22em;
        }
}

@media only screen and (max-width:767px) {
    .loaderCenter p, .loaderCenter p sup {
        font-size: 20px;
    }

        .loaderCenter p:before {
            max-width: 21em;
        }
}

@media only screen and (max-width:551px) {
    .loaderCenter p, .loaderCenter p sup {
        font-size: 18px;
    }

        .loaderCenter p:before {
            max-width: 20em;
        }
}

@media only screen and (max-width:480px) {
    .loaderCenter p, .loaderCenter p sup {
        font-size: 14px;
    }
}
**/

/**-----------------------------------------------------------------------------------------------------------
	New css for Textual Loader by NitinJ as on 18092023
---------------------------------------------------------------------------------------------------------**/
.loaderCenter span {
    font-size: 50px;
    font-weight: bolder;
    background: linear-gradient(#fff,#fff) left no-repeat rgba(0, 114, 188, 1);
    background-size: 0% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    animation: loading 8s forwards linear infinite;
}

    .loaderCenter span sup {
        font-size: 50px;
        vertical-align: text-top;
        font-weight: 100;
    }

@-webkit-keyframes loading {
    to {
        background-size: 100% 100%
    }
}

@keyframes loading {
    to {
        background-size: 100% 100%
    }
}

@media only screen and (max-width:1300px) {
    .loaderCenter span, .loaderCenter span sup {
        font-size: 40px;
    }
}

@media only screen and (max-width:1200px) {
    .loaderCenter span, .loaderCenter span sup {
        font-size: 35px;
    }
}

@media only screen and (max-width:990px) {
    .loaderCenter span, .loaderCenter span sup {
        font-size: 25px;
    }
}

@media only screen and (max-width:767px) {
    .loaderCenter span, .loaderCenter span sup {
        font-size: 20px;
    }
}

@media only screen and (max-width:551px) {
    .loaderCenter span, .loaderCenter span sup {
        font-size: 18px;
    }
}

@media only screen and (max-width:480px) {
    .loaderCenter span, .loaderCenter span sup {
        font-size: 14px;
    }
}



/**--- changes by NitinJ as on 24112023 ---**/
@font-face {
    font-family: poppinsSB;
    src: url('../../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../../fonts/Poppins-SemiBold.woff') format('woff'), url('../../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.GiveGetView {
    box-shadow: 5px 5px 10px #00000029;
    border-radius: 8px;
    overflow: hidden;
    animation: horizontal-shaking 0.35s infinite;
}

@keyframes horizontal-shaking {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(5px)
    }

    50% {
        transform: translateX(-5px)
    }

    75% {
        transform: translateX(5px)
    }

    100% {
        transform: translateX(0)
    }
}

.NowPay_Txt {
    background-color: #D6E6F9;
    font-family: poppinsM;
    font-size: 12px;
    padding: 8px 0px;
    font-weight: bold;
}

.YouGive_Cntnt {
    background-color: #ED412D1A;
}

.YouGet_Cntnt {
    background-color: #1A81FF1A;
}

.YouGive_Cntnt, .YouGet_Cntnt {
    padding: 10px 15px;
    padding-top: 30px !Important;
}

.GetGive_ImgCircle {
    width: 60px;
    height: 60px;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px dashed #707070;
    background-color: #fff;
}

    .GetGive_ImgCircle img {
        Width: 35px;
        float: left;
    }

.YouGive_Cntnt h6, .YouGet_Cntnt h6 {
    color: #ED412D;
    font-size: 14px;
    text-align: left;
    font-family: poppinsSB;
}

.YouGive_Cntnt .Amt_Txt, .YouGet_Cntnt .Amt_Txt {
    width: 100%;
    float: left;
    font-family: poppinsB;
    font-size: 14px;
}

.YouGive_Cntnt .Year_Txt, .YouGet_Cntnt .Year_Txt, .YouGet_Cntnt h6 .Year_Txt {
    Width: auto;
    float: left;
    font-size: 12px;
    color: #000;
    font-family: poppinsR;
    background-color: #fff;
    border-radius: 6px;
    padding: 6px 10px;
    text-align: center;
}

.YouGet_Cntnt h6 {
    color: #0475BC;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .YouGet_Cntnt h6 .Year_Txt {
        margin-top: -5px !important;
        font-size: 10px;
    }

.Amt_MnthTxt {
    width: 100%;
    float: left;
    border-top: 1px dashed #707070;
    padding: 4px 0px;
    margin-top: 4px;
    font-family: poppinsSB;
    font-size: 14px;
}

.GiveGetView_Footer p {
    text-align: center;
    font-size: 8px;
    padding: 2px 5px;
}

.GiveGetView_Footer h5 {
    font-family: poppinsSB;
    font-size: 16px;
    color: #000;
    text-align: center;
}

    .GiveGetView_Footer h5 span {
        color: #ED412D;
    }

@media only screen and (max-width:1500px) {

    .YouGive_Cntnt h6, .YouGet_Cntnt h6 {
        font-size: 12px;
    }

    .YouGive_Cntnt .Amt_Txt, .YouGet_Cntnt .Amt_Txt, .Amt_MnthTxt {
        font-size: 11px;
    }

    .YouGive_Cntnt .Year_Txt, .YouGet_Cntnt .Year_Txt {
        font-size: 10px;
    }

    .YouGet_Cntnt h6 .Year_Txt {
        font-size: 8px;
    }

    .YouGet_Cntnt h6 .Year_Txt {
        padding: 6px 5px;
    }
}

@media only screen and (max-width:1200px) {
    .GetGive_ImgCircle {
        width: 42px;
        height: 42px;
    }

        .GetGive_ImgCircle img {
            Width: 24px;
        }

    .NowPay_Txt {
        font-size: 10px;
    }

    .GiveGetView_Footer h5 {
        font-size: 14px;
    }

    .YouGet_Cntnt h6 .Year_Txt {
        Width: 40px;
    }
}

@media only screen and (max-width:1024px) {
    .YouGive_Cntnt, .YouGet_Cntnt {
        padding: 10px 10px;
    }
}

@media only screen and (max-width:991px) {
    .GetGive_ImgCircle img {
        Width: 20px;
    }

    .GetGive_ImgCircle {
        width: 35px;
        height: 35px;
    }

    .YouGive_Cntnt .Year_Txt, .YouGet_Cntnt .Year_Txt, .YouGet_Cntnt h6 .Year_Txt {
        border-radius: 3px;
        padding: 4px 3px;
        font-size: 9px;
    }

    .YouGive_Cntnt .Amt_Txt, .YouGet_Cntnt .Amt_Txt, .Amt_MnthTxt {
        font-size: 10px;
    }

    .GiveGetView_Footer h5 {
        font-size: 12px;
    }

    .GiveGetView_Footer p {
        line-height: 9px;
    }

    .NowPay_Txt {
        line-height: 12px;
    }

    .YouGet_Cntnt h6 {
        display: block;
    }

        .YouGet_Cntnt h6 .Year_Txt {
            width: auto;
            float: left !important;
            margin-top: 2px !important;
        }
}

@media only screen and (max-width:767px) {
    .GiveGetView {
        margin-top: 10px;
    }

    .GiveGetView_Footer p {
        margin-top: 2px;
    }

    .NowPay_Txt {
        font-size: 12px;
    }

    .GetGive_ImgCircle {
        width: 60px;
        height: 60px;
    }

        .GetGive_ImgCircle img {
            Width: 35px;
        }

    .YouGet_Cntnt h6 {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .YouGet_Cntnt h6 span.Year_Txt {
            margin: 0px 5px;
            font-size: 9px;
        }

    .YouGive_Cntnt h6, .YouGet_Cntnt h6, .YouGive_Cntnt .Amt_Txt, .YouGet_Cntnt .Amt_Txt, .Amt_MnthTxt {
        font-size: 14px;
    }

    .YouGive_Cntnt .Year_Txt, .YouGet_Cntnt .Year_Txt {
        border-radius: 6px;
        font-size: 12px;
        padding: 6px 10px;
    }

    .GiveGetView_Footer h5 {
        font-size: 16px;
    }
}

@media only screen and (max-width:575px) {
    .GetGive_ImgCircle {
        width: 52px;
        height: 52px;
        float: none;
        margin: 0px auto;
    }

        .GetGive_ImgCircle img {
            Width: 32px;
        }

    .YouGive_Cntnt h6, .YouGet_Cntnt h6, .YouGive_Cntnt .Amt_Txt, .YouGet_Cntnt .Amt_Txt, .Amt_MnthTxt {
        text-align: center;
    }

        .YouGive_Cntnt .Year_Txt, .YouGet_Cntnt .Year_Txt, .YouGet_Cntnt h6 .Year_Txt {
            margin: 0px auto;
            float: none;
            display: table;
        }

    .YouGive_Cntnt h6, .YouGet_Cntnt h6 {
        margin-top: 10px;
    }

    .YouGive_Cntnt .Amt_Txt {
        margin-bottom: 10px;
    }

    .GiveGetView_Footer h5 {
        font-size: 14px;
    }
}

@media only screen and (max-width:480px) {
    .YouGet_Cntnt h6 {
        display: block;
        float: left;
        text-align: center;
        width: 100%;
    }

        .YouGet_Cntnt h6 span.Year_Txt {
            width: auto;
            margin-top: 9px !important;
            margin: 0px auto;
            float: none !Important;
        }
}



/**===============================================================================================
	Customer Journey css
	by NitinJ as on 28052024
===============================================================================================**/
.StatusSelection, .GoalSelect, .OfferSelect, .PersonalDtlsInput {
    padding-top: 80px;
    height: 100%;
    position: relative;
}

.StatusSelection, .GoalSelect, .OfferSelect {
    display: flex;
    align-items: center;
    justify-content: center;
}

.BackArrowBtn {
    float: left;
    position: absolute;
    top: 90px;
    left: 10px;
    font-size: 12px !Important;
    padding: 5px 9px !Important;
    font-family: poppinsR !Important;
}

    .BackArrowBtn.position-relative {
        top: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

.StatusSelection h1, .GoalSelect h1, .OfferSelect h1 {
    Width: 100%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    color: #535152;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}

.StatusBox {
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px;
}

    .StatusBox label {
        Width: 100%;
        float: left;
        text-align: center;
        text-transform: uppercase;
        margin-top: 15px;
        color: #535152;
        font-size: 16px;
        cursor: pointer;
    }

    .StatusBox img {
        Width: 100%;
        float: left;
    }

.GoalSelect h1, .OfferSelect h1 {
    font-size: 16px;
}

.GoalSelect .StatusBox label {
    font-size: 18px;
    font-family: poppinsB;
}

.GoalSelect_btn {
    Width: 100%;
    float: left;
    font-family: poppinsM;
    letter-spacing: 0.5px;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 8px 0px;
    border-radius: 6px;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 22px;
    background: transparent linear-gradient(180deg, #252626 0%, #626262 100%) 0% 0% no-repeat padding-box;
}

    .GoalSelect_btn.GoalSelect_btn_Active, .RedGradientDiv {
        background: transparent linear-gradient(180deg, #C43B2E 0%, #E94C39 100%) 0% 0% no-repeat padding-box;
    }

.OfferSelect .StatusBox {
    cursor: default;
}

    .OfferSelect .StatusBox label {
        background-color: #000;
        color: #fff;
        padding: 15px 0px;
        cursor: default;
        margin-top: -25px;
        border-radius: 6px;
    }

.RedBoxTxt {
    Width: 100%;
    float: left;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding: 10px 60px;
    border-radius: 10px;
}

    .RedBoxTxt span {
        font-size: 16px;
        font-family: poppinsB;
    }

.OrDivider {
    position: relative;
    text-align: center;
    font-size: 10px;
    color: #626262;
    font-family: poppinsSB;
    margin: 20px 0px;
}

    .OrDivider span {
        width: auto;
        float: none;
        background-color: #fff;
        display: inline-block;
        padding: 0px 5px;
        z-index: 9;
        position: relative
    }

    .OrDivider::before {
        Content: "";
        position: absolute;
        top: 7px;
        left: 0;
        right: 0;
        height: .5px;
        background-color: #c6c6c6;
    }

.PersonalDtlsInput .OTP_InputDiv .OTP_Input {
    width: auto;
}

.RoundInput {
    margin-bottom: 10px;
    position: relative;
}

    .RoundInput input {
        border: 1px solid #95989A;
        border-radius: 5px;
        padding: 0px 11px;
        height: 38px;
    }

        .RoundInput input::placeholder {
            opacity: 0.4;
        }

    .RoundInput label {
        width: auto;
        margin-bottom: -7px;
        margin-left: 8px;
        background-color: #fff;
        position: relative;
        padding: 0px 4px;
        font-family: poppinsB;
        color: #535152;
    }

.MobileInput .CountryCode {
    position: absolute;
    left: 12px;
    top: 18px;
    font-size: 16px;
}

.MobileInput input {
    padding-left: 40px;
}

.BlueGradientBtn {
    padding: 10px 5px;
    font-size: 20px;
    color: #fff;
    font-family: poppinsB;
    border-radius: 10px;
    letter-spacing: 0.5px;
    background: transparent linear-gradient(180deg, #0071B9 0%, #3B98D4 100%) 0% 0% no-repeat padding-box;
}

.YrLabel {
    position: absolute;
    right: 5px;
    top: 45%;
    font-size: 12px;
}

.PersonalDtlsInput .OTP_InputDiv {
    width: 245px;
}

.ResendOtpTime {
    width: 100%;
    float: left;
    text-align: center;
    color: #000;
    font-size: 11px;
}

    .ResendOtpTime #timecount {
        font-size: 12px;
        font-weight: bold;
        text-decoration: underline;
    }

@media only screen and (max-width:1200px) {
    .MobileInput .CountryCode {
        top: 17px;
        font-size: 14px;
    }

    .MobileInput input {
        padding-left: 36px;
    }
}

@media only screen and (max-width:767px) {
    .MobileInput .CountryCode {
        top: 19px;
    }

    .StatusSelection {
        padding-top: 60px;
        padding-left: 50px;
        padding-right: 50px;
    }

        .StatusSelection h1, .GoalSelect h1 {
            font-size: 16px;
        }

    .OfferSelect h1 {
        font-size: 14px;
    }

    .StatusBox label {
        margin-top: 10px;
        font-size: 12px;
    }

    .GoalSelect_btn {
        font-size: 11px;
    }

    .InputDiv.RoundInput input {
        height: 36px;
    }

    .BackArrowBtn.position-relative {
        margin-top: 0px;
    }
}

@media only screen and (max-width:510px) {
    .MobileInput .CountryCode {
        top: 16px;
    }

    .MobileInput input {
        padding-left: 36px;
    }
}

@media only screen and (max-width:480px) {
    .MobileInput .CountryCode {
        top: 14px;
    }
}

@media only screen and (min-width:576px) {
    .RedBoxTxt {
        padding: 10px 50px;
    }

        .RedBoxTxt span {
            width: 100%;
            float: left;
        }
}

@media only screen and (min-width:768px) {
    .RedBoxTxt {
        padding: 10px 53px;
    }
}

@media only screen and (min-width:992px) {
    .RedBoxTxt {
        padding: 10px 46px;
    }
}


/**==============================================================================================================================
   by NitinJ for FNA Journey
    as on 16-07-2024
==============================================================================================================================**/
.TopHeadLogoRow > DIV:first-child {
    border-right: 0px;
}

.TopHeadLogoRow > DIV.Width25perc:nth-child(2) {
    border-left: 1px solid #B7B7B7;
}

.PoppinsSB {
    font-family: poppinsSB;
}

/*Choose Financial Needs page STARTS */
.GreenBox {
    background: transparent linear-gradient(178deg, rgb(96 188 44 / 29%) 0%, rgb(255 255 255 / 29%) 100%) 0% 0% no-repeat padding-box;
}

.VioletBox {
    background: transparent linear-gradient(180deg, rgb(240 222 255 / 71%) 0%, rgb(255 255 255 / 71%) 100%) 0% 0% no-repeat padding-box;
}

.PinkBox {
    background: transparent linear-gradient(180deg, rgb(209 31 31 / 29%) 0%, rgb(255 255 255 / 29%) 100%) 0% 0% no-repeat padding-box;
}

.BlueBox {
    background: transparent linear-gradient(0deg, rgb(248 248 248 / 29%) 0%, rgb(149 167 255 / 29%) 100%) 0% 0% no-repeat padding-box;
}

.GreyBox {
    background: transparent linear-gradient(179deg, rgb(237 216 255 / 29%) 0%, rgb(255 253 252 / 29%) 100%) 0% 0% no-repeat padding-box;
}

.ChooseFNA_section {
    float: left;
    margin-top: 60px;
}

.FNA_Box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    border: 2px solid transparent;
    padding: 10px 8px;
    height: 275px;
    cursor: pointer;
    margin-bottom: 40px;
    transition: 0.5s ease-out all;
}

    .FNA_Box.FNA_Box_Active {
        border: 2px solid #0475BC;
        /*background: #fff !important;*/
    }

    .FNA_Box > img {
        width: 72%;
        margin-top: -22px;/*-17px*/
    }

    .FNA_Box.VioletBox > img {
        margin-top: -28px;
    }

    .FNA_Box.GreyBox > img {
        margin-top: -29px; /*-32px*/
    }

.FNA_Box_Title {
    width: 100%;
    float: left;
    display: flex;
    align-items: end;
    justify-content: space-between;
}

    .FNA_Box_Title p {
        margin-bottom: 0px;
        /*width: 72%;*/
        float: left;
        width: 9ch !important;
    }
.InfoIcon {
    width: 20px;
    height: 20px;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    box-shadow: 0px 3px 5px #00000029;
    border: 0.5px solid #707070;
    cursor: pointer;
    margin-bottom: 2px;
}

.FNA_Box_Active .InfoIcon {
    background-color: #0475BC;
    border: 0.5px solid #fff;
}

.InfoIcon img {
    width: 5px;
}

.FNA_Box_Active .InfoIcon img {
    -webkit-filter: invert(100%); /* Safari/Chrome */
    filter: invert(100%);
}

.Info_popup h4 {
    font-family: poppinsB;
    text-align: center;
    margin: 15px 0px;
    color: #222222;
}

.Info_popup h5 {
    font-family: poppinsB;
    font-size: 15px;
    text-align: center;
    margin: 15px 0px;
    color: #444444;
}

.Info_popup p {
    font-size: 14px;
    color: #444444;
    text-align: center;
}

@media only screen and (max-width:1400px) {
    .FNA_Box {
        height: 235px;
    }
}

@media only screen and (max-width:1200px) {
    .FNA_Box {
        height: 195px;
    }

    .FNA_Box_Title p {
        font-size: 12px;
    }
}

@media only screen and (max-width: 991px) {
    .FNA_Box {
        height: 265px;
    }

    .FNA_Box_Title p {
        font-size: 14px;
        line-height: 16px;
        width: 60%;
    }

    .FNA_Box > img {
        width: 65%;
    }
}
@media only screen and (max-width: 767px) {
    .FNA_Box {
        height: 320px;
    }

    .ChooseFNA_section {
        margin-top: 30px;
    }
    .FNA_Box_Title p {
        width: 55%;
    }
}

@media only screen and (max-width:551px) {
    .ChooseFNA_pg h2 {
        font-size: 18px;
    }

    .ChooseFNA_section {
        justify-content: start !important;
        margin-top: 30px;
    }

    .FNA_Box {
        height: 270px;
        margin-bottom: 25px;
    }

    .FNA_Box_Title p {
        font-size: 12px;
    }

    .ChooseFNA_pg .RedButton {
        width: 100%;
    }

    .FNA_Box.GreyBox > img {
        margin-top: -19px;
    }

    .FNA_Box.VioletBox > img {
        margin-top: -22px;
    }
}

@media only screen and (max-width:480px) {
    .FNA_Box {
        height: 245px;
    }
        .FNA_Box > img {
            width: 70%;
        }
}
@media only screen and (max-width:360px) {
    .FNA_Box {
        height: 220px;
    }
        .FNA_Box > img {
            width: 75%;
        }
}

    /*Choose Financial Needs page ENDS */

    /*WealthAccumulation page STARTS*/
    .NeedsCntnr {
        display: flex;
        align-items: start;
    }

    .CntnrHeading {
        font-size: 22px;
        margin: 15px 0px;
    }

    .FNA_InputSection {
        width: 100%;
        float: left;
        transition: 0.5s ease-out all;
    }

    .FNA_InputsCntnr {
        width: 100%;
        float: left;
        background-color: #fff;
        box-shadow: inset 0px 3px 6px #00000029;
        border-radius: 20px;
        padding: 40px 40px;
        height: 100%;
    }

        .FNA_InputsCntnr .BrdrLabelInpDiv label {
            color: rgb(0 0 0 / 60%);
        }

    /* Slider */
    .SliderDiv .BrdrLabelInpDiv {
        display: flex;
        align-items: start;
        justify-content: space-between;
    }

        .SliderDiv .InputField, .SliderDiv .BrdrLabelInpDiv .InputField {
            width: auto;
            padding: 9px 8px;
        }

    .SliderDiv input {
        width: 25px !important;
        padding: 0px;
        text-align: center;
        color: #222222;
    }

    .ui-slider {
        width: 100%;
        float: left;
        margin-top: 8px;
        height: 6px;
        border: 0px !important;
        box-shadow: -1px 2px 6px #44444429;
    }

    .ui-slider-handle {
        top: -8px !important;
        width: 22px !important;
        height: 22px !important;
        border-radius: 60px;
        box-shadow: 0px 3px 6px #0000003B;
        border: 1px solid #FFFFFF !important;
        background-color: #EF4123 !important;
        cursor: pointer !important;
        position: relative;
        text-align: center;
    }

        .ui-slider-handle::before {
            content: "lll";
            color: #fff;
        }

    .ui-slider-range {
        background-color: #EF4123 !important;
    }

    .LeftValue, .RightValue {
        width: auto;
        color: #222222;
        font-size: 10px;
        margin-top: 18px;
    }

    .LeftValue {
        text-align: left;
        float: left;
    }

    .RightValue {
        text-align: right;
        float: right;
    }
    /* Slider */

    /* Analysis Report */
    .FNA_AnalysisSection {
        width: 27%;
        float: left;
        margin-left: 20px;
        transition: 0.5s ease-out all;
    }

    .RedCollapse_Arrow {
        position: absolute;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: #EF4123;
        margin: 0px auto;
        display: none;
        z-index: 99;
        left: 0;
        right: 0;
        margin-top: -16px;
    }

        .RedCollapse_Arrow i {
            color: #fff;
            font-size: 23px;
        }

    .FNA_AnalysisSection > h4 img {
        width: 26px;
    }

    .FNA_AnalysisDataCntnr {
        width: 100%;
        float: left;
        background: #FFF;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 20px;
        overflow: hidden;
        height: 100%;
    }

    .BlueSection {
        width: 100%;
        float: left;
        background-color: #0475BC;
        padding: 10px 15px;
        padding-bottom: 0px;
    }

    .AmtSect {
        padding: 10px 10px;
        border-bottom: 1px solid #fff;
    }

        .AmtSect label {
            color: #fff;
            font-family: poppinsM;
            font-size: 12px;
        }

        .AmtSect span {
            font-family: poppinsB;
            font-size: 24px;
            color: #fff;
        }

    .GraphSection {
        Width: 100%;
        float: left;
        padding: 10px 17px;
        border-top: 5px solid #EF4123;
    }

    .GraphCntnr {
        display: flex;
        align-items: end;
        width: 115px;
        float: left;
        background: url('../images/Grey_bar.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 319px;
        position: relative;
        margin-top: 50px;
    }

    .CoinGraphCntnr {
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 0px;
    }

    .GraphCntnr .BlueBar_Percent {
        text-align: center;
        font-family: poppinsB;
        font-size: 22px;
        color: #EF4123;
        position: absolute;
        top: -34px;
        left: 15px;
    }

        .GraphCntnr .BlueBar_Percent span {
            font-family: poppinsR;
            font-size: 16px;
            margin-left: 6px;
        }

    .GraphCntnr .BlueBar {
        width: 65px;
    }

    .Coinsimg {
        width: 100%;
    }

    .Shortfall_Cntnr {
        width: 115px;
        float: left;
        margin-top: 122px;
    }

    .Shortfall_Amt {
        width: 100%;
        float: left;
        font-family: poppinsB;
        font-size: 16px;
        color: #EF4123;
        text-align: center;
        border-bottom: 1px solid #000000;
        position: relative;
    }

    .Ivest_Cntnr {
        width: 115px;
        float: left;
        margin-top: 122px;
    }

    .Ivest_Txt {
        float: left;
        margin-top: 64px;
        text-align: center;
        margin-left: -14px;
        font-size: 12px;
        margin-bottom: -1px;
    }

    .Ivest_Amt {
        width: 100%;
        float: left;
        font-family: poppinsB;
        font-size: 14px;
        color: #222222;
        text-align: center;
        margin-left: -7px;
        margin-bottom: 10px;
    }

    .Futurevalue_Right {
        width: 115px;
        float: left;
        margin-top: 122px;
        margin-left: 7px;
    }

    .Futurevalue_Txt {
        float: left;
        margin-top: 43px;
        text-align: center;
        margin-bottom: 5px;
        font-size: 12px;
        margin-left: 24px;
    }

    .Futurevalue_Amt {
        width: 100%;
        float: left;
        font-family: poppinsB;
        font-size: 14px;
        color: #222222;
        text-align: center;
        margin-left: 10px;
    }

    @media only screen and (max-width:1199px) {
        .Ivest_Cntnr {
            margin-top: 82px;
            padding-top: 0px;
        }

        .Ivest_Txt {
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .Ivest_Amt {
            margin-bottom: 0px;
        }

        .Futurevalue_Right {
            margin-top: -88px;
            margin-left: 143px;
        }

        .Futurevalue_Txt {
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media only screen and (max-width:992px) {
        .Ivest_Cntnr {
            margin-top: 74px;
            padding-top: 0px;
        }

        .Ivest_Txt {
            margin-top: 15px;
            margin-bottom: 0px;
            margin-right: 25px;
        }

        .Ivest_Amt {
            margin-bottom: -21px;
            margin-left: -21px;
            float: left;
        }

        .Futurevalue_Right {
            margin-top: -113px;
            margin-left: 92px;
            float: right;
            margin-right: -8px;
        }

        .Futurevalue_Txt {
            margin-top: 0px;
            margin-bottom: 0px;
        }
    }

    @media only screen and (max-width:992px) {
        .Futurevalue_Txt {
            margin-top: 161px;
            margin-bottom: 0px;
        }
    }

    .Shortfall_Amt::before {
        content: "";
        position: absolute;
        left: -73px;
        bottom: 29px;
        width: 86px;
        height: 1px;
        transform: rotate(45deg);
        background-color: #000;
    }

    .Shortfall_Amt::after {
        content: "";
        position: absolute;
        left: -65px;
        top: -41px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #000;
    }

    .Shortfall_Txt {
        width: 100%;
        float: left;
        color: #000000;
        font-size: 10px;
        text-align: center;
    }

    .FNA_AnalysisDataCntnr .RedButton {
        width: 100% !important;
    }

    .Congratulation {
        padding: 10px 15px;
    }

        .Congratulation > img {
            width: 200px;
            margin: 0px auto;
            margin-top: 40px;
        }

        .Congratulation p {
            color: #222222;
            font-size: 12px;
            text-align: center;
        }
    /* Analysis Report */
    @media only screen and (max-width:1400px) {
        .FNA_AnalysisSection {
            width: 33%;
        }
    }

    @media only screen and (max-width:767px) {
        .FNA_InputSection {
            width: 100%;
        }

        .FNA_InputsCntnr {
            box-shadow: none;
            padding: 0px 15px;
        }

        .SliderDiv {
            margin-bottom: 40px;
        }

        .FNA_AnalysisSection {
            width: 100%;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            background: #fff;
            margin-left: 0px;
            z-index: 99;
            height: 100%;
        }

        .FNA_AnalysisDataCntnr {
            margin-top: 10px;
        }

        .CntnrHeading {
            text-align: center !important;
            padding: 0px 15px;
        }

        .RedCollapse_Arrow {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .BlueSection {
            padding: 10px 25px;
        }

        .GraphCntnr {
            margin-left: 45px;
        }
    }

    /*WealthAccumulation page ENDS*/

    /*Education Funding page STARTS*/
    .SmallLabelTxt {
        color: rgb(0 0 0 / 60%);
    }

    .InputWithIcon label {
        display: flex;
        align-items: center;
    }

    .InputWithIcon .InfoIcon {
        width: 16px;
        height: 16px;
        background-color: #0475BC;
        border: 0.5px solid #fff;
        margin-left: 3px;
    }

        .InputWithIcon .InfoIcon img {
            width: 4px;
            -webkit-filter: invert(100%);
            filter: invert(100%);
        }

    .MultiSelectBtn {
        height: 45px;
    }

    .BrdrLabelInpDiv .InputField {
        padding: 0px 0px;
    }

    .InputDiv input {
        padding-top: 7px;
    }
    /*Education Funding page ENDS*/

    /*Product Recommendation page STARTS*/
    .RedButton {
        font-size: 14px;
        padding: 8px 10px;
    }

    .FNA_PrdtRecomendPg {
        padding: 0px 0px;
    }

    .BlueInputSection {
        Width: 100%;
        float: left;
        padding: 30px 0px;
       /* padding-bottom: 70px;*/
        background-color: #0475BC;
    }

    .FNA_PrdtRecomendPg .BlueInputSection .BrdrLabelInpDiv label {
        color: #fff;
    }

    .PrdtRecomend_Sect {
        Width: 100%;
        float: left;
    }

    .Recomend_AllPrdt_Tabs {
        Width: 500px;
        height: 50px;
        display: inline-block;
        margin-top: -25px;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 6px;
        position: relative;
        background-color: #fff;
    }

        .Recomend_AllPrdt_Tabs button {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 50%;
            height: 100%;
            float: left;
            text-align: center;
            font-size: 16px;
        }

            .Recomend_AllPrdt_Tabs button.TabActive {
                background-color: #EF4123;
                color: #fff;
                font-family: poppinsM;
                border-radius: 6px;
            }

    /*Thumbnail slider*/
    .swiper {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .mySwiper .swiper-wrapper {
        align-items: center;
    }

    .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 300px;
        height: 300px;
        transform: none !important;
    }

        .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
        }

    .swiper-slide-prev, .swiper-slide-next {
        height: 260px !important;
        margin-top: 10px !important;
        overflow: hidden;
        filter: blur(3px);
    }

        .swiper-slide-prev img, .swiper-slide-next img {
            border-radius: 10px;
        }

        .swiper-slide-prev img {
            margin-right: -486px;
            float: right;
        }

        .swiper-slide-next img {
            margin-left: -486px;
        }

    .swiper-slide-active {
        border-radius: 10px;
    }

    .swiper-slide-shadow-left, .swiper-slide-shadow-right {
        display: none;
    }

    .swiper-pagination-bullet {
        color: #989898;
    }

        .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background-color: #EF4123;
        }

    .mySwiper-data {
        padding-left: 0px;
    }

        .mySwiper-data .swiper-slide {
            opacity: 0;
        }

        .mySwiper-data .swiper-slide-active {
            opacity: 1;
        }

        .mySwiper-data button.BTRB, .mySwiper-data DIV.BTRB {
            font-size: 14px;
            padding: 6px 0px;
            border-radius: 4px;
            color: #EF4123;
        }

        .mySwiper-data .swiper-slide .CntnrHeading {
            font-family: poppinsB;
            margin-bottom: 8px;
        }

        .mySwiper-data .swiper-slide .SubTxt {
            width: 100%;
            float: left;
            font-size: 12px;
            color: #444444;
        }

        .mySwiper-data .swiper-slide .DiscriptionTxt {
            font-size: 16px;
            line-height: 24px;
            color: #444444;
        }

    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: "";
    }

    .swiper-button-prev, .swiper-button-next {
        font-size: 20px;
        color: #EF4123;
    }

    .mySwiper-data.swiper-backface-hidden .swiper-slide {
        margin-right: 0px;
        width: 100% !important;
    }

        .mySwiper-data.swiper-backface-hidden .swiper-slide.swiper-slide-thumb-active {
            margin-right: 10px;
        }
    /*Modal Popup Css*/
    .EduInfo_popup table.Width100perc td, .EduInfo_popup table.Width100perc th {
        border: 1px solid #707070;
        border-collapse: collapse;
        padding: 5px;
    }

    .EduInfo_popup table.Width100perc {
        border: none;
        margin-bottom: 0px;
    }

        .EduInfo_popup table.Width100perc tr th {
            font-family: 'poppinsSB';
            letter-spacing: 0.4px;
            color: #000000;
            opacity: 1;
            padding: 7px 10px;
            font-size: 14px;
            line-height: 17px;
        }

        .EduInfo_popup table.Width100perc tr td {
            font-family: 'poppinsSB';
            letter-spacing: 0.4px;
            color: #393939;
            opacity: 1;
            padding: 7px 10px;
            font-size: 12px;
            line-height: 16px;
        }

    .EduInfo_popup .modal-body {
        padding: 0;
    }

    .EduInfo_popup .Width100perc p {
        font-family: 'poppinsM';
        letter-spacing: 0.8px;
        color: #393939;
        opacity: 1;
        padding: 10px;
        margin: 0;
        font-size: 16px;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
    }

    .EduInfo_popup .Width100perc {
        margin-bottom: 20px;
    }

    .EduInfo_popup .table-title {
        background-color: #0475BC;
        border-radius: 15px 15px 0px 0px;
    }

    .EduInfo_popup table.Width100perc .table-title th {
        text-align: center;
        font-family: 'poppinsM';
        letter-spacing: 1.04px;
        color: #FFFFFF;
        opacity: 1;
        font-size: 18px;
    }

    .EduInfo_popup table.Width100perc span {
        font-family: 'poppinsM';
        letter-spacing: 0.4px;
        color: #393939;
        opacity: 1;
        font-size: 16px;
        text-align: center;
        width: 100%;
        float: left;
        margin-top: 5px;
    }

    .scrollcontent {
        overflow: auto;
    }
    /*Modal Popup Css*/
    @media only screen and (max-width:767px) {
        .BlueInputSection {
            padding: 25px 0px;
            padding-bottom: 20px;
        }

        .Recomend_AllPrdt_Tabs {
            margin-top: 0px;
        }

        .swiper.mySwiper-data {
            padding-top: 10px;
        }

        .mySwiper .swiper-slide {
            height: 240px;
        }

        .mySwiper .swiper-slide-prev, .mySwiper .swiper-slide-next {
            height: 190px !important;
        }

        .swiper-slide-prev img {
            margin-right: -267px;
        }

        .swiper-slide-next img {
            margin-left: -267px;
        }
    }

    @media only screen and (max-width:480px) {
        .FNA_PrdtRecomendPg {
            margin-top: 61px;
        }
    }
    /*Product Recommendation page ENDS*/

    /*Modal Popup Css*/
    @media only screen and (max-width:1300px) {
        .EduInfo_popup table.Width100perc tr td {
            font-size: 12px;
        }
    }

    @media only screen and (max-width:1200px) {
        .EduInfo_popup table.Width100perc tr th {
            font-size: 14px;
        }
    }

    @media only screen and (max-width:1024px) {
        .EduInfo_popup table.Width100perc .table-title th {
            letter-spacing: 0.5px;
            font-size: 14px;
        }
    }

    @media only screen and (max-width:990px) {
        .EduInfo_popup table.Width100perc tr th {
            padding: 2px;
            font-size: 14px;
        }

        .EduInfo_popup table.Width100perc tr td {
            padding: 2px;
            font-size: 12px;
        }

        .EduInfo_popup table.Width100perc .table-title th {
            font-size: 12px;
        }

        .EduInfo_popup .Width100perc p {
            letter-spacing: 0.5px;
            font-size: 10px;
        }

        .EduInfo_popup table.Width100perc span {
            letter-spacing: 0.5px;
            font-size: 12px;
        }
    }

    @media only screen and (max-width:767px) {
        .EduInfo_popup .Width100perc p {
            letter-spacing: 0.5px;
            font-size: 10px;
        }

        .EduInfo_popup table.Width100perc span {
            letter-spacing: 0.5px;
            font-size: 12px;
        }
    }

    @media only screen and (max-width:500px) {
        .EduInfo_popup table.Width100perc tr th {
            padding: 2px;
            font-size: 10px;
        }

        .EduInfo_popup table.Width100perc tr td {
            padding: 2px;
            font-size: 10px;
        }
    }


    /**--- changes by NitinJ aas on 05082024 ---**/
    .mySwiper-data .swiper-wrapper .swiper-slide-next:only-child {
        filter: blur(0px);
    }

    .swiper-button-disabled {
        display: none;
    }

    .swiper-button-next i, .swiper-button-prev i {
        font-size: 24px;
        font-weight: 600;
    }

    .NoRecommendPrdt img {
        width: 380px;
        margin: 0px auto;
    }

    @media only screen and (min-width:1025px)
    {
        .mySwiper .swiper-slide-prev img {
            margin-right: -240px;
        }
        .mySwiper .swiper-slide-next img {
            margin-left: -240px;
        }
    }
@media only screen and (min-width: 1201px) {
    .mySwiper .swiper-slide-prev img {
        margin-right: -270px;
    }
    .mySwiper .swiper-slide-next img {
        margin-left: -270px;
    }
}
    @media only screen and (min-width:1301px) {
        .mySwiper, .mySwiper-data {
            padding-top: 40px;
            padding-bottom: 20px;
        }

            .mySwiper .swiper-slide.swiper-slide-active {
                height: 270px;
            }

            .mySwiper .swiper-slide-prev, .swiper-slide-next {
                height: 210px !important;
                margin-top: 6px !important;
            }

                .mySwiper .swiper-slide-prev img {
                    margin-right: -290px; /*-200px*/
                }

            .mySwiper .swiper-slide-next img {
                margin-left: -290px; /*-200px*/
            }
    }

.Errormsg
{
    display:none;
}
.InputDiv
{
    position:relative;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}


.InputWithIcon i.fa-inr {
    bottom: auto;
    top:31px;
}
@media only screen and (max-width:1200px)
{
    .InputWithIcon i.fa-inr {
        top: 25px;
    }
}
@media only screen and (max-width:991px) {
    .InputWithIcon i.fa-inr {
        top: 23px;
    }
}
@media only screen and (max-width:767px) {
    .InputWithIcon i.fa-inr {
        top: 28px;
    }
}
@media only screen and (max-width:551px) {
    .InputWithIcon i.fa-inr {
        top: 25px;
    }
}
.EduInfo_popup table.Width100perc tr th {
    background-color: #d2d2d2;
}
.MobInput.InputDiv > span input {
    height: 31.5px;
}
.YourDetails_Popup .CntnrHeading i {
    cursor: pointer;
}

/**--- changes by NitinJ as on 27082024 ---**/
.WhiteHead {
    width: 100%;
    float: left;
    text-align: center;
    font-family: poppinsB;
    font-size: 28px;
    color: #fff;
    margin-bottom: 25px;
}
.mySwiper-data .swiper-slide {
    height: auto!important;
}
.mySwiper .swiper-pagination .swiper-button-next,
.mySwiper .swiper-pagination .swiper-button-prev {
    position: relative;
    top: 10px;
    bottom: auto;
    height: auto;
    width: auto;
}
.mySwiper .swiper-pagination .swiper-button-next {
    left: 5px;
    right:auto;
}
.mySwiper .swiper-pagination .swiper-button-prev {
    right: 5px;
    left:auto;
}
.mySwiper .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}
.mySwiper .swiper-slide-active {
    overflow: hidden;
}
.swiper-pagination {
    position: relative;
    margin-top: 15px;
    top: auto !important;
    bottom: auto !important;
}
.SwipeMessage, .CountMesag {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0px;
    color: #ef4123;
    font-weight:600;
}

@media only screen and (min-width:768px) {
    .mySwiper .swiper-wrapper {
        height: 300px;
    }
}
@media only screen and (max-width:1200px) and (min-width:1025px)
{
    .mySwiper .swiper-slide {
        height: 260px;
    }
    .mySwiper .swiper-slide-prev, .mySwiper .swiper-slide-next {
        height: 212px !important;
    }
    .mySwiper .swiper-pagination {
        margin-top: 5px;
    }
    }
@media only screen and (min-width:767px) and (max-width:1024px)
{
    .mySwiper.swiper {
        padding-bottom: 15px;
    }
    .mySwiper .swiper-slide {
        height: 240px;
    }
    .mySwiper .swiper-pagination {
        margin-top: 5px;
    }
}
@media only screen and (max-width:767px)
{
    .mySwiper.swiper {
        padding-bottom: 20px;
    }
    .CountMesag
    {
        margin-top:0px;
        margin-bottom:10px;
    }
    .swiper.mySwiper {
        padding-top: 25px;
    }

    .mySwiper-data .swiper-slide .DiscriptionTxt {
        font-size: 14px;
    }
    .swiper.mySwiper-data {
        padding-top: 0;
    }

}
@media only screen and (max-width: 480px) {
    .mySwiper .swiper-slide {
        height: 225px;
    }
    .SwipeMessage, .CountMesag {
        font-size: 10px;
    }
    .mySwiper-data .swiper-slide .DiscriptionTxt {
        font-size: 13px;
        line-height: 22px;
    }
    .WhiteHead {
        font-size: 20px;
    }
    .mySwiper-data .swiper-slide .SubTxt {
        font-size: 10px;
    }
    .mySwiper-data .swiper-slide-prev, .mySwiper-data .swiper-slide-next {
        margin-top: 0px !important;
    }

}

/**--- changes by NitinJ as on 29082024 ----**/
/* for Product Recommend */
@media only screen and (max-width: 1400px) and (min-width:1301px)
{
    .BlueInputSection {
        padding: 21px 0px;
        padding-top:15px;
    }
    .WhiteHead {
        margin-bottom: 18px;
    }
    .mySwiper {
        padding-top: 14px;
    }
    .mySwiper-data {
        padding-top: 30px;
    }
    .mySwiper, .mySwiper-data {
        padding-bottom:0px;
    }
    .CountMesag {
        margin-top: 0px;
    }
    .swiper-pagination {
        margin-top: 5px;
    }
}

/* Child Education */
.EduInfo_popup table.Width100perc tr th span {
    font-family: 'poppinsSB';
    letter-spacing: 0.4px;
    color: #000;
    font-size: 12px;
    width: auto;
    float: none;
    display:inline-block;
    margin-top:0px;
}
@media only screen and (max-width:991px)
{
    .EduInfo_popup table.Width100perc {
        max-width: max-content;
    }
    .EduInfo_popup table.Width100perc tr td {
        padding: 6px 4px;
        font-size: 12px;
        white-space: nowrap;
    }
    .EduInfo_popup table.Width100perc tr th {
        padding: 6px 4px;
        white-space: nowrap;
    }
}
@media only screen and (max-width:767px)
{
    .EduInfo_popup table.Width100perc tr th {
        font-size: 12px;
    }
    .EduInfo_popup table.Width100perc tr td {
        font-size: 10px;
    }
    }