﻿
@font-face {
    font-family: 'Montserrat';
    src: url('../../image/FontsFree-Net-Montserrat-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../../image/Montserrat-Regular.ttf') format('truetype');
}


.height-100 {
    height: 100vh
}

.card {
    width: 400px;
    border: none;
    height: 300px;
    box-shadow: 0px 5px 20px 0px #d2dae3;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

    .card h6 {
        color: red;
        font-size: 20px
    }

.inputs input {
    width: 40px;
    height: 40px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.card-2 {
    background-color: #fff;
    padding: 10px;
    width: 350px;
    height: 100px;
    bottom: -50px;
    left: 20px;
    position: absolute;
    border-radius: 5px
}

    .card-2 .content {
        margin-top: 50px
    }

        .card-2 .content a {
            color: red
        }

.form-control:focus {
    box-shadow: none;
    border: 2px solid red
}

.validate {
    border-radius: 20px;
    height: 40px;
    /*background-color: red;*/
  /*  border: 1px solid red;*/
    width: 140px
}


@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Montserrat';
    font-size: 14px;
}

img {
    max-width: 100%;
}

.container__accordion {
    max-width: 100vw;
    /*  min-height: 100vh;*/
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    padding: 2rem .5rem 0rem .5rem;
}

.accordion {
    list-style: none;
    max-width: 100%;
    width: 100%;
}

.accordion__item {
    margin-bottom: .8rem;
    border: 1px solid #F2F2F2;
    transition: all .2s linear;
}

    .accordion__item.open {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    }

.accordion__item__head {
    padding: 1rem;
}

.accordion__item__head {
    background: #8e43e7;
    /*color: #EEE;*/
    color: #ffffff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .accordion__item__head h2 {
        text-transform: uppercase;
        font-size: 1.3rem;
    }

    .accordion__item__head i {
        transition: transform .3s linear;
    }

.accordion__item.open .accordion__item__head i {
    transform: rotate(-180deg);
}

.accordion__item__body {
    overflow: hidden;
    height: 0;
    /*border-left: 3px solid #8e43e7;*/
}

.accordion__item.open .accordion__item__body {
    padding: 1rem 1rem 0rem 1rem;
    height: auto;
}

.accordion__item__body > *:not(:first-child) {
    margin-top: .8rem;
}
.ressipbow > p, .ressipbow > h3 {
    font-size: 2rem;
}

.accordion__item__body p {
    font-size: .9rem;
    line-height: 1.3;
}

@import url("https://cdnjs.cloudflare.com/ajax/libs/colors/1.0/colors.min.css");



.container-a0 {
    width: 100%;
}

.header_A {
    height: 80px;
    background-color: #fff;
    color: #000;
}

.header_A, col-md-8 {
    padding: 10px;
}

.header_A, col-md-4 {
}


input {
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 1px solid #d5bdbd;
    font-weight: 200;
}


#myChart_Liabilities {
    height: 300px;
    width: 100%;
    
}
.parcharts{ width:300px;height:300px;}
.piechartes {
    max-width:320px;
    max-height: 48vh;
    margin-left: -60px;
    margin-top: 50px;
}

.div2 {
    width: 100%;
    padding: 25px;
    border-radius: 1em;
    border: 1px solid #000000;
    background-color: #000000;
    color: #f5f5f5;
}

.divhouse {
    width: 100%;
    padding: 25px;
    border-radius: 1em;
    border: 1px solid #fff;
    background-color: #dccb89;
    color: #f5f5f5;
}

#myChart01 {
    height: 330px;
    width: 100%;
    min-height: 150px;
}

.zc-ref {
    display: none;
}

#myChart02 {
    height: 330px;
    width: 400px;
    min-height: 150px;
}

.zc-ref {
    display: none;
}

#myChart03 {
    height: 330px;
    width: 530px;
    min-height: 150px;
}

.zc-ref {
    display: none;
}

#myChart_Detailed {
    height: 100%;
    width: 100%;
}


#container {
    height: 400px;
}

.highcharts-figure,
.highcharts-data-table table {
    min-width: 310px;
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Montserrat;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

#pie-chart {
    width: 500px;
    height: 250px;
    position: relative;
}

    #pie-chart::before {
        content: "";
        position: absolute;
        display: block;
        width: 120px;
        height: 115px;
        left: 315px;
        top: 0;
        background: #FAFAFA;
        box-shadow: 1px 1px 0 0 #DDD;
    }

    #pie-chart::after {
        content: "";
        position: absolute;
        display: block;
        top: 260px;
        left: 70px;
        width: 170px;
        height: 2px;
        background: rgba(0,0,0,0.1);
        border-radius: 50%;
        box-shadow: 0 0 3px 4px rgba(0,0,0,0.1);
    }

/*Name textbox*/
.usr_head {
    font-size: 15px;
}

.accor_head {
    font-size: 18px;
}

.field_head {
    font-size: 16px;
}

.form-group > label {
    bottom: 34px;
    left: 15px;
    position: relative;
    background-color: white;
    padding: 0px 5px 0px 5px;
    /* font-size: 0.9em;*/
    font-size: 14px;
    transition: 0.2s;
    pointer-events: none;
}

.form-control:focus ~ label {
    bottom: 55px;
}

.form-control:valid ~ label {
    bottom: 55px;
}


@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,700");

* {
    margin: 0;
    font-family: Montserrat;
}



.accordion-wrapper {
    display: block;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    max-width: 100%;
    margin: 0 auto;
    margin-top: 12px;
    margin-bottom: 12px;
}

.accordion + .title {
    user-select: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    background: #b3a09f;
}

.accordion ~ .title strong {
    line-height: 24px;
    color: white;
}

.accordion ~ .title .side-icon {
    display: block;
}

.accordion:checked ~ .title .side-icon {
    display: none;
}

.accordion ~ .title .down-icon {
    display: none;
}

.accordion:checked ~ .title .down-icon {
    display: block;
}

.accordion ~ .content {
    /*display: none;*/
    padding: 8px;
    /*cursor: pointer;*/
    font-style: normal;
}

.accordion:checked ~ .content {
    display: none;
}

.btn {
    background-color: #ffea00;
    /*border: 2px solid #e74c3c;*/
    border-radius: 1em;
    color: #000000;
    cursor: pointer;
    display: flex;
    align-self: center;
    /*font-size: 1rem;*/
    font-weight: 700;
    /*line-height: 1;*/
    /*margin: 20px;*/
    padding: 0.7em 1.5em;
    text-decoration: none;
    text-align: center;
    /*text-transform: uppercase;Montserrat*/
    /*font-family: "Montserrat", sans-serif;*/
    font-weight: 700;
    font-size: 15px;
}

    .btn:hover, .btn:focus {
        color: #fff;
        outline: 0;
        font-weight: 700;
    }

.first {
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
}

    .first:hover {
        background-color: #ffea00;
    }

.CLEAR_button {
    color: #000000;
}

    .CLEAR_button:hover {
        color: #ffffff;
    }

.remove_list {
    position: absolute;
    text-align: right;
    right: 100px;
    z-index: 999;
}

.mobile_pop {
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    height: 100vh;
    width: 98%;
    z-index: 990;
}

.add_more {
    background-color: #ffea00;
    /*border: 2px solid #e74c3c;*/
    border-radius: 1em;
    color: #000000;
    cursor: pointer;
    display: flex;
    /*font-size: 1rem;*/
    font-weight: 700;
    /*line-height: 1;*/
    /*margin: 20px;*/
    padding: 0.7em 1.5em;
    text-decoration: none;
    /*text-transform: uppercase;*/
    /*font-family: "Montserrat", sans-serif;*/
    font-weight: 700;
    font-size: 13px;
}

    .add_more select {
        width: 100%;
        border: none;
        background-color: #ffea00;
        text-align: left;
        outline-style: none;
    }

        .add_more select:hover {
            border: none;
            outline-style: none;
        }

        .add_more select option {
            background-color: #fff;
            text-align: left;
        }


.sign_btn {
    background-color: #FFF200;
    color: #000;
    font-family: Montserrat;
    font-size: 15px;
    padding: 3px 0px;
    margin-top: -6px;
    font-weight: 600;
    text-align: center;
    box-shadow: 0px 5px 20px 0px #d2dae3;
    border-radius: 10px;
    cursor: pointer;
}

    .sign_btn:hover {
        font-size: 18px;
        padding: 1px 0px;
    }

.col-autosave{width:100%;padding-left:10px;margin-bottom:10px;display:inline-block;}
.col-autosize{width:160px;height:18px;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #d5dbdc;
    opacity: 1; /* Firefox */
}

.desck_pop {
    font-size: 12px;
}
#retirement_age{
   width:40%;
}

.fa-location-arrow {
    margin-top: -20px;
    font-size: 18px;
}

.pop_descrip {
    position: absolute;
    width: 500px;
    z-index: 999;
    background-color: #FFEA00;
    padding: 10px;
    border-radius: 15px;
    margin-top: 40px;
    font-size: 12px;
}

.display-no {
    display: none;
}

.remove1012{display:block;}

.Perp_percent {
    display: inline-block;
    width: 80%;
    padding-top: 20px;
}
.perp_head{width:100%;float:left;font-size:18px;}

.deskarrow {
    width: 20px;
    min-height: 70px;
    border-radius: 15px;
    background-color: #FFEA00;
    color: #FFEA00;
}

.desck_qus {
    right: 0;
    float: right;
    margin-top: -20px;
}

.returnperc {
    font-size: 20px;
    color: #5a5050;
    font-weight: bold;
    font-family: Montserrat;
    border-collapse: collapse;
}

.font-let {
    font-size: 20px;
}

 /*.col-totalgoalbot{  width: 59%; float: left;  z-index: 999;  padding: 0% 1%;}
        .col-totalgoal1 {
            width: 23%;
            float: left;
            z-index: 999;
            padding: 0.3%
        }

        .col-totalgoal {
            width: 38%;
            float: left;
            z-index: 999;
            padding: 1%
        }*/



.Add_buttonAfter {
    width: 30%;
}
.goalfield_after{
    width:25%;
    float:left;
}
.mar10{ margin-top:10px;}
.padd10{ padding:10px;}
.padd1010{padding:0px;}
.col_lia_year{ padding-top:10px;}
.inflotion{ font-size:16px;}


.remove1010{display:none;}
.col-choospre-button{width:100%;height:50px; margin:8rem 0rem 8rem 2rem;margin-top:30px; }
.otp_enterboe{ width:60%;}
 .modal-dialog { width: 600px;  margin: 30px auto }
 .otpsumitbox{ width:60%; margin:0 auto; }
  .otpsumitbox input{ width:80%;}

  button{ border:none;}

.choose_return1{width:20%; text-align:center; margin:0;}
.choose_return2{width: 17%; text-align:center; margin:0;}
.choose_return3{width: 23%; text-align:center; margin:0;}
.choose_return4{width: 20%; text-align:center; margin:0;}
.choose_return5{width: 20%; text-align:center; margin:0;}

.dob1{ width:50px;}
.dob2{ width:80px;}

.col-cashtotalincome1 {
    width: 60%;
    float: left;
}

.col-cashtotalincome2 {
    width: 40%;
    float: right;
}

.cal_link{ margin-bottom:10px; width:100%; margin:0 auto; background-color:#ffea00; color:#000; padding:5px 0px; margin-bottom:10px; border-radius:15px;}
        .showdiskpop > .fa{ font-size:1.2rem;}
        .caldiskpop{ position:absolute; z-index:999; background-color:#ffea00; text-align:left; padding:15px; display:none; border-radius:15px; margin:20px 0px 0px 0px;}
        .callingclick:hover{ color:#0a8ca9 }
        .showdiskpop:hover .caldiskpop {
            display: block;
            color:#000;
        }

.col-retir-head{margin-left:7px;width:100%;font-style:normal;}
    .col-retirsubhead{width: 100%;text-align: center;}
    .col-retirsubhead2{width: 100%;text-align: center;}
    .font-15{font-weight:600;font-size:17px}
.retirment-1{background-color: #000; height: auto; color: #fff;}
.retirment-2{background-color: #FFEA00; height: auto;color: #000;}

.simulator_body {
    margin: 30px auto;
    width: 100%;
/*    background-color: #F6F6F6;*/
    border-radius: 10px;
}

        .retiresimulator_body {
            margin: 10%  auto;
            width: 60%;
            background-color: #F6F6F6;
            border-radius: 10px;
           
        }

        .Resetretiresimulator_body {
            margin: 10% auto;
            width: 50%;
            background-color: #F6F6F6;
            border-radius: 10px;
        }

.perpvalue{ width:20%;}
.simu_Scenario3update{ padding-top:8px;}


.recalsimulator{ width:40%;}
.container{ width:96%;}

/*---Calculator---*/

.calc{background-color:#ebebeb ;width:300px;height:360px;float:right;}
#disp{display:block;height:52px;background-color:#000;margin:8px;}
.calc button{height:54px;width:71px;background-color:#ffea00;margin : 0px;box-shadow:0px 0px 2px 0px #fff;}
#ans{width:295px;}
#disp{font-size:45px;text-align:right;overflow:auto;background-color:white;}



/*-----Paymentcss-------*/

.col-dsply{ width:100%;display:inline-block;}
.pull-left{float:left; }
.pull-right{float:right;}
.pull-center{margin:0 auto;}
.bold{font-weight:bold;}
.pointer{cursor:pointer;}
.mu_active{color:black;width:auto;border-bottom:3px solid;}
.no-display{display:none;}
.borderred{border-color:red;border-radius:5px;}
.bordegreen{border-color:#0ce510;border-radius:5px;}
.display-block{ width:100%; display:inline-block}

.Head_image{
   width:100%;
   display:inline-block;
}

.Head_image > .pull-left:nth-child(1) { width: 46%; }
.Head_image > .pull-left:nth-child(2) {  width: 52%; text-align:right; }

.Emil_align{width:100%;display:inline-block;margin-top:50px;}
.Emil_align > .pull-left:nth-child(1) { width: 53%; }
.Emil_align > .pull-left:nth-child(2) { width: 45%; }

.boxinside_align{width:100%;display:inline-block;text-align:center; margin-bottom:10px;}

.boxinside_align > .pull-left:nth-child(1) { width: 50%; overflow:hidden; height:20px; }
.boxinside_align > .pull-left:nth-child(2) {width: 10%;}
.boxinside_align > .pull-left:nth-child(3) { width: 35%; text-align:left;}

  .Price_headcont{width:100%;display:inline-block;margin-top:10px;height:350px;}
 .pricesub_cont{margin:0 auto;width:100%;margin-top:10px;}
 .priceplancontent{text-align:center;font-size:24px;margin-bottom:40px;}
 .pricehaed_top{margin:0 auto;width:200px; text-align:center}


.basic_whole {
    float: left;
    width: 46%;
    border: 1px solid rgba(0, 0, 0, .1);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.pro_whole {
    float: right;
    width: 46%;
    border: 1px solid rgba(0, 0, 0, .1) ;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
 /*.basic_whole:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, .1);height:400px;border-radius:10px;margin-top:-10px;}*/
/* .pro_whole:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, .1);height:400px;border-radius:10px;margin-top:-10px;}*/

.pro_whole:hover, .basic_whole:hover {
    box-shadow: 0 2px 40px 0 rgba(205, 205, 205, 0.55);
    border-radius: 10px;
    margin-top: -10px;
}
  .pro_whole.pricing-card-highlighted {
    box-shadow: 0 2px 40px 0 rgba(205, 205, 205, 0.55); }
  .pro_whole:hover {
    box-shadow: 0 2px 40px 0 rgba(205, 205, 205, 0.55);
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }

 .basic_subtext{text-align:center;font-size:34px;padding-top:50px;font-weight:bold;}
 .basicleft_box{width:100%;display:inline-block;margin-top:10px;padding:10px 0px;border-radius:3px;}
 .bsicleft_sub{margin:0 auto;width:80%;}
 #sumary_containe{ box-shadow:0px 0px 10px 0px rgba(0, 0, 0, .1); padding:30px 40px;}
/* .right-summary{ width:49%; }
 .left-summary{ width:49%;}*/
  
 .paid_wholehead{width:100%;display:inline-block;margin-top:20px;}
 .paidcontiner_btn{width:40%;margin:0 auto;text-align:center;}
.paybtnalign {
    background-color: yellow;
    width: 100%;
    border-radius: 5px;
    padding: 8px 8px;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    border: none;
    border-radius: 40px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
 .paybtnalign:hover{ box-shadow: 0 2px 2px 0 #979393; }
 .payment_headbottom{width:100%;display:inline-block;}
/* .payment_headbottom div:first-child { width:55%; }

 .payment_headbottom div:nth-child(2) {
    width: 40%;
}*/

 .copon_codehead{width:100%; display:inline-block; }
 .copon_codehead div:first-child {
    width:40%;
  
	
}

    .copon_codehead div:nth-child(2) {
        width: 40%;
      
    }
    .copon_codehead div:nth-child(3) {
        width: 20%;
       
    }

.copon_aligment{text-align:center;margin:0 auto;width:100%;background-color:limegreen;color:#fff;border-radius:5px;cursor:pointer;padding:2px 3px;  }

.insidepay{width:100%;}
    .insidepay > .col-dsply div:first-child {
        width: 60%;
    }
    .insidepay > .col-dsply div:nth-child(2) {
        width: 10%;
        text-align: right;
    }

    .insidepay > .col-dsply div:nth-child(3) {
        width: 30%;
        text-align: right;
    }

.bottom_butnhead{margin-top:20px;}
.backbtn{padding:10px 30px;background-color:gray;color:#fff;border-radius:5px;cursor:pointer;}
.paybtn{padding:10px 30px;background-color:limegreen;color:#fff;border-radius:5px;cursor:pointer;}
.entry_procoder input{ width:40%;border:1px solid;}


.pop-massge {
    width: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.5);
    height: 100vh;
    z-index: 999;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.pop-container{ width:94%; margin:0 auto;}
.pop-body {
    width: 100%;
    display: inline-block;
    margin-top: 3%;   
    background-color: #fff;
    border-radius: 10px;
    box-shadow:0px 0px 10px 2px rgba(0,0,0,0.5);
    padding: 10px;
    padding-bottom:10px;
}

.Email_headerr{margin:0 auto;width:50%;}
.email_subb{width:100%;border:1px solid #f3f4f2;border-left:none;border-right:none;}
.email_top{margin:0 auto;width:60%;padding-bottom:10px;padding-top:10px;}


.catelan_head{width:100%;margin-top:30px;}
.catelog_subhed{width:100%;margin-top:30px;}
.heading_catelog{width:100%;text-align:center;}
.subtexte{font-size:20px;font-weight:bold;}

.plan_boxtop{width:100%;display:inline-block;box-shadow:0px 0px 5px 0px;padding:10px 10px;padding-top:10px;padding-bottom:20px;border-radius:5px;}
.plan_headsub{width:100%;display:inline-block;text-align:center;font-size:20px;font-weight:bold;}
.planlist_head{width:100%;margin-top:20px;display:inline-block;border-radius:10px;}

.botbutn_head{width:100%;margin-top:50px;}
.botbtn_subhead{margin:0 auto;width:30%;}
.bottom_btn{box-shadow:0px 0px 3px 0px;background-color:yellow;font-weight:bolder;text-align:center;padding:5px 10px;width:100%;border-radius:3px;cursor:pointer;}
.bottom_btns{ font-size:1.8em; }
.containe_cat{ width:80%; margin: 30px auto;}
.cataloghead_box {
    width: 100%;
}
.cataloghead_box .alien_contine:first-child {
    width:32%;	

}
.cataloghead_box .alien_contine:nth-child(2) {
    width: 32%;
    margin-left:20px;
}
.cataloghead_box .alien_contine:nth-child(3) {
    width: 32%;
    margin-left:20px;

}

.freesecton1{width:100%;display:inline-block;font-weight:bold;font-size:13px;line-height:35px;}
.freesecton1 div:first-child {
    width:10%;
    margin-top:8px;
}
.freesecton1 div:nth-child(2) {
    width: 50%;
}
.freesecton1 div:nth-child(3) {
    width: 5%;
}
.freesecton1 div:nth-child(4) {
    width: 30%;
}

.freesecton2{width:100%;display:inline-block;font-weight:bold;font-size:13px;line-height:35px;}
.freesecton2 div:first-child {
    width:10%;
    margin-top:8px;
	font-size:18px;
}
.freesecton2 div:nth-child(2) {
    width: 60%;

}

.catlob_btns{ width:250px; margin:20px auto; background-color:#ffea00; padding:7px 30px;}

.catlog_left{font-size:18px; font-weight:500; padding-right:20px;}
.catlog_right{ background-color:#ffea00; text-align:center;  cursor:pointer; font-size:18px; font-weight:bold;  border-radius: 10px;}

    .catlog_right:hover {
        box-shadow: 0 2px 40px 0 rgba(205, 205, 205, 0.55);
        border-radius: 10px;
       margin-top:-2px;
    }






/*    Report sunbs plan*/

.subs_containe{ width:30%; margin: 30px auto; background-color:#fff; padding:0px 2px; border-radius:10px;}
.subspl_titel{width:100%; font-size:18px; margin-bottom:30px; text-align:center;}
.subscripe_btn{ background-color:#ffea00; width:40%; margin:0 auto; padding:10px; font-size:18px; font-weight:bold; border-radius:10px; text-align:center;}



/*EDIT subs Plan*/

.remove_list{ z-index:998;}
.subs_editcontainer{ z-index:999;}
.repo_subsm{ width:100%; position:fixed; z-index:999; }
.subsedit_body { width:400px; margin: 30px auto; background-color:#fff; border-radius:10px; }
.credit_body{padding:10px; }
.subs_crditti{ text-align:center; font-size:22px; margin-bottom:10px; }
.credit_countbox{ width:32%; text-align:center; font-size:18px;}
.credit_titl{  padding-top:10px;}
.credit_conten{}
.credit_count { margin-top:0px; font-size:1.5em;}
.credit_countbox:nth-child(1) .credit_count {
    color: #687e96;
}
.credit_countbox:nth-child(2) .credit_count {
    color: red;
}
.credit_countbox:nth-child(3) .credit_count {
    color:forestgreen;
}
.cridit_okbtn{ width:20%; margin: 0px auto; margin-top:10px; padding:3px 10px; text-align:center; background-color:#ffea00; font-size:16px; font-weight:bold; border-radius:10px;}

.subspop-container{ width:300px; margin:50px auto; text-align:center;}

/*--------------Report google play store btn-----------------*/
.triangle_topleft {
    background-color: yellow;
    padding: 5px 10px 10px 10px;
    font-size: 2em;
    border-bottom-right-radius:50%;
}
.traingle_full {
    min-height: 130px;
    border-top: 1px solid;
    background-image: url('../image/Play_back.png');
}
#triangle_up {
    width: 100px;
    height: 0;
    float: right;
    border-left: 200px solid transparent;
    border-bottom: 130px solid #fff;
}
.triangle_left{ 
    width:60%;
    float:left;
   
}
.start_inves{ 
    width:100%;
    font-size:2em;
    margin-top:20px;
    font-weight:900;
}
.download_app {
    width: 70%;
    float: right;
    text-align: center;
    font-size: 20px;
    margin-top: 10px;
    font-weight: 900;
}

.before_playbtn{ min-height: 130px;}
.play_bton{ width:200px; height:70px; max-height:60px;  margin:30px auto;}
.play_bton img { width:100%; height:100%; cursor:pointer;}
.play_btonweb{text-align:center;}
.play_btonweb img{ width:130px; height:110px; cursor:pointer;}

/*Invalid mobile*/
.Invalid_pop{ position:fixed; width:100%; height:100vh; background-color:rgba(0,0,0,0.5); z-index:999;}
.Invalid_popBody{ background-color:#fff; width:500px; margin:100px auto; padding:20px; text-align:center; border-radius:10px;}
.invali_text1{ font-size:20px; margin-bottom:10px;}
.invali_text2{ font-size:16px; margin-bottom:20px;}
.invali_text3{ font-size:16px; margin-bottom:10px;}
.invali_text4{ width:100px; margin:0 auto; background-color:#ffea00; color:#000; padding:5px 0px; border-radius:5px; cursor:pointer;}
/*HOUSING LOAN*/
.housing_loan {
    width: 100%;
    display: inline-block;
}