/*global font style start*/
        @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600&family=Roboto:wght@100;300;400;500;700;900&display=swap');
        /*global font style end*/

        /*svg icons start*/
        @font-face {
            font-family: 'real-lives';
            src: url('../fonts/real-lives.eot?w6ye7w');
            src: url('../fonts/real-lives.eot?w6ye7w#iefix') format('embedded-opentype'),
                url('../fonts/real-lives.ttf?w6ye7w') format('truetype'),
                url('../fonts/real-lives.woff?w6ye7w') format('woff'),
                url('../fonts/real-lives.svg?w6ye7w#real-lives') format('svg');
            font-weight: normal;
            font-style: normal;
            font-display: block;
        }

        [class^="icon-"],
        [class*=" icon-"] {
            /* use !important to prevent issues with browser extensions that change fonts */
            font-family: 'real-lives' !important;
            speak: never;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;

            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .icon-noun-close-2192233:before {
            content: "\e929";
        }

        .icon-noun-tick-1000570:before {
            content: "\e92a";
        }

        .icon-artistic:before {
            content: "\e900";
            color: #fff;
        }

        .icon-athletic:before {
            content: "\e901";
            color: #fff;
        }

        .icon-car:before {
            content: "\e902";
            color: #fff;
        }

        .icon-career:before {
            content: "\e903";
            color: #87bdd9;
        }

        .icon-chat:before {
            content: "\e904";
            color: #fff;
        }

        .icon-computer:before {
            content: "\e905";
            color: #fff;
        }

        .icon-education:before {
            content: "\e906";
            color: #87bdd9;
        }

        .icon-endurance:before {
            content: "\e907";
            color: #fff;
        }

        .icon-endurance-img2:before {
            content: "\e908";
            color: #fff;
        }

        .icon-family-capsule-group:before {
            content: "\e909";
            color: #fff;
        }

        .icon-finance:before {
            content: "\e90a";
            color: #87bdd9;
        }

        .icon-flag:before {
            content: "\e90b";
        }

        .icon-happiness:before {
            content: "\e90c";
            color: #fff;
        }

        .icon-health:before {
            content: "\e90d";
            color: #fff;
        }

        .icon-intelligence:before {
            content: "\e90e";
            color: #fff;
        }

        .icon-internal:before {
            content: "\e90f";
            color: #fff;
        }

        .icon-leisure:before {
            content: "\e910";
            color: #87bdd9;
        }

        .icon-medical:before {
            content: "\e911";
            color: #fff;
        }

        .icon-mobile:before {
            content: "\e912";
            color: #fff;
        }

        .icon-musical:before {
            content: "\e913";
            color: #fff;
        }

        .icon-pets:before {
            content: "\e914";
            color: #fff;
        }

        .icon-phone:before {
            content: "\e915";
            color: #fff;
        }

        .icon-refrigerator:before {
            content: "\e916";
            color: #fff;
        }

        .icon-relationship:before {
            content: "\e917";
            color: #87bdd9;
        }

        .icon-resistance:before {
            content: "\e918";
            color: #87bdd9;
        }

        .icon-search:before {
            content: "\e919";
            color: #33a5b5;
        }

        .icon-spiritual:before {
            content: "\e921";
            color: #fff;
        }

        .icon-strength:before {
            content: "\e922";
            color: #fff;
        }

        .icon-television:before {
            content: "\e923";
            color: #fff;
        }

        .icon-toilet:before {
            content: "\e924";
            color: #fff;
        }

        .icon-water:before {
            content: "\e925";
            color: #fff;
        }

        .icon-wisdom:before {
            content: "\e926";
            color: #fff;
        }

        .icon-noun-chevron-left-2:before {
            content: "\e91a";
            color: #09d0ec;
        }

        .icon-noun-chevron-left-1808843:before {
            content: "\e91b";
        }

        .icon-noun-chevron-right-1:before {
            content: "\e91c";
            color: #09d0ec;
        }

        .icon-noun-chevron-right-1808854:before {
            content: "\e91d";
        }

        .icon-noun-expand-1640466:before {
            content: "\e91e";
            color: #09d0ec;
        }

        .icon-noun-home-location-1183883:before {
            content: "\e91f";
            color: #87bdd9;
        }

        .icon-noun-log-out-1015355:before {
            content: "\e920";
            color: #09d0ec;
        }

        .icon-noun-minimize-1640473:before {
            content: "\e927";
            color: #09d0ec;
        }

        .icon-noun-settings-1007042:before {
            content: "\e928";
            color: #09d0ec;
        }

        .icon-noun-chevron-left-1:before {
            content: "\e90b";
            color: #09d0ec;
        }

        /*svg icons end*/

        /*global level css start*/
        html {
            overflow: hidden;
        }

        body.real-lives-wrapper {
            background: #010E12;
            padding: 5px;
            font: 400 12px 'Montserrat', sans-serif;
            overflow: hidden;
        }

        .real-lives-wrapper .position-relative {
            position: relative;
        }

        .real-lives-wrapper .fnt14-blue-lighttxt {
            color: #03DEFC;
            font: 300 0.8rem/15px 'Montserrat', sans-serif;
        }

        .real-lives-wrapper .fnt12-blue-lighttxt {
            color: #03DEFC;
            font: 300 10px/14px 'Montserrat', sans-serif;
        }

        .real-lives-wrapper .fnt12-light-bluetxt {
            color: #0CC4DE;
            font: 300 12px/14px 'Montserrat', sans-serif;
        }

        .real-lives-wrapper .fnt18-darker-bluetxt {
            color: #0CC4DE;
            font: 400 18px/12px 'Montserrat', sans-serif;
        }

        .real-lives-wrapper .fnt16-white-lighttxt {
            color: #fff;
            font: 300 0.8rem/15px 'Montserrat', sans-serif;
        }

        .real-lives-wrapper .fnt16-white-semiboldtxt {
            color: #fff;
            font: 600 16px/15px 'Montserrat', sans-serif;
        }

        .real-lives-wrapper .fnt14-darker-greytxt {
            color: #8E8E8E;
            font: 400 14px/21px 'Montserrat', sans-serif;
        }

        .real-lives-wrapper .fnt14-lightblue-txt {
            color: #0d9db1;
            font: 300 0.8rem/18px 'Montserrat', sans-serif;
        }

        .real-lives-wrapper .fnt15-white-regulartxt {
            color: #fff;
            font: 400 0.8rem/18px 'Montserrat', sans-serif;
        }

        .real-lives-wrapper .fnt14-white-regulartxt {
            color: #fff;
            font: 400 1rem/23px 'Montserrat', sans-serif;
        }

        .real-lives-wrapper .fnt18-blue-regular-text {
            color: #33A5B5;
            font: 400 18px/26px 'Montserrat', sans-serif;
        }

        .real-lives-wrapper .fnt-28-thin-txt {
            color: #bcbcbc;
            font: 100 28px/26px 'Montserrat', sans-serif;
        }

        .real-lives-wrapper .fnt-25-regular-txt {
            color: #fff;
            font: 400 1rem/26px 'Montserrat', sans-serif;
        }

        .real-lives-wrapper .fnt20-footer-blue-txt {
            color: #87BDD9;
            font: 400 1rem/26px 'Montserrat', sans-serif;
        }

        .real-lives-wrapper .fnt14-light-grey-txt {
            color: #7C7C7C;
            font: 400 14px/18px 'Montserrat', sans-serif;
        }

        .real-lives-wrapper .fnt18-light-grey-txt {
            color: #BABABA;
            font: 400 14px/26px 'Montserrat', sans-serif;
        }

        .real-lives-wrapper .blue-brdr-btm {
            border-bottom: 1px solid #184D5F;
        }

        .real-lives-wrapper .form-control {
            border-bottom: 1px solid #184D5F !important;
            background: #010e12;
            color: #fff;
            border: none;
        }

        .real-lives-wrapper .btn-primary,
        .real-lives-wrapper .btn-primary.active,
        .real-lives-wrapper .btn-primary:hover,
        .real-lives-wrapper .btn-primary:not(:disabled):not(.disabled).active,
        .real-lives-wrapper .btn-primary:not(:disabled):not(.disabled):active,
        .real-lives-wrapper .show>.btn-primary.dropdown-toggle {
            width: fit-content;
            background: #022231;
            border: 1px solid #007E90;
            border-radius: 47px;
            color: #33A5B5;
            padding: 12px 27px;
            display: inline-block;
            font: 400 1.5rem/26px 'Montserrat', sans-serif;
            box-shadow: none;
        }

        .real-lives-wrapper .age-year-button,
        .real-lives-wrapper .age-year-button.active {
            background: url(../img/life-button.png) no-repeat !important;
            width: 151px;
            height: 142px;
            position: fixed;
            bottom: 18px;
        }

        .real-lives-wrapper .cursor-pointer {
            cursor: pointer;
        }

        .real-lives-wrapper .hgt60 {
            height: 60px;
        }

        .real-lives-wrapper .pl5 {
            padding-left: 5px;
        }

        .real-lives-wrapper .lgt27 {
            line-height: 27px !important;
        }

        .real-lives-wrapper .fnt17 {
            font-size: 1rem;
        }

        .real-lives-wrapper .fnt18 {
            font-size: 1rem !important;
        }

        .real-lives-wrapper .tickicon,
        .real-lives-wrapper .closeicon {
            width: 20px;
        }

        .real-lives-wrapper .w-65 {
            width: 65%;
        }

        /*global level css end*/

        /*self capsule section start*/
        .top-header-block {
            padding: 10px;
            border-radius: 10px;
            background: #032029;
            border: 1px solid #184D5F;
        }

        .self-capsule-container .organ-donation {
            width: 35%;
            height:79%;
            opacity: 0.7;
        }

        .self-capsule-container .selfcapsule-list {
            margin: 10px 0 0 0;
            padding: 0;
            width: 100%;
            display: flex;
        }

        .self-capsule-container .familybrdr {
            width: 80%;
        }

        .self-capsule-container .selfcapsule-list li {
            list-style-type: none;
            cursor: pointer;
            float: left;
            margin-right: 19px;
            display: grid;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            flex: auto;
        }

        .self-capsule-container .selfcapsule-list li i {
            font-size: 1rem;
            padding-left: 10px;
        }

        .self-capsule-container .selfcapsule-list li:last-child {
            margin-right: 0;
        }

        .self-capsule-container .progress {
            height: 0.5rem;
            background: #26363B;
            border: 1px solid #707070;
            border-radius: 5px;
            margin-top: 6px;
        }

        .self-capsule-container .progress .progress-bar {
            height: 0.5rem;
            border-radius: 5px;
            border: 1px solid #707070;
        }

        .self-capsule-container .progress.green-progress-bar .progress-bar {
            background: #2F9D21;
        }

        .self-capsule-container .progress.orange-progress-bar .progress-bar {
            background: #9D6921;
        }

        .self-capsule-container .progress.blue-progress-bar .progress-bar {
            background: blue;
        }

        .self-capsule-container .progress.darkred-progress-bar .progress-bar {
            background: #8B0000;
        }

        /*self capsule section end*/

        /*family group section start*/
        .family-group-container .relative-score.economic-state {
            display: inline-flex;
            flex-direction: initial;
        }

        .family-group-container .relative-score {
            display: flex;
            border: 2px solid #184d5f;
            padding: 5px;
            border-radius: 10px;
            justify-content: center;
            width: 100%;
            align-items: center;
            flex-direction: column;
            height: 7rem;
        }

        .family-group-container .family-border-bottom {
            display: flex;
            border-bottom: 1px solid #184d5f;
            width: 100%;
            align-items: center;
            justify-content: center;
        }

        .family-group-container .position-score {
            width: 55px;
            height: auto;
            background: #032029;
            border-radius: 50%;
            font: 400 28px 'Montserrat', sans-serif;
            color: #BE0511;
            display: block;
            align-items: center;
            justify-content: center;
            padding: 0;
            text-align: center;
        }

        .family-group-container .aminities-list ul {
            padding: 0;
            margin: 0;
            display: flex;
        }

        .family-group-container .aminities-list li {
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            float: left;
            flex: auto;
        }

        .family-group-container .online-indication {
            width: 8px;
            height: 8px;
            border-radius: 5px;
            background: #2F9D21;
            display: inline-flex;
            margin-right: 3px;
        }

        .family-group-container .aminities-list li:last-child {
            padding: 0;
            margin-right: 0;
        }

        .family-group-container .aminities-list li i,
        .family-group-container .icon-pets {
            font-size: 1rem;
        }

        .family-group-container .family-memeber-imgs img {
            font-size: 18px;
            width: 31px;
            height: 24px;
            margin-right: -14px;
            margin-top: -4px;
            opacity: 0.5;
        }

        .family-group-container .icon-family-capsule-group:before {
            content: "\e909";
            color: #fff;
            font-size: 102px;
            margin: 0;
            display: inline-block;
            line-height: 54px;
            margin-left: 0;
        }

        .family-group-container .ladder-table-section ul {
            padding: 0;
            margin: 0;
            width: 100%;
            display: flex;
        }

        .family-group-container .ladder-table-section ul li {
            float: left;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            border-left: 1px solid #184D5F;
            padding: 0 13px;
            flex: auto;
        }

        .family-group-container .ladder-table-section ul li:last-child {
            padding-right: 0;
        }

        .family-group-container .ladder-table-section ul li:first-child {
            border-left: none;
            padding-left: 0;
            display: flex;
            justify-content: flex-start;
        }

        .family-group-container .family-memeber-imgs {
            max-width: 290px;
            overflow-y: hidden;
            overflow-x: scroll;
            white-space: nowrap;
        }

        /*family group section end*/

        /*life events section css start*/
        .life-events-section {
            height: 23rem;
            display: flex;
            align-items: center;
            justify-content: center;
            max-width: 1970px;
            text-align: center;
            margin: 0 auto;
        }

        .life-events-section .carousel-item .d-flex.flex-column {
            margin: 0 auto;
            width: 90%;
        }

        .life-events-section .chatboat-icon {
            background: #010e12;
            border: 1px solid #707070;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            padding: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .life-events-section .chatboat-icon .icon-chat:before {
            font-size: 14px;
            font-weight: 100;
        }

        .life-events-section .icon-search:before {
            display: inline-block;
            content: "\e919";
            color: #33a5b5;
            font-size: 19px;
            padding-top: 4px;
            padding-right: 10px;
        }

        .life-events-section .read-moretxt {
            line-height: 23px;
        }

        .life-events-section textarea {
            height: 40px;
            resize: none;
        }

        .life-events-section .carousel-control-next,
        .life-events-section .carousel-control-prev {
            width: 3%;
        }

        .life-events-section #lifeEventsSlider {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            padding: 0 0px;
            width: inherit;
            min-height: 220px;
        }

        .life-events-section .age-year-button {
            width: 121px;
            height: 121px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px;
        }

        .life-events-section .fnt-28-thin-txt {
            color: #fff;
            font-size: 1rem;
        }

        .life-events-section .fnt-25-regular-txt {
            line-height: 26px;
            font-weight: 300;
        }

        .life-events-section .fnt18-blue-regular-text {
            width: 100%;
            display: flex;
            white-space: inherit;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        /*life events section css end*/

        /*right panel section start*/
        .right-section-panel .top-header-block.family-group-container {
            height: 9.8rem;
            padding: 10px;
        }
        .right-section-panel .bornsummary{
            padding: 1px 11px;
            font-size: 1rem;
        }

        .right-section-panel .left-logopanel.country-flag {
            align-items: flex-start;
            margin-left: 5px;
        }

        .right-section-panel .left-logopanel {
            width: 100px;
            border: 1px solid #f000;
            border-radius: 10px;
        }

        .right-section-panel .left-logopanel img {
            width: 100%;
            max-width: 100%;
        }

        .right-section-panel .top-right-icons i::before {
            font-size: 15px;
            color: #fff;
            margin-right: 3px;
        }

        .right-section-panel .top-right-icons i:last-child::before {
            margin-right: 0;
        }

        .right-section-panel .right-tab-section-panel {
            background: #032029;
            border: 1px solid #184D5F;
            border-radius: 10px;
            height: 47.9rem;
        }

        .right-section-panel .nav-tabs .nav-item.show .nav-link,
        .right-section-panel .nav-tabs .nav-link.active {
            background: none;
            border: none;
        }

        .right-section-panel .nav-tabs {
            border: none;
            display: flex;
        }

        .right-section-panel .nav-tabs .nav-link.active,
        .right-section-panel .nav-tabs .nav-link:hover {
            border: none;
            border-bottom: 2px solid #06d9f7;
            color: #75bce2;
        }

        .right-section-panel .nav-tabs .nav-link,
        .right-section-panel .nav-tabs .nav-item.show .nav-link {
            border: none;
            border-bottom: 2px solid transparent;
            color: #33a5b5;
            font-size: 0.8rem;
            padding: 10px 4px;
            flex: auto;
            text-align: center;
        }

        .right-section-panel .nav-tabs .nav-item.show .nav-link {
            border: none;
            border-bottom: 2px solid transparent;
        }

        .right-section-panel .right-tab-section-panel .tab-content {
            color: #fff;
        }
.right-section-panel .flag-img{
    width: 60px !important;
height: 42px !important;
}
        /*right panel section end*/

        /*right panel country tab start*/
        .right-section-panel .glob-section {
            width: 100%;
            height: 200px;
            border: 1px solid #fff;
        }

        /*right panel country tab end*/

        /*right panel life summary tab start*/
        .right-section-panel #life-summarytab-section .life-summary-data {
            border-bottom: 1px solid #184d5f;
            border-radius: 5px;
            margin: 10px 0;
        }

        .right-section-panel #life-summarytab-section .life-summary-data ul {
            padding: 5px 0;
            margin: 0;
        }

        .right-section-panel #life-summarytab-section .life-summary-data ul li {
            list-style-type: none;
            color: #0A8495;
            font: 400 1rem 'Montserrat', sans-serif;
            border-bottom: 1px solid #184d5f;
            padding: 5px 0;
            margin-left: 15px;
        }

        .right-section-panel #life-summarytab-section .life-summary-data ul li:first-child {
            border-bottom: none;
            margin: 0;
            padding-bottom: 0;
        }

        .right-section-panel #life-summarytab-section .life-summary-data ul li:last-child {
            border-bottom: none;
        }

        /*right panel life summary tab end*/

        /*right panel sdg tab*/
        .right-section-panel .sdg-scroll img {
            width: 100%;
            height: 100%;
        }

        .right-section-panel .sdg-scroll {
            overflow-x: hidden;
        }

        .real-lives-wrapper .sdg-scroll .col-md-3 {
            padding: 5px;
        }

        .real-lives-wrapper .indications-panel {
            width: 10px;
            height: 10px;
            border-radius: 50px;
            display: inline-block;
            background: #f00;
        }

        .real-lives-wrapper .indications-panel.redmark {
            background: red;
        }

        .real-lives-wrapper .indications-panel.yellowmark {
            background: yellow;
        }

        .real-lives-wrapper .indications-panel.greenmark {
            background: green;
        }

        .real-lives-wrapper .indications-panel.bluemark {
            background: blue;
        }

        .real-lives-wrapper .indications-panel.greymark {
            background: grey;
        }

        /*right panel sdg tab*/

        /*table style start*/
        .simpleTable table {
            margin: 0;
        }

        .simpleTable table tr td {
            border: none;
            border-bottom: 1px solid #184d5f;
            padding: 10px 5px;
        }

        .simpleTable table tr td:first-child {
            color: #0A8495;
            font: 400 0.9rem 'Montserrat', sans-serif;
        }

        .simpleTable table tr td {
            color: #fff;
            font: 400 0.9rem 'Montserrat', sans-serif;
        }

        .simpleTable table thead th {
            vertical-align: bottom;
            border-bottom: 1px solid #184d5f;
            border-top: 0;
            color: #747474;
            font: 400 1rem 'Montserrat', sans-serif;
            padding: 10px 5px;
        }

        .simpleTable table thead th:first-child {
            color: #0CC4DE;
            font: 400 1rem 'Montserrat', sans-serif;
        }

        /*table style end*/

        /*custome css scrollbar start*/
        /* width */
        ::-webkit-scrollbar {
            width: 5px;
            border-radius: 10px;
            height: 0.2rem;
        }

        /* Track */
        ::-webkit-scrollbar-track {
            background: #fff;
            border-radius: 10px;
        }

        /* Handle */
        ::-webkit-scrollbar-thumb {
            background: #06d9f7;
            border-radius: 10px;
        }

        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

        /*custome css scrollbar end*/

        /*button section footer start*/
        .button-panel-sec {
            position: absolute;
            bottom: -78px;
            left: 14px;
        }

        .button-section {
            margin: 0;
            padding: 0;
            width: 100%;
            display: flex;
            align-items: end;
        }

        .button-section li {
            float: left;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            width: 20%;
            color: #87BDD9;
            font: 400 1rem/15px 'Montserrat', sans-serif;
            cursor: pointer;
            text-align: center;
        }

        .button-section li .btnhover {
            border-bottom: 1px solid transparent;
        }

        .button-section li .btnhover:hover {
            border-bottom: 1px solid #87BDD9;
        }

        .button-section .age-btn-space {
            padding: 10px 85px;
        }

        /*button section footer end*/

        /*footer section start*/
        .footer-section {
            float: left;
            align-items: center;
            background: #013E5F;
            border-radius: 10px;
            padding: 7px 10px;
            height: 80px;
            position: fixed;
            right: 0;
            left: 6px;
            bottom: 8px;
            width: 74.5%;
        }

        .footer-section ul {
            width: 100%;
            margin: 0;
            padding: 0;
            display: flex;
        }

        .footer-section ul li {
            float: left;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #013E5F;
            border-right: 1px solid #046295;
            flex-direction: column;
            width: 20%;
        }

        .footer-section ul li i {
            font-size: 30px;
            margin-bottom: 10px;
            display: inline-block;
        }

        .footer-section ul li:last-child {
            border-right: none;
        }

        .footer-section .age-btn-space {
            padding: 10px 85px;
        }

        .footer-section .age-year-brdr {
            right: 50%;
            position: absolute;
        }

        .footer-section .age-year-brdr .fnt14-light-grey-txt {
            position: absolute;
            top: -124px;
            left: -5px;
            color: #fff;
        }

        .footer-section .age-year-brdr .fnt18-light-grey-txt {
            position: absolute;
            top: -52px;
            left: 66px;
        }

        .footer-section .age-year-brdr .fnt14-white-regulartxt {
            position: absolute;
            top: -50px;
            left: -79px;
        }

        /*footer section end*/


        @media (max-width: 2560px) and (min-height: 1440px) {
            .footer-section .age-year-brdr .fnt18-light-grey-txt {
                position: absolute;
                top: -29px;
                left: 64px;
              }
            .real-lives-wrapper .age-year-brdr{
                right:50%;
                top:2%;
                position: absolute;
            }
            .real-lives-wrapper .age-year-button{
                bottom:60%;
            }
            .footer-section .age-year-brdr .fnt14-white-regulartxt {
                position: absolute;
                top: -33px;
                left: -84px;
            }

            .footer-section {
                float: left;
                align-items: center;
                background: #013E5F;
                border-radius: 10px;
                padding: 7px 10px;
                height: 100px;
                position: fixed;
                right: 0;
                left: 6px;
                bottom: 8px;
                width: 74.8%;
            }

            .real-lives-wrapper .fnt20-footer-blue-txt {
                color: #87BDD9;
                font: 400 1.5rem/26px 'Montserrat', sans-serif;
            }

            .footer-section ul li i {
                font-size: 40px;
                margin-bottom: 10px;
                display: inline-block;
            }

            .family-group-container .relative-score .fnt12-blue-lighttxt {
                color: #03DEFC;
                font: 300 1.3rem/29px 'Montserrat', sans-serif;
            }

            .family-group-container .relative-score {
                height: 8.5rem;
            }

            .real-lives-wrapper .fnt18-light-grey-txt {
                color: #BABABA;
                font: 400 1.5rem/26px 'Montserrat', sans-serif;
            }

            .family-group-container .family-memeber-imgs img {
                font-size: 18px;
                width: 35px;
                height: 35px;
                margin-right: -14px;
                margin-top: -4px;
            }

            .family-group-container .online-indication {
                width: 10px;
                height: 10px;
            }

            .top-header-block.self-capsule-container .footer-section .age-year-brdr .fnt14-white-regulartxt {
                position: absolute;
                top: -111px;
                left: -8px;
            }

            .footer-section .age-year-brdr .fnt14-light-grey-txt {
                position: absolute;
                top: -118px;
                left: -13px;
            }

            .footer-section .age-year-brdr .fnt18-light-grey-txt {
                position: absolute;
                top: -33px;
                left: 64px;
            }

            .simpleTable table thead th {
                font: 400 1.5rem 'Montserrat', sans-serif;
                padding: 10px 5px;
                text-align: center;
            }

            .right-section-panel .top-right-icons i::before {
                font-size: 1.5rem;
                color: #fff;
                margin-right: 21px;
            }

            .life-events-section .icon-search:before {
                font-size: 2rem;
            }

            .real-lives-wrapper .fnt12-light-bluetxt {
                color: #0CC4DE;
                font: 300 1.4rem/14px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .fnt18-blue-regular-text {
                color: #33A5B5;
                font: 400 1.7rem/37px 'Montserrat', sans-serif;
            }

            .life-events-section .fnt-28-thin-txt {
                color: #fff;
                font-size: 1.5rem;
            }

            .right-section-panel .nav-tabs .nav-link,
            .right-section-panel .nav-tabs .nav-item.show .nav-link {
                font-size: 1.5rem;
            }

            .simpleTable table tr td {
                color: #fff;
                font: 400 1.5rem 'Montserrat', sans-serif;
                padding: 15px 5px;
            }

            .simpleTable table tr td:first-child {
                color: #0A8495;
                font: 400 1.5rem 'Montserrat', sans-serif;
            }

            .real-lives-wrapper #sdg-tab-section .fnt16-white-lighttxt {
                color: #fff;
                font: 300 1.5rem/35px 'Montserrat', sans-serif;
            }

            .right-section-panel .top-header-block.family-group-container img {
                width: auto;
                height: 92px;
                margin-bottom: 4px;
            }

            .real-lives-wrapper .fnt18-darker-bluetxt {
                color: #0CC4DE;
                font: 400 1.2rem/12px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .fnt14-light-grey-txt {
                color: #7C7C7C;
                font: 400 1.5rem/35px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .fnt16-white-semiboldtxt {
                color: #fff;
                font: 600 2rem/30px 'Montserrat', sans-serif;
            }

            .right-section-panel #life-summarytab-section .life-summary-data ul li {
                font: 400 1.5rem 'Montserrat', sans-serif;
            }

            .footer-section {
                bottom: 6px;
            }

            .self-capsule-container .organ-donation {
                width: 45%;
                height: 57px;
            }

            .right-section-panel .top-header-block.family-group-container {
                height: 12.5rem;
                padding: 10px;
            }

            .life-events-section {
                height: 45.7rem;
            }

            .button-section li {
                font: 400 1.5rem/33px 'Montserrat', sans-serif;
            }

            .right-section-panel .right-tab-section-panel {
                height: 76.5rem;
            }

            .right-section-panel .tab-scrollhgt {
                max-height: 71.5rem;
                overflow-y: auto;
            }

            .real-lives-wrapper .fnt14-lightblue-txt {
                color: #0d9db1;
                font: 300 1.6rem/44px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .fnt14-blue-lighttxt {
                color: #03DEFC;
                font: 300 1.4rem/23px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .fnt16-white-lighttxt {
                color: #fff;
                font: 300 1.5rem/23px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .fnt15-white-regulartxt {
                color: #fff;
                font: 400 1.3rem/18px 'Montserrat', sans-serif;
            }

            .self-capsule-container .selfcapsule-list li i {
                font-size: 1.8rem;
                padding-left: 10px;
            }

            .family-group-container .aminities-list li i,
            .family-group-container .icon-pets {
                font-size: 1.8rem;
            }

            .real-lives-wrapper .fnt12-blue-lighttxt {
                color: #03DEFC;
                font: 300 1.3rem/67px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .relative-score .fnt14-blue-lighttxt {
                margin-bottom: 5px;
            }

            .real-lives-wrapper .fnt-25-regular-txt {
                color: #fff;
                font: 400 1.8rem/65px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .fnt14-white-regulartxt {
                color: #fff;
                font: 400 1.5rem/35px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .lgt27 {
                line-height: 35px !important;
            }

            .real-lives-wrapper .age-year-button,
            .real-lives-wrapper .age-year-button.active {
                bottom: 15px;
            }
        }

        @media (max-width: 2560px) and (min-height: 1600px) {
            .family-group-container .family-memeber-imgs{
                max-width: 176px;
            }
            .family-group-container .relative-score {
                height: 5rem;
            }
            .family-group-container .online-indication {
                width: 15px;
                height: 15px;
                border-radius: 18px;
                background: #2F9D21;
                display: inline-flex;
                margin-right: 3px;
            }

            .real-lives-wrapper .lgt27 {
                line-height: 36px !important;
            }

            .simpleTable table thead th:first-child {
                color: #0CC4DE;
                font: 400 1.6rem 'Montserrat', sans-serif;
            }

            .simpleTable table thead th {
                font: 400 1.7rem 'Montserrat', sans-serif;
                padding: 10px 5px;
                text-align: center;
            }

            .right-section-panel .top-right-icons i::before {
                font-size: 1.5rem;
                color: #fff;
                margin-right: 21px;
            }

            .life-events-section .icon-search:before {
                font-size: 2rem;
            }

            .real-lives-wrapper .fnt12-light-bluetxt {
                color: #0CC4DE;
                font: 300 1.4rem/14px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .fnt18-blue-regular-text {
                color: #33A5B5;
                font: 400 1.7rem/37px 'Montserrat', sans-serif;
            }

            .life-events-section .fnt-28-thin-txt {
                color: #fff;
                font-size: 1.5rem;
            }

            .right-section-panel .nav-tabs .nav-link,
            .right-section-panel .nav-tabs .nav-item.show .nav-link {
                font-size: 1.5rem;
            }

            .simpleTable table tr td {
                color: #fff;
                font: 400 1.7rem 'Montserrat', sans-serif;
                padding: 15px 5px;
            }

            .simpleTable table tr td:first-child {
                color: #0A8495;
                font: 400 1.7rem 'Montserrat', sans-serif;
            }

            .real-lives-wrapper #sdg-tab-section .fnt16-white-lighttxt {
                color: #fff;
                font: 300 1.5rem/35px 'Montserrat', sans-serif;
            }

            .right-section-panel .top-header-block.family-group-container img {
                width: auto;
                height: 92px;
                margin-bottom: 0.9rem;
            }

            .real-lives-wrapper .fnt18-darker-bluetxt {
                color: #0CC4DE;
                font: 400 1.5rem/12px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .fnt14-light-grey-txt {
                color: #7C7C7C;
                font: 400 1.5rem/35px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .fnt16-white-semiboldtxt {
                color: #fff;
                font: 600 2rem/30px 'Montserrat', sans-serif;
            }

            .right-section-panel #life-summarytab-section .life-summary-data ul li {
                font: 400 1.5rem 'Montserrat', sans-serif;
            }

            .footer-section {
                bottom: 19px;
            }

            .self-capsule-container .organ-donation {
                width: 45%;
                height: 57px;
            }

            .right-section-panel .top-header-block.family-group-container {
                height: 12.2rem;
                padding: 10px;
            }

            .life-events-section {
                height: 56.6rem;
            }

            .button-section li {
                font: 400 1.5rem/40px 'Montserrat', sans-serif;
            }

            .right-section-panel .right-tab-section-panel {
                height: 86.5rem;
            }

            .right-section-panel .tab-scrollhgt {
                max-height: 79.5rem;
                overflow-y: auto;
            }

            .real-lives-wrapper .fnt14-lightblue-txt {
                color: #0d9db1;
                font: 300 1.4rem/35px 'Montserrat', sans-serif;
            }


            .real-lives-wrapper .fnt14-blue-lighttxt {
                color: #03DEFC;
                font: 300 1.6rem/24px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .fnt14-blue-lighttxt {
                color: #03DEFC;
                font: 300 1.4rem/24px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .fnt16-white-lighttxt {
                color: #fff;
                font: 300 1.8rem/22px 'Montserrat', sans-serif;
                margin-left: 10px;
            }

            .family-group-container .family-memeber-imgs img {
                font-size: 18px;
                width: 37px;
                height: 37px;
                margin-right: -14px;
                margin-top: -3px;
            }

            .real-lives-wrapper .fnt14-white-regulartxt {
                color: #fff;
                font: 400 1.5rem/36px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .fnt15-white-regulartxt {
                color: #fff;
                font: 400 1.8rem/18px 'Montserrat', sans-serif;
            }

            .self-capsule-container .selfcapsule-list li i {
                font-size: 2rem;
                padding-left: 10px;
            }

            .family-group-container .aminities-list li i,
            .family-group-container .icon-pets {
                font-size: 2rem;
            }

            .real-lives-wrapper .fnt14-lightblue-txt {
                color: #0d9db1;
                font: 300 1.6rem/35px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .fnt12-blue-lighttxt {
                color: #03DEFC;
                font: 300 1.6rem/26px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .relative-score .fnt14-blue-lighttxt {
                margin-bottom: 5px;
            }

            .real-lives-wrapper .fnt-25-regular-txt {
                color: #fff;
                font: 400 1.8rem/80px 'Montserrat', sans-serif;
            }

            .button-panel-sec {
                position: absolute;
                bottom: -68px;
                left: 14px;
            }
        }


        

        @media (max-width: 1440px) and (min-height: 900px) {
            .bornsummary{
                margin-top: -19px !important;
            }
            .real-lives-wrapper .ladder-table-section ul li:first-child .fnt14-lightblue-txt{
                color: #03DEFC;
                font: 300 0.7rem/15px 'Montserrat', sans-serif;
                  line-height: 15px;
              }
            .footer-section .age-year-brdr {
                right: 50%;
                position: absolute;
                top: 35%;
              }
            .simpleTable table thead th:first-child {
  color: #0CC4DE;
  font: 400 0.8rem 'Montserrat', sans-serif;
}
.simpleTable table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #184d5f;
    border-top: 0;
    color: #747474;
    font: 400 0.8rem 'Montserrat', sans-serif;
    padding: 10px 5px;
  }
  .right-section-panel #life-summarytab-section .life-summary-data ul li{
    font-size: 0.8rem;
  }
.bornsummary{
    padding: 1px 10px !important;
font-size: 0.6rem !important;
margin-top: -5px !important;
}
            .real-lives-wrapper .age-year-button,
            .real-lives-wrapper .age-year-button.active {
                bottom: 10px;
            }

            .button-panel-sec {
                position: absolute;
                bottom: -80px;
                left: 14px;
            }
            
            .footer-section .age-year-brdr .fnt14-light-grey-txt {
                position: absolute;
top: -105px;
left: -6px;
font-size: 1rem;
color: #fff;
            }

            .footer-section .age-year-brdr .fnt14-white-regulartxt {
                position: absolute;
                top: -34px;
                left: -77px;
            }

            .footer-section .age-year-brdr .fnt18-light-grey-txt {
                position: absolute;
                top: -37px;
                left: 66px;
            }

            .real-lives-wrapper .fnt14-white-regulartxt {
                color: #fff;
                font: 400 0.8rem/23px 'Montserrat', sans-serif;
            }

            .family-group-container .family-memeber-imgs img {
                font-size: 18px;
                width: 27px;
                height: 27px;
            }

            .family-group-container .relative-score {
                height: 5rem;
            }

            .real-lives-wrapper .fnt14-blue-lighttxt {
                color: #03DEFC;
                font: 300 0.9rem/15px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .fnt16-white-lighttxt {
                color: #fff;
                font: 300 0.8rem/15px 'Montserrat', sans-serif;
            }

            .right-section-panel .left-logopanel img{
                height:70px !important;
            }
            .real-lives-wrapper .fnt12-blue-lighttxt {
                color: #03DEFC;
                font: 300 0.7rem/14px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .fnt18-blue-regular-text {
                color: #33A5B5;
                font: 400 1rem/22px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .fnt15-white-regulartxt {
                color: #fff;
                font: 400 0.9rem/18px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .btn-primary,
            .real-lives-wrapper .btn-primary.active,
            .real-lives-wrapper .btn-primary:hover,
            .real-lives-wrapper .btn-primary:not(:disabled):not(.disabled).active,
            .real-lives-wrapper .btn-primary:not(:disabled):not(.disabled):active,
            .real-lives-wrapper .show>.btn-primary.dropdown-toggle {
                width: fit-content;
                background: #022231;
                border: 1px solid #007E90;
                border-radius: 47px;
                color: #33A5B5;
                padding: 5px 23px;
                display: inline-block;
                font: 400 0.8rem/15px 'Montserrat', sans-serif;
                box-shadow: none;
            }

            .life-events-section {
                height: 21.5rem !important;
            }

            .real-lives-wrapper .fnt-25-regular-txt {
                color: #fff;
                font: 400 1rem/30px 'Montserrat', sans-serif;
            }

            .life-events-section .fnt-25-regular-txt {
                line-height: 34px;
                font-weight: 300;
            }

            .button-section li {
                font-size: 0.8rem;
            }

            .right-section-panel .right-tab-section-panel {
                height: 46.3rem !important;
            }

            .right-section-panel .top-header-block.family-group-container {
                height: 9.1rem !important;
                padding: 10px;
            }

            .right-section-panel .tab-scrollhgt {
                height: 43rem !important;
                overflow-y: auto;
                overflow-x: hidden;
            }

            .self-capsule-container .organ-donation {
                width: 59%;
                height: auto;
            }

            .footer-section {
                bottom: 6px;
            }

            .real-lives-wrapper .fnt20-footer-blue-txt {
                color: #87BDD9;
                font: 400 0.9rem/26px 'Montserrat', sans-serif;
            }

            .footer-section ul li i {
                font-size: 27px;
                margin-bottom: 10px;
                display: inline-block;
            }
            .right-section-panel .flag-img {
  width: 60px !important;
  height: 42px !important;
}
        }
         @media (max-width: 1920px) {
            .real-lives-wrapper .fnt16-white-lighttxt {
                color: #fff;
                font: 300 0.7rem/18px 'Montserrat', sans-serif;
              }
            .simpleTable table thead th {
                vertical-align: bottom;
                border-bottom: 1px solid #184d5f;
                border-top: 0;
                color: #747474;
                font: 400 0.7rem 'Montserrat', sans-serif;
                padding: 10px 5px;
              }
            .right-section-panel .nav-tabs .nav-link, .right-section-panel .nav-tabs .nav-item.show .nav-link {
                border: none;
                  border-bottom-color: currentcolor;
                  border-bottom-style: none;
                  border-bottom-width: medium;
                border-bottom: 2px solid transparent;
                color: #33a5b5;
                font-size: 0.7rem;
                padding: 10px 3px;
                flex: auto;
                text-align: center;
              }
            .simpleTable table tr td:first-child {
                color: #0A8495;
                font: 400 0.8rem 'Montserrat', sans-serif;
              }
              simpleTable table tr td {
                color: #fff;
                font: 400 0.7rem 'Montserrat', sans-serif;
              }
            .button-section li{
                font: 400 0.7rem/15px 'Montserrat', sans-serif;
            }
            .real-lives-wrapper .life-events-section .fnt18-blue-regular-text {
                color: #33A5B5;
                font: 400 0.8rem/20px 'Montserrat', sans-serif;
              }
            .self-capsule-container .organ-donation {
                width: 56%;
height: 44px;
              }
              .real-lives-wrapper .btn-primary, .real-lives-wrapper .btn-primary.active, .real-lives-wrapper .btn-primary:hover, .real-lives-wrapper .btn-primary:not(:disabled):not(.disabled).active, .real-lives-wrapper .btn-primary:not(:disabled):not(.disabled):active, .real-lives-wrapper .show > .btn-primary.dropdown-toggle {
                width: fit-content;
                background: #022231;
                border: 1px solid #007E90;
                border-radius: 47px;
                color: #33A5B5;
                padding: 4px 14px;
                display: inline-block;
                font: 400 0.5rem/12px 'Montserrat', sans-serif;
                box-shadow: none;
              }
            .family-group-container .family-memeber-imgs{
                max-width:220px;
            }
            .footer-section{
                height: 82px;
                width: 75%;
            }
            .family-group-container .relative-score{
                height:5rem;
            }
            .real-lives-wrapper .fnt14-white-regulartxt {
                color: #fff;
                font: 400 0.8rem/23px 'Montserrat', sans-serif;
              }
            .real-lives-wrapper .fnt14-lightblue-txt {
                color: #0d9db1;
                font: 300 0.7rem/18px 'Montserrat', sans-serif;
              }
            .life-events-section {
                height: 16rem;
            }

            .right-section-panel .right-tab-section-panel {
                height: 39.8rem;
            }

            .right-section-panel .top-header-block.family-group-container {
                height: 9.1rem;
                padding: 10px;
            }

            .right-section-panel .top-header-block.family-group-container img {
                width: 84%;
                height: auto;
            }
            .real-lives-wrapper .fnt20-footer-blue-txt {
                color: #87BDD9;
                font: 400 0.8rem/26px 'Montserrat', sans-serif;
              }
              .footer-section ul li i {
                font-size: 25px;
                margin-bottom: 10px;
                display: inline-block;
              }
              .footer-section .age-year-brdr {
                right: 49.7%;
position: absolute;
top: 38%;
              }
              .fnt18{
                font-size: 1rem !important;
              }
              .family-group-container .family-memeber-imgs img{
                  opacity: 0.5;
              }
              .button-panel-sec {
                position: absolute;
                bottom: -95px;
                left: 14px;
              }
              .bornsummary{
                padding: 2px 9px !important;
                display: inline-block;
                font: 400 0.5rem/12px 'Montserrat', sans-serif;
              }
              .family-group-container .aminities-list ul {
                padding: 0;
                margin: 0 0 0 30px;
                display: flex;
              }
              .font-big-text{
                font-size: 1.2rem;
              }
              .gender-text{
                font-size: 0.7rem;
              }
              .life-events-section .fnt-28-thin-txt {
                color: #fff;
                font-size: 0.7rem;
              }
              .footer-section .age-year-brdr .fnt14-light-grey-txt {
                position: absolute;
                top: -113px;
                left: -10px;
                font-size: 18px;
                color: #fff;
              }
            .right-section-panel .tab-scrollhgt{
                height: 36.5rem;
                overflow-y: scroll;
            }
            .simpleTable table tr td {
                color: #fff;
                font: 400 0.8rem 'Montserrat', sans-serif;
              }
              .simpleTable table thead th:first-child {
                color: #0CC4DE;
                font: 400 0.8rem 'Montserrat', sans-serif;
              }
              .right-section-panel #life-summarytab-section .life-summary-data ul li{
                  font:400 0.8rem 'Montserrat', sans-serif;
              }
              .real-lives-wrapper .fnt18-darker-bluetxt {
                color: #0CC4DE;
                font: 400 0.8rem/12px 'Montserrat', sans-serif;
              }
        } 
        @media (max-width: 992px) {
            .life-events-section {
                height: 23rem;
            }
        }

        /*media query*/
        @media (min-width: 768px) and (max-width: 1180px) {

            .real-lives-wrapper .age-year-button,
            .real-lives-wrapper .age-year-button.active {
                bottom: 8px;
            }

            .footer-section .age-year-brdr .fnt14-white-regulartxt {
                position: absolute;
                top: -50px;
                left: -79px;
            }

            .footer-section .age-year-brdr .fnt14-light-grey-txt {
                position: absolute;
                top: -114px;
                left: -5px;
            }

            .footer-section .age-year-brdr .fnt18-light-grey-txt {
                position: absolute;
                top: -43px;
                left: 67px;
            }

            .family-group-container .relative-score {
                height: 5rem;
            }

            .right-section-panel .top-header-block.family-group-container img {
                width: 100%;
            }

            .self-capsule-container .organ-donation {
                width: 71%;
                height: 2.5rem;
            }

            .right-section-panel .tab-scrollhgt {
                height: 37.5rem;
                overflow-y: scroll;
            }

            .real-lives-wrapper .family-group-container .family-memeber-imgs img {
                width: 25px;
            }

            .real-lives-wrapper .fnt14-blue-lighttxt {
                color: #03DEFC;
                font: 300 12px/15px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .fnt16-white-lighttxt {
                color: #fff;
                font: 300 0.7rem/15px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .fnt18 {
                font-size: 15px;
            }

            .real-lives-wrapper .fnt17 {
                font-size: 14px;
            }

            .real-lives-wrapper .life-events-section #lifeEventsSlider {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                padding: 0 0px;
                width: inherit;
                height: auto;
            }

            .real-lives-wrapper .traites-section-panel {
                overflow-x: hidden;
                white-space: nowrap;
                padding-bottom: 5px;
            }

            .real-lives-wrapper .traites-section-panel .row {
                width: 1400px;
            }

            .real-lives-wrapper .amenities-scroll {
                overflow-y: hidden;
                overflow-x: hidden;
            }

            .real-lives-wrapper .aminities-list {
                float: left;
                clear: both;
            }

            .real-lives-wrapper .ladder-table-section {
                overflow-x: hidden;
                overflow-y: hidden;
                padding-bottom: 5px;
                white-space: nowrap;
            }

            .real-lives-wrapper .ladder-table-section ul {
                display: flex;
            }

            .real-lives-wrapper .life-events-section .carousel-inner {
                position: relative;
                width: 100%;
                padding: 0 39px;
                overflow-x: hidden !important;
                overflow-y: hidden;
            }

            .real-lives-wrapper .life-events-section .fnt-25-regular-txt {
                line-height: 21px;
                font-weight: 300;
            }

            .real-lives-wrapper .fnt-25-regular-txt {
                color: #fff;
                font: 400 0.9rem/26px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .footer-section {
                width: 74.4%;
                height: 76px;
            }

            .real-lives-wrapper .fnt20-footer-blue-txt {
                font-size: 13px;
            }

            .real-lives-wrapper .button-section li {
                font-size: 0.6rem;
            }

            .real-lives-wrapper .right-section-panel .top-header-block.family-group-container {
                height: 9.7rem;
                padding: 10px;
            }

            .real-lives-wrapper .button-section li {
                text-align: center;
            }

            .real-lives-wrapper .fnt14-white-regulartxt {
                color: #fff;
                font: 400 0.8rem/23px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .tab-scroll-section {
                padding: 0;
                overflow-y: hidden;
            }
            .real-lives-wrapper .right-section-panel .left-logopanel {
                margin-bottom: 3px;
            }
            .real-lives-wrapper .right-section-panel .right-tab-section-panel {
                height: 40.5rem;
            }

            .real-lives-wrapper .simpleTable table tr td,
            .real-lives-wrapper .simpleTable table tr th {
                font-size: 11px;
            }

            .real-lives-wrapper .fnt14-light-grey-txt {
                color: #7C7C7C;
                font: 400 13px/18px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .footer-section ul li i {
                font-size: 26px;
                margin-bottom: 3px;
                display: inline-block;
            }

            .right-section-panel .nav-tabs .nav-link,
            .right-section-panel .nav-tabs .nav-item.show .nav-link {
                font-size: 0.6rem;
                padding: 10px 0px 10px 0;
            }

            .real-lives-wrapper .fnt16-white-semiboldtxt {
                color: #fff;
                font: 600 12px/15px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .indications-panel {
                width: 7px;
                height: 7px;
                border-radius: 50px;
                display: inline-block;
                background: #f00;
            }

            .real-lives-wrapper .fnt16-white-semiboldtxt {
                color: #fff;
                font: 600 12px/15px 'Montserrat', sans-serif;
            }

            .life-events-section .fnt-28-thin-txt {
                color: #fff;
                font-size: 1rem;
            }

            .real-lives-wrapper .fnt18-blue-regular-text {
                color: #33A5B5;
                font: 400 13px/20px 'Montserrat', sans-serif;
            }

            .real-lives-wrapper .btn-primary,
            .real-lives-wrapper .btn-primary.active,
            .real-lives-wrapper .btn-primary:hover,
            .real-lives-wrapper .btn-primary:not(:disabled):not(.disabled).active,
            .real-lives-wrapper .btn-primary:not(:disabled):not(.disabled):active,
            .real-lives-wrapper .show>.btn-primary.dropdown-toggle {
                font: 400 0.7rem/18px 'Montserrat', sans-serif;
                box-shadow: none;
                padding: 5px 10px;
            }

            .family-group-container .ladder-table-section ul li {
                padding: 0 8px;
            }

            .family-group-container .online-indication {
                width: 8px;
                height: 8px;
            }

            .real-lives-wrapper .fnt14-lightblue-txt {
                color: #0d9db1;
                font: 300 0.7rem/18px 'Montserrat', sans-serif;
            }

            .self-capsule-container .selfcapsule-list li i {
                font-size: 16px;
                padding-left: 10px;
            }

            .self-capsule-container .selfcapsule-list li {
                padding-right: 1.6rem;
                margin: 0;
                flex: inherit;
            }

            .family-group-container .aminities-list li i,
            .family-group-container .icon-pets {
                font-size: 20px;
            }

            .real-lives-wrapper .fnt15-white-regulartxt {
                color: #fff;
                font: 400 13px/35px 'Montserrat', sans-serif;
            }

            .family-group-container .aminities-list li {
                padding-right: 1.5rem;
            }

            .real-lives-wrapper .fnt15-white-regulartxt {
                color: #fff;
                font: 400 13px/15px 'Montserrat', sans-serif;
            }

            .self-capsule-container .familybrdr {
                width: 91%;
            }

            .life-events-section {
                height: 17rem;
            }
        }



        /*media query*/