/* You can add global styles to this file, and also import other style files */
    /*bootstrap*/
    
    @import "assets/css/bootstrap/bootstrap.min.css";
    /*fontawesome*/
    
    @import url('assets/css/fontawesome/css/fontawesome.css');
    @import url('assets/css/fontawesome/css/regular.min.css');
    @import url('assets/css/fontawesome/css/solid.min.css');
    @import url('assets/css/fontawesome/css/brands.min.css');
    @import url('assets/css/animate.css');
    @import url('assets/css/select2.min.css');
    /* font link local Poppins file  */
    
    @font-face {
        font-family: 'fontawesome';
        src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css');
    }
    
    @font-face {
        font-family: 'Poppins-Black';
        src: url('assets/fonts/Poppins-Black.ttf');
    }
    
    @font-face {
        font-family: 'Poppins-Bold';
        src: url('assets/fonts/Poppins-Bold.ttf');
    }
    
    @font-face {
        font-family: 'Poppins-Light';
        src: url('assets/fonts/Poppins-Light.ttf');
    }
    
    @font-face {
        font-family: 'Poppins-Regular';
        src: url('assets/fonts/Poppins-Regular.ttf');
    }
    
    @font-face {
        font-family: 'Poppins-Medium';
        src: url('assets/fonts/Poppins-Medium.ttf');
    }
    
    @font-face {
        font-family: 'Poppins-SemiBold';
        src: url('assets/fonts/Poppins-SemiBold.ttf');
    }
    
    .topper {
        z-index: 99999;
    }
    
    .toppergp {
        z-index: 9999;
    }
    
    .subtag {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
    }
    
    button {
        transition: 0.5s;
    }
    
    button:hover {
        box-shadow: 0 10px 20px -8px rgba(0, 0, 0, .7);
    }
    
    body {
        margin: 0;
        padding: 0;
        /* background: url(assets/images/bg.png) no-repeat center;
    background-size: cover;
    width: 100vw;
    height: 100vh; */
    }
    
    .relative {
        position: relative;
        width: 600px;
        height: 400px;
    }
    
    .absolute {
        position: absolute;
        top: 120px;
        right: 0;
        width: 300px;
        height: 200px;
    }
    
    .labels {
        font-size: 9px;
        font-family: 'Poppins-Light';
    }
    
    .web_curve {
        display: none;
    }
    
    .logobg {
        width: 100%;
        margin-top: -50px;
    }
    
    .incomeicom #img12 {
        display: none;
    }
    
    .incomeicom #img13 {
        display: none;
    }
    
    .mobileRemovebtn {
        margin-top: 14px;
    }
    
    .Removebtn {
        background: transparent;
        /* border: transparent; */
        color: #2483C8;
        border: 2px solid #2483C8;
        border-radius: 100%;
        width: 30px;
        font-weight: bold;
        margin-top: 5px;
    }
    
    .Removebtn:focus {
        color: #2483C8;
        border: 2px solid #2483C8;
    }
    
    .fa-rupee-sign,
    .fa-inr {
        padding-left: 2px;
        padding-right: 5px;
    }
    /* .t-02 {
    margin-top: 0.2rem;
} */
    
    .form-control::placeholder {
        color: #6c757d;
        opacity: .8;
        font-size: 15px;
    }
    
    .modal-open .background-container {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }
    
    .closebtn {
        color: #000000;
        opacity: 1;
    }
    
    .modalscrollable {
        overflow-y: auto;
        overflow-x: hidden;
    }
    
    .modal-header,
    .modal-footer {
        border: none;
    }
    
    .modal-backdrop {
        background-color: #464646;
    }
    
    .modalscrollable {
        overflow-x: hidden;
        overflow-y: auto;
    }
    
    .form-control {
        font-size: 1.1rem;
        color: #000000;
        background-color: transparent;
        border: none !important;
        border-bottom: 1.2px solid rgba(0, 212, 255, 1) !important;
        border-radius: 0;
    }
    
    .form-control:focus {
        color: #000000;
        background-color: transparent;
    }
    
    .popover {
        border: 1px solid transparent;
    }
    
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        margin: 0;
        background: transparent;
    }
    
    .aegonnav {
        height: 50px;
        background: #FFFFFF;
    }
    
    .aegonnav img {
        overflow: hidden;
        height: 50px;
        margin-top: 7px;
        width: 100%;
    }
    
    .aegonnavlog {
        height: 55px;
        background: #ffffff;
    }
    
    .aegonnavlog img {
        /* margin-left: 40px;
    height: 45px;
    width: 200px;
    margin-top: 8px; */
        width: 295px;
        margin: 0 auto;
        padding: 5px;
        height: 60px;
    }
    
    .navbg {
        background: url(assets/images/nav-bg.png) no-repeat;
        background-size: cover;
        height: 50px;
    }
    
    .navtext {
        margin-right: 50px;
        margin-top: 1rem;
    }
    
    .navtext span {
        color: #ffffff;
        font-family: 'Poppins-Regular', sans-serif;
        font-size: 15px;
        padding-left: 10px;
    }
    
    .navtext span i {
        padding: 0 5px 0 5px;
    }
    
    .m_bg {
        background: rgb(206, 235, 244);
        background: linear-gradient(90deg, rgba(206, 235, 244, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(206, 235, 244, 1) 100%);
    }
    
    .back_bg {
        background: rgb(206, 235, 244);
        background: linear-gradient(90deg, rgba(206, 235, 244, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(206, 235, 244, 1) 100%);
    }
    
    .back_bgs {
        background: rgb(206, 235, 244);
        background: linear-gradient(90deg, rgba(206, 235, 244, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(206, 235, 244, 1) 100%);
    }
    
    .starpage {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    .tagline {
        padding-left: 70px;
    }
    
    .mtag span {
        font-size: 35px;
        FONT-WEIGHT: 900;
        color: #053d5f;
        font-family: 'Poppins-Bold';
    }
    
    .subtag span {
        text-align: left;
        font: 14px 'Poppins-Regular';
        letter-spacing: 0;
        color: #000000;
        opacity: 1
    }
    
    .subtags-icon {
        width: 30px;
        height: 51px;
        float: left;
        color: #007ac3;
        text-align: center;
        margin-top: -14px;
        padding-top: 10px;
        /* font-size: 20px; */
        margin-right: 10px;
    }
    
    .subtags-icon~p {
        margin-left: 50px;
        font-family: 'Poppins-Regular';
        font-size: 16px;
        color: #000000;
        opacity: 1;
    }
    
    .form-control.focus,
    .custom-select .focus,
    .form-control:focus,
    .custom-select:focus {
        outline: none;
        box-shadow: none;
        border: none;
        border-bottom: 1.2px solid rgba(0, 212, 255, 1);
    }
    
    .select2-container--default .select2-selection--single,
    .select2-selection .select2-selection--multiple,
    .select2-container--default .select2-container--focus .select2-selection--multiple {
        border: none !important;
        border-bottom: 1.2px solid rgba(0, 212, 255, 1) !important;
        border-radius: 0 !important;
    }
    
    .select2-container {
        padding-top: 14px;
    }
    
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #000;
        line-height: 17px !important;
        font-size: 17px !important;
    }
    
    .select2-container--default:focus,
    .select2-container--default .select2-selection--single:focus {
        outline: none !important;
    }
    
    .select2-results__option img {
        width: 25px;
        /* padding: 3px; */
        padding-left: 5px;
    }
    
    .select2-selection__rendered img {
        width: 25px;
        /* padding: 3px; */
        padding-left: 5px;
    }
    
    .select2-selection__rendered,
    .select2-results__option {
        font-size: 15px;
    }
    
    .modal-content {
        border: none;
    }
    
    .btn.focus,
    .btn:focus,
    button:focus {
        outline: none;
        box-shadow: none;
        border: none;
        border-bottom: none;
    }
    
    .custom-select {
        border: none;
        border-radius: 0px;
        background: transparent;
        border-bottom: 1.2px solid rgba(0, 212, 255, 1);
        outline-style: none;
        outline: none;
        box-shadow: none;
        font-size: 17px;
        font-weight: 600;
    }
    
    .btn_bg_submit {
        width: 175px;
        background: transparent linear-gradient(180deg, #00BDDE 0%, #0070C3 100%) 0% 0% no-repeat padding-box;
        border-radius: 24px;
        opacity: 1;
        background-size: cover;
        padding: 6px;
        text-align: center;
        color: #ffffff;
        border: none;
        font-family: 'Poppins-Medium';
        font-size: 17px;
    }
    
    .btn_bg_Continue {
        width: 150px;
        background: linear-gradient(180deg, #00BDDE 0%, #0070C3 100%) 0% 0% no-repeat padding-box;
        border-radius: 24px;
        /* padding: 10px; */
        text-align: center;
        color: #ffffff;
        border: none;
        font-family: 'Poppins-Medium';
        font-size: 12px;
    }
    
    .btn_bg_Watch {
        width: 200px;
        border-radius: 25px;
        background: transparent;
        padding: 10px;
        text-align: center;
        color: #007AC3;
        border: none;
        font-family: 'Poppins-Medium';
        font-size: 17px;
    }
    
    .pagetop {
        padding-top: 80px;
    }
    
    .pagetop2 {
        padding-top: 30px;
    }
    
    .footertext span {
        text-align: center;
        font-family: 'Poppins-Light';
        font-size: 14px;
    }
    
    .control-prev img {
        position: absolute;
        top: 45%;
        left: 30px;
        font-weight: 200;
        font-size: 25px;
    }
    
    .control-next img {
        position: absolute;
        top: 45%;
        right: 30px;
        font-weight: 200;
        font-size: 25px;
    }
    
    .nextBtn {
        background: url('assets/images/next.png');
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        /* put the height and width of your image here */
        top: 45%;
        right: 30px;
        height: 35px;
        width: 35px;
        border: none;
        border-radius: 50%;
        opacity: 1;
    }
    
    .backBtn {
        background: url('assets/images/pev.png');
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        /* put the height and width of your image here */
        top: 45%;
        left: 30px;
        height: 35px;
        width: 35px;
        border: none;
        border-radius: 50%;
        opacity: 1;
    }
    
    .backBtn:hover {
        opacity: 1.0;
    }
    
    .addFamilyEx {
        background-image: url('assets/images/PlusSignFamilyMember.png');
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 50%;
        /* put the height and width of your image here */
        height: 35px;
        width: 35px;
        border: none;
        text-align: center;
    }
    
    .dependsbackground {
        background: url('../../Common/assets/images/dependsbg.png') no-repeat center;
        background-size: contain;
        transform: translate(0px, 30%);
    }
    
    .dependsbackgroundimg {
        position: relative;
        /* left: 35%; */
        top: 0;
    }
    
    #show_images {
        position: relative;
        top: 0;
        left: 0;
    }
    
    #show_images_report {
        position: relative;
        top: 0;
        left: 0;
    }
    
    #show_images_1 {
        position: relative;
        top: 0;
        left: 0;
    }
    
    #show_images_report_1 {
        position: relative;
        top: 0;
        left: 0;
    }
    
    #show_images img {
        margin-right: 0px;
        text-align: center;
        width: 90px;
    }
    
    #show_images_report img {
        margin-right: 0px;
        text-align: center;
        width: 90px;
    }
    
    #show_images img.center {
        display: block;
        margin: 0 auto;
    }
    
    #show_images_report img.center {
        display: block;
        margin: 0 auto;
    }
    
    #show_images img:nth-child(2) {
        position: absolute;
        left: 40px;
    }
    
    #show_images_report img:nth-child(2) {
        position: absolute;
        left: 40px;
    }
    
    #show_images img:nth-child(3) {
        position: absolute;
        right: 60px;
    }
    
    #show_images_report img:nth-child(3) {
        position: absolute;
        right: 50px;
    }
    
    #show_images img:nth-child(4) {
        position: absolute;
        left: 80px;
    }
    
    #show_images_report img:nth-child(4) {
        position: absolute;
        left: 70px;
    }
    
    #show_images img:nth-child(5) {
        position: absolute;
        right: 90px;
    }
    
    #show_images_report img:nth-child(5) {
        position: absolute;
        left: 70px;
    }
    
    #show_images img:nth-child(6) {
        position: absolute;
        left: 100px;
    }
    
    #show_images_report img:nth-child(6) {
        position: absolute;
        left: 70px;
    }
    
    #show_images img:nth-child(7) {
        position: absolute;
        right: 120px;
    }
    
    #show_images_report img:nth-child(7) {
        position: absolute;
        left: 70px;
    }
    
    #show_images img:nth-child(8) {
        position: absolute;
        left: 140px;
    }
    
    #show_images img:nth-child(9) {
        position: absolute;
        right: 130px;
    }
    
    #show_images_report img:nth-child(8) {
        position: absolute;
        left: 70px;
    }
    /* .dependsbackground img {
    margin-left: -60px;
} */
    
    .relationshiptag,
    .relationshiptagname {
        font: 10px 'Poppins-Semibold';
        letter-spacing: 0;
        color: #141414;
        opacity: 1;
        display: block;
        text-transform: capitalize;
    }
    
    .relationshiptag {
        color: #000000;
        opacity: .6;
        font-family: 'Poppins-Regular';
        font-weight: 600;
    }
    
    .incomeicom {
        position: absolute;
        display: inline-block;
        left: 46%;
        top: -5rem;
    }
    
    .textbox {
        width: 72px;
    }
    
    .textbox .textboxname {
        text-align: center;
        font: 9px 'Poppins-Medium';
        letter-spacing: 0;
        color: #141414;
        display: block;
        margin-bottom: -4px;
    }
    
    .textbox .textboxyear {
        text-align: center;
        font: 10px 'Poppins-Medium';
        letter-spacing: 0;
        color: #141414;
        opacity: .9;
        font-weight: bold;
    }
    
    .incomeicom #img1,
    .incomeicom #img2,
    .incomeicom #img3,
    .incomeicom #img4,
    .incomeicom #img5,
    .incomeicom #img6,
    .incomeicom #img7,
    .incomeicom #img8,
    .incomeicom #img9,
    .incomeicom #img10,
    .incomeicom #img11 {
        display: block;
        position: relative;
        width: 35px;
    }
    
    .incomeicom #text1 {
        position: absolute;
        top: -50px;
        left: -20px;
    }
    
    .incomeicom #text2 {
        position: absolute;
        top: -45px;
        left: -20px;
    }
    
    .incomeicom #text3 {
        position: absolute;
        top: -55px;
        left: -20px;
    }
    
    .incomeicom #text4 {
        position: absolute;
        top: -55px;
        left: -20px;
    }
    
    .incomeicom #text5 {
        position: absolute;
        top: -55px;
        left: -20px;
    }
    
    .incomeicom #text6 {
        position: absolute;
        top: -55px;
        left: -20px;
    }
    
    .incomeicom #text7 {
        position: absolute;
        top: -50px;
        left: -20px;
    }
    
    .incomeicom #text8 {
        position: absolute;
        top: -50px;
        left: -20px;
    }
    
    .incomeicom #text9 {
        position: absolute;
        top: -60px;
        left: -20px;
    }
    
    .incomeicom #text10 {
        position: absolute;
        top: -50px;
        left: -20px;
    }
    
    .incomeicom #img11 {
        left: 350px;
        top: 188px;
        display: block;
    }
    
    .incomeicom #img10 {
        left: 340px;
        top: 180px;
        display: none;
    }
    
    .incomeicom #img7 {
        left: 280PX;
        top: 140px;
        display: none;
    }
    
    .incomeicom #img5 {
        left: 220px;
        top: 104px;
        display: none;
    }
    
    .incomeicom #img3 {
        left: 140px;
        top: 70px;
        display: none;
    }
    
    .incomeicom #img1 {
        left: 40px;
        top: 55px;
        display: none;
    }
    
    .incomeicom #img2 {
        left: -45px;
        top: 65px;
        display: none;
    }
    
    .incomeicom #img4 {
        left: -111px;
        top: 85px;
        display: none;
    }
    
    .incomeicom #img6 {
        left: -168px;
        top: 110px;
        display: none;
    }
    
    .incomeicom #img8 {
        left: -220px;
        top: 140px;
        display: none;
    }
    
    .incomeicom #img9 {
        left: -260px;
        top: 185px;
        display: none;
    }
    
    .familyicon #img1,
    .familyicon #img2,
    .familyicon #img3,
    .familyicon #img4,
    .familyicon #img5,
    .familyicon #img6,
    .familyicon #img7,
    .familyicon #img8,
    .familyicon #img9,
    .familyicon #img10,
    .familyicon #img11 {
        display: none;
        position: relative;
        width: 35px;
    }
    
    .familyicon #img10 {
        left: -50px;
        top: 580px;
    }
    
    .familyicon #img8 {
        left: -15px;
        top: 540px;
    }
    
    .familyicon #img6 {
        left: 15px;
        top: 485px;
    }
    
    .familyicon #img4 {
        left: 35px;
        top: 435px;
    }
    
    .familyicon #img2 {
        left: 50px;
        top: 380px;
    }
    
    .familyicon #img1 {
        left: 55px;
        top: 320px;
    }
    
    .familyicon #img3 {
        left: 50px;
        top: 260px;
    }
    
    .incomecurve {
        margin-top: 3rem;
    }
    /* .familyicon #img4 {
    left: 35px;
    top: 250px;
} */
    
    .familyicon #img5 {
        left: 30px;
        top: 200px;
    }
    
    .familyicon #img7 {
        left: 1px;
        top: 140px;
    }
    
    .familyicon #img9 {
        left: -30px;
        top: 90px;
    }
    
    #idAddGoals,
    #idAddGeneralExpenses,
    #idAddLoansEMI,
    #idAddInsurance,
    #idAddSavings {
        background: #FFFFFF;
        margin-top: 13px;
        border: 1px solid #707070;
    }
    
    .dependsbackground {
        position: fixed;
        bottom: 0px;
        left: 25%;
    }
    /************************************0*/
    
    @media only screen and (min-width: 320px) and (max-width: 480px) {
        /*--- Mobile portrait ---*/
        /* body {
        background: #926106 !important;
    } */
        .dependsbackground {
            position: fixed;
            bottom: 0px;
            left: 0%;
        }
        .subtags-icon {
            margin-right: 0px;
        }
        .logobg {
            width: 100%;
            margin-top: -20px;
        }
        .form-control.focus,
        .custom-select .focus,
        .form-control:focus,
        .custom-select:focus {
            outline: none;
            box-shadow: none;
            border: none;
            border-bottom: 1.2px solid rgba(0, 212, 255, 1) !important;
        }
        .dependsbackground {
            transform: translate(0px, 0px);
        }
        .aegonnav {
            height: 40px;
            background: #FFFFFF;
        }
        .aegonnav img {
            margin-left: 0px;
            width: 160px;
            margin-top: 0;
        }
        .logo {
            padding: 0;
        }
        .aegonnavlog {
            height: 45px;
            background: #ffffff;
        }
        /* .aegonnavlog img {
        margin-left: 25%;
        height: 45px;
        width: 150px;
    } */
        .aegonnavlog img {
            width: 270px;
            /* margin: 0 auto; */
            /* padding: 5px; */
            padding-left: 16px;
            padding-top: 10px;
        }
        .navbg {
            height: 40px;
        }
        .navtext {
            margin-right: 0px;
            margin-top: 10px;
        }
        .navtext span {
            font-family: 'Poppins-Regular', sans-serif;
            font-size: 10px;
            padding-left: 8px;
        }
        .tagline {
            padding-left: 30px;
            padding-top: 30px;
        }
        .mtag span {
            text-align: left;
            font: 20px 'Poppins-Bold';
            letter-spacing: 0;
            color: #21376C;
            opacity: 1;
        }
        .subtag span {
            text-align: left;
            font-size: 13px;
            letter-spacing: 0;
            color: #000000;
            opacity: 1;
        }
        .subtag span br {
            display: none
        }
        .subtags-icon~span {
            font-size: 12px;
            color: #000000;
            opacity: 1;
        }
        .subtags-icon~span br {
            display: none;
        }
        .subtags-icon {
            padding-top: 0px;
            margin-top: 2px;
        }
        .buttons {
            text-align: center;
        }
        .btn_bg_Watch {
            width: 150px;
            padding: 0px;
            font-size: 15px;
        }
        .btn_bg_submit {
            width: 135px;
            padding: 6PX;
            font-family: 'Poppins-Medium';
            font-size: 15PX;
        }
        .starpage {
            padding-top: 5px;
            padding-bottom: 0px;
        }
        .nextBtn {
            background: url(assets/images/next_m.png);
            background-repeat: no-repeat;
            background-size: contain;
            position: absolute;
            top: 5px;
            right: 0px;
        }
        .backBtn {
            background: url(assets/images/pevm.png);
            background-repeat: no-repeat;
            background-size: contain;
            position: absolute;
            top: 5px;
            left: 0px;
            opacity: 1;
        }
        .m_bg {
            background: rgb(206, 235, 244);
            background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(206, 235, 244, 1) 100%) fixed;
        }
        .back_bg,
        .back_bg {
            background: transparent;
        }
        .back_bgs {
            background: transparent;
        }
        footer {
            display: none;
        }
        .buttons button {
            margin-bottom: 25px;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        #show_images img {
            width: 70px;
        }
        .incomeicom {
            position: absolute;
            display: inline-block;
            left: 46%;
            top: -5rem;
        }
        .textbox {
            width: 60px;
        }
        .textbox .textboxname {
            text-align: center;
            font: 9px 'Poppins-Medium';
            letter-spacing: 0;
            color: #141414;
            opacity: 0.6;
            display: block;
            margin-bottom: -4px;
        }
        .textbox .textboxyear {
            text-align: center;
            font: 10px 'Poppins-Medium';
            letter-spacing: 0;
            color: #141414;
            opacity: .9;
            font-weight: bold;
        }
        .incomeicom #img1,
        .incomeicom #img2,
        .incomeicom #img3,
        .incomeicom #img4,
        .incomeicom #img5,
        .incomeicom #img6,
        .incomeicom #img7,
        .incomeicom #img8,
        .incomeicom #img9,
        .incomeicom #img10,
        .incomeicom #img11,
        .incomeicom #img12,
        .incomeicom #img13 {
            display: block;
            position: relative;
            width: 35px;
        }
        .incomeicom #text1 {
            position: absolute;
            top: -55px;
            left: -15px;
        }
        .incomeicom #text2 {
            position: absolute;
            top: -55px;
            left: -15px;
        }
        .modal {
            padding-right: 0px !important;
        }
        .incomeicom #text3 {
            position: absolute;
            top: -55px;
            left: -15px;
        }
        .incomeicom #text4 {
            position: absolute;
            top: -55px;
            left: -15px;
        }
        .incomeicom #text5 {
            position: absolute;
            top: -55px;
            left: -15px;
        }
        .incomeicom #text6 {
            position: absolute;
            top: -55px;
            left: -15px;
        }
        .incomeicom #text7 {
            position: absolute;
            top: -55px;
            left: -15px;
        }
        .incomeicom #text8 {
            position: absolute;
            top: -55px;
            left: -15px;
        }
        .incomeicom #text9 {
            position: absolute;
            top: -55px;
            left: -15px;
        }
        .incomeicom #text10 {
            position: absolute;
            top: -55px;
            left: -15px;
        }
        .incomeicom #img11 {
            left: 110px;
            top: 100px;
            display: block;
        }
        .incomeicom #img12 {
            left: 125px;
            top: 120px;
            display: block;
        }
        .incomeicom #img13 {
            left: -140px;
            top: 116px;
            display: block;
        }
        .incomeicom #img10 {
            left: 0px;
            top: 60px;
            display: none;
        }
        .incomeicom #img7 {
            left: 0px;
            top: 60px;
            display: none;
        }
        .incomeicom #img5 {
            left: 70px;
            top: 70px;
            display: none;
        }
        .incomeicom #img3 {
            left: 70px;
            top: 70px;
            display: none;
        }
        .incomeicom #img1 {
            left: 0px;
            top: 60px;
            display: none;
        }
        .incomeicom #img2 {
            left: -70px;
            top: 70px;
            display: none;
        }
        .incomeicom #img4 {
            left: 0px;
            top: 60px;
            display: none;
        }
        .incomeicom #img6 {
            left: -70px;
            top: 70px;
            display: none;
        }
        .incomeicom #img8 {
            left: -70px;
            top: 70px;
            display: none;
        }
        .incomeicom #img9 {
            left: 70px;
            top: 70px;
            display: none;
        }
        .noshow {
            display: none;
        }
        .mobile_curve {
            display: none;
        }
        .web_curve {
            display: block;
        }
        .familyicon #img1,
        .familyicon #img2,
        .familyicon #img3,
        .familyicon #img4,
        .familyicon #img5,
        .familyicon #img6,
        .familyicon #img7,
        .familyicon #img8,
        .familyicon #img9,
        .familyicon #img10,
        .familyicon #img11 {
            display: none;
            position: relative;
            width: 35px;
        }
        .familyicon #img10 {
            left: 0px;
            top: 60px;
        }
        .familyicon #img8 {
            left: -70px;
            top: 70px;
        }
        .familyicon #img6 {
            left: -70px;
            top: 70px;
        }
        .familyicon #img4 {
            left: 0px;
            top: 60px;
        }
        .familyicon #img2 {
            left: -70px;
            top: 70px;
        }
        .familyicon #img1 {
            left: 0px;
            top: 60px;
        }
        .familyicon #img3 {
            left: 70px;
            top: 70px;
        }
        .familyicon #img5 {
            left: 70px;
            top: 70px;
        }
        .familyicon #img7 {
            left: 0px;
            top: 60px;
        }
        .familyicon #img9 {
            left: 70px;
            top: 70px;
        }
        .form-control {
            font-size: 1.1rem;
            color: #000000;
            background-color: transparent;
            border: none !important;
            border-bottom: 2px solid rgba(19, 20, 21, 0.25) !important;
            border-radius: 0;
        }
        .form-control {
            font-size: 1.1rem;
            color: #000000;
            background-color: transparent;
            border: none !important;
            border-bottom: 2px solid rgba(19, 20, 21, 0.25) !important;
            border-radius: 0;
        }
        .select2-container--default .select2-selection--single {
            border-bottom: 2px solid rgba(19, 20, 21, 0.25) !important;
        }
        .custom-select {
            border-bottom: 2px solid rgba(19, 20, 21, 0.25);
        }
    }
    /*--- Mobile landscape ---*/
    
    @media only screen and (min-width: 480px) and (max-width: 595px) {
        .subtags-icon~span br {
            display: none;
        }
        .dependsbackground {
            position: fixed;
            bottom: 0px;
            left: 0%;
        }
        .buttons {
            text-align: center;
        }
        .m_bg {
            background: rgb(206, 235, 244);
            background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(206, 235, 244, 1) 100%);
        }
        .incomeicom {
            position: absolute;
            display: inline-block;
            left: 46%;
            top: -5rem;
        }
        .textbox {
            width: 60px;
        }
        .textbox .textboxname {
            text-align: center;
            font: 9px 'Poppins-Medium';
            letter-spacing: 0;
            color: #141414;
            opacity: 0.6;
            display: block;
            margin-bottom: -4px;
        }
        .textbox .textboxyear {
            text-align: center;
            font: 10px 'Poppins-Medium';
            letter-spacing: 0;
            color: #141414;
            opacity: .9;
            font-weight: bold;
        }
        .mobile_curve {
            display: none;
        }
        .web_curve {
            display: block;
        }
        .incomeicom #img1,
        .incomeicom #img2,
        .incomeicom #img3,
        .incomeicom #img4,
        .incomeicom #img5,
        .incomeicom #img6,
        .incomeicom #img7,
        .incomeicom #img8,
        .incomeicom #img9,
        .incomeicom #img10,
        .incomeicom #img11,
        .incomeicom #img12,
        .incomeicom #img13 {
            display: block;
            position: relative;
            width: 35px;
        }
        .incomeicom #text1 {
            position: absolute;
            top: -50px;
            left: -15px;
        }
        .incomeicom #text2 {
            position: absolute;
            top: -55px;
            left: -15px;
        }
        .incomeicom #text3 {
            position: absolute;
            top: -55px;
            left: -15px;
        }
        .incomeicom #text4 {
            position: absolute;
            top: -55px;
            left: -15px;
        }
        .incomeicom #text5 {
            position: absolute;
            top: -55px;
            left: -15px;
        }
        .incomeicom #text6 {
            position: absolute;
            top: -55px;
            left: -15px;
        }
        .incomeicom #text7 {
            position: absolute;
            top: -50px;
            left: -15px;
        }
        .incomeicom #text8 {
            position: absolute;
            top: -50px;
            left: -15px;
        }
        .incomeicom #text9 {
            position: absolute;
            top: -50px;
            left: -15px;
        }
        .incomeicom #text10 {
            position: absolute;
            top: -50px;
            left: -15px;
        }
        .incomeicom #img11 {
            left: 110px;
            top: 100px;
            display: block;
        }
        .incomeicom #img12 {
            left: 210px;
            top: 150px;
            display: block;
        }
        .incomeicom #img13 {
            left: -210px;
            top: 150px;
            display: block;
        }
        .incomeicom #img10 {
            left: 0px;
            top: 60px;
            display: none;
        }
        .incomeicom #img7 {
            left: 0px;
            top: 60px;
            display: none;
        }
        .incomeicom #img5 {
            left: 70px;
            top: 70px;
            display: none;
        }
        .incomeicom #img3 {
            left: 70px;
            top: 70px;
            display: none;
        }
        .incomeicom #img1 {
            left: 0px;
            top: 60px;
            display: none;
        }
        .incomeicom #img2 {
            left: -70px;
            top: 70px;
            display: none;
        }
        .incomeicom #img4 {
            left: 0px;
            top: 60px;
            display: none;
        }
        .incomeicom #img6 {
            left: -70px;
            top: 70px;
            display: none;
        }
        .incomeicom #img8 {
            left: -70px;
            top: 70px;
            display: none;
        }
        .incomeicom #img9 {
            left: 70px;
            top: 70px;
            display: none;
        }
        .noshow {
            display: none;
        }
        .familyicon #img1,
        .familyicon #img2,
        .familyicon #img3,
        .familyicon #img4,
        .familyicon #img5,
        .familyicon #img6,
        .familyicon #img7,
        .familyicon #img8,
        .familyicon #img9,
        .familyicon #img10,
        .familyicon #img11 {
            display: none;
            position: relative;
            width: 35px;
        }
        .familyicon #img10 {
            left: 0px;
            top: 60px;
        }
        .familyicon #img8 {
            left: -70px;
            top: 70px;
        }
        .familyicon #img6 {
            left: -70px;
            top: 70px;
        }
        .familyicon #img4 {
            left: 0px;
            top: 60px;
        }
        .familyicon #img2 {
            left: -70px;
            top: 70px;
        }
        .familyicon #img1 {
            left: 0px;
            top: 60px;
        }
        .familyicon #img3 {
            left: 70px;
            top: 70px;
        }
        .familyicon #img5 {
            left: 70px;
            top: 70px;
        }
        .familyicon #img7 {
            left: 0px;
            top: 60px;
        }
        .familyicon #img9 {
            left: 70px;
            top: 70px;
        }
        .form-control {
            font-size: 1.1rem;
            color: #000000;
            background-color: transparent;
            border: none !important;
            border-bottom: 2px solid rgba(19, 20, 21, 0.25) !important;
            border-radius: 0;
        }
        .custom-select {
            border-bottom: 2px solid rgba(19, 20, 21, 0.25);
        }
    }
    
    @media only screen and (min-width: 595px) and (max-width: 690px) {
        /*--- Small tablet portrait ---*/
        .dependsbackground {
            position: fixed;
            bottom: 0px;
            left: 0%;
        }
        .incomeicom {
            position: absolute;
            display: inline-block;
            left: 46%;
            top: -5rem;
        }
        .custom-select {
            border-bottom: 2px solid rgba(19, 20, 21, 0.25);
        }
        .mobile_curve {
            display: none;
        }
        .web_curve {
            display: block;
        }
        .textbox {
            width: 60px;
        }
        .familyicon #img1,
        .familyicon #img2,
        .familyicon #img3,
        .familyicon #img4,
        .familyicon #img5,
        .familyicon #img6,
        .familyicon #img7,
        .familyicon #img8,
        .familyicon #img9,
        .familyicon #img10,
        .familyicon #img11 {
            display: none;
            position: relative;
            width: 35px;
        }
        .familyicon #img10 {
            left: 0px;
            top: 60px;
        }
        .familyicon #img8 {
            left: -70px;
            top: 70px;
        }
        .familyicon #img6 {
            left: -70px;
            top: 70px;
        }
        .familyicon #img4 {
            left: 0px;
            top: 60px;
        }
        .familyicon #img2 {
            left: -70px;
            top: 70px;
        }
        .familyicon #img1 {
            left: 0px;
            top: 60px;
        }
        .familyicon #img3 {
            left: 70px;
            top: 70px;
        }
        .familyicon #img5 {
            left: 70px;
            top: 70px;
        }
        .familyicon #img7 {
            left: 0px;
            top: 60px;
        }
        .familyicon #img9 {
            left: 70px;
            top: 70px;
        }
        .textbox .textboxname {
            text-align: center;
            font: 9px 'Poppins-Medium';
            letter-spacing: 0;
            color: #141414;
            opacity: 0.6;
            display: block;
            margin-bottom: -4px;
        }
        .textbox .textboxyear {
            text-align: center;
            font: 10px 'Poppins-Medium';
            letter-spacing: 0;
            color: #141414;
            opacity: .9;
            font-weight: bold;
        }
        .incomeicom #img1,
        .incomeicom #img2,
        .incomeicom #img3,
        .incomeicom #img4,
        .incomeicom #img5,
        .incomeicom #img6,
        .incomeicom #img7,
        .incomeicom #img8,
        .incomeicom #img9,
        .incomeicom #img10,
        .incomeicom #img11,
        .incomeicom #img12,
        .incomeicom #img13 {
            display: block;
            position: relative;
            width: 35px;
        }
        .incomeicom #text1 {
            position: absolute;
            top: -50px;
            left: -15px;
        }
        .incomeicom #text2 {
            position: absolute;
            top: -55px;
            left: -15px;
        }
        .incomeicom #text3 {
            position: absolute;
            top: -55px;
            left: -15px;
        }
        .incomeicom #text4 {
            position: absolute;
            top: -55px;
            left: -15px;
        }
        .incomeicom #text5 {
            position: absolute;
            top: -55px;
            left: -15px;
        }
        .incomeicom #text6 {
            position: absolute;
            top: -55px;
            left: -15px;
        }
        .incomeicom #text7 {
            position: absolute;
            top: -50px;
            left: -15px;
        }
        .incomeicom #text8 {
            position: absolute;
            top: -50px;
            left: -15px;
        }
        .incomeicom #text9 {
            position: absolute;
            top: -50px;
            left: -15px;
        }
        .incomeicom #text10 {
            position: absolute;
            top: -50px;
            left: -15px;
        }
        .incomeicom #img11 {
            left: 330px;
            top: 175px;
            display: block;
        }
        .incomeicom #img12 {
            left: 270px;
            top: 170px;
            display: block;
        }
        .incomeicom #img13 {
            left: -270px;
            top: 170px;
            display: block;
        }
        .incomeicom #img10 {
            left: 0px;
            top: 60px;
            display: none;
        }
        .incomeicom #img7 {
            left: 0px;
            top: 60px;
            display: none;
        }
        .incomeicom #img5 {
            left: 70px;
            top: 70px;
            display: none;
        }
        .incomeicom #img3 {
            left: 70px;
            top: 70px;
            display: none;
        }
        .incomeicom #img1 {
            left: 0px;
            top: 60px;
            display: none;
        }
        .incomeicom #img2 {
            left: -70px;
            top: 70px;
            display: none;
        }
        .incomeicom #img4 {
            left: 0px;
            top: 60px;
            display: none;
        }
        .incomeicom #img6 {
            left: -70px;
            top: 70px;
            display: none;
        }
        .incomeicom #img8 {
            left: -70px;
            top: 70px;
            display: none;
        }
        .incomeicom #img9 {
            left: 70px;
            top: 70px;
            display: none;
        }
        .noshow {
            display: none;
        }
    }
    /*--- Tablet portrait ---*/
    
    @media only screen and (min-width: 690px) and (max-width: 800px) {
        /* body {
        background: #f8e10d !important;
    } */
        .dependsbackground {
            position: fixed;
            bottom: 0px;
            left: 0%;
        }
        .mtag span {
            text-align: left;
            font: 28px 'Poppins-Bold';
            letter-spacing: 0;
            color: #21376C;
            opacity: 1;
        }
        .subtag span {
            text-align: left;
            font-size: 10px;
            letter-spacing: 0;
            color: #000000;
            opacity: 1;
        }
        .subtags-icon~span {
            font-size: 12px;
            color: #000000;
            opacity: 1;
        }
        .subtags-icon~span br {
            display: none;
        }
        .subtags-icon {
            padding-top: 0px;
            margin-top: 0px;
        }
        .btn_bg_Watch {
            width: 150px;
            padding: 0px;
            font-size: 15px;
        }
        .btn_bg_submit {
            width: 135px;
            padding: 6PX;
            font-family: 'Poppins-Medium';
            font-size: 15PX;
        }
    }
    
    @media only screen and (min-width: 800px) and (max-width: 1024px) {
        /*--- Small tablet landscape ---*/
        /* body {
        background: #f8e10d !important;
    } */
        .dependsbackground {
            position: fixed;
            bottom: 0px;
            left: 25%;
        }
        .mtag span {
            text-align: left;
            font: 28px 'Poppins-Bold';
            letter-spacing: 0;
            color: #21376C;
            opacity: 1;
        }
        .subtag span {
            text-align: left;
            font-size: 10px;
            letter-spacing: 0;
            color: #000000;
            opacity: 1;
        }
        .subtags-icon~span {
            font-size: 12px;
            color: #000000;
            opacity: 1;
        }
        .subtags-icon~span br {
            display: none;
        }
        .subtags-icon {
            padding-top: 0px;
            margin-top: 0px;
        }
        .btn_bg_Watch {
            width: 150px;
            padding: 0px;
            font-size: 15px;
        }
        .btn_bg_submit {
            width: 135px;
            padding: 6PX;
            font-family: 'Poppins-Medium';
            font-size: 15PX;
        }
    }
    /* Desktops and laptops ----------- */
    
    @media only screen and (min-width: 1024px) and (max-width: 1224px) {
        /* body {
        background: #9c3af1;
    } */
        .mtag span {
            text-align: left;
            font: 30px 'Poppins-Bold';
            letter-spacing: 0;
            color: #21376C;
            opacity: 1;
        }
        .subtag span {
            text-align: left;
            font-size: 14px;
            letter-spacing: 0;
            color: #000000;
            opacity: 1;
        }
        .subtags-icon~span {
            font-size: 12px;
            color: #000000;
            opacity: 1;
        }
    }
    /* Large screens ---------- */
    
    @media only screen and (min-width: 1824px) {
        /* body {
        background: #7a071a !important;
    } */
        .mtag span {
            text-align: left;
            font-size: 45px;
            letter-spacing: 0;
            color: #21376C;
            opacity: 1;
        }
        .subtag span {
            text-align: left;
            font-size: 20px;
            letter-spacing: 0;
            color: #000000;
            opacity: 1;
        }
        .subtags-icon~span {
            text-align: left;
            font-size: 16px;
            letter-spacing: 0;
            color: #000000;
            opacity: 1;
        }
    }
    
    .formentry-errmsg {
        padding: 5px 0px 0px 0px;
        margin-left: -105px;
        position: absolute;
        font-size: 14px;
        color: red;
        white-space: nowrap;
    }
    
    @media (max-width: 1024px) {
        .modal-fullscreen {
            padding: 0 !important;
        }
        .modal-fullscreen .modal-dialog {
            width: 100%;
            height: 100%;
            margin: 0 auto;
            padding: 0;
        }
        .modal-fullscreen .modal-content {
            height: auto;
            min-height: 100%;
            border: 0 none;
            border-radius: 0;
        }
    }