.wellness_self_assessment .bg_boy{
    content: '';
    width: 100%;
    height: 50%;
    background: url(../../images/quick_start_screnning.svg);
    display: block;
    position: absolute;
    background-size: 46%;
    background-repeat: no-repeat;
    background-position: bottom right;
    bottom: 0;
    right: -60px;
}

.survey_result .div_rs a img{
   object-fit: cover;
   height: 290px
}


.survey_result .div_rs a{
    display: inline;
    overflow: hidden;
}

.div_other input{
    min-height:70px;
    padding: 40px 20px 20px 20px !important;
}

.survey.id_8 h1 , .survey_result.id_8 h1,
.survey.id_3 h1 , .survey_result.id_3 h1,
.survey.id_10 h1 , .survey_result.id_10 h1{
    color:#3C1A99
}

.about_rest_hub .div_map .map_icon{
    position: absolute
}

footer{
font-family:     arial;    
font-size: 14px;
    line-height: 20px;
}

footer .img_donor1 {

}

footer .img_donor1 img{
    width: 80px;
    
}


.about_rest_hub .div_map {
    padding-top: 19%
}

.about_rest_hub .div_map  .map_icon{
    width: 20%
}
.about_rest_hub .div_map  .map_flat{
    width: 20%;

}

.about_rest_hub .div_map .text-flat{
    width: 50%
}
.about_rest_hub .div_map .b1{
    top:4%
}
.about_rest_hub .div_map .b2{
    top:30%
}
.about_rest_hub .div_map .b3{
    top:53%
}
.about_rest_hub .div_map .b4{
    top:84%
}

.carousel_2.owl-carousel  .owl-nav.disabled{
    display: block;
}

.about_rest_hub .div_map .b1 .map_icon  , .about_rest_hub .div_map .b3 .map_icon{
    left:18%
}

.about_rest_hub .div_map .b2 .map_icon ,.about_rest_hub .div_map .b4 .map_icon{
    right:18%
}


.about_rest_hub .div_map  .text-flat div{
    display: block;
    position: absolute;
    width: 100%;
    bottom: 16%;
}

.youtubelink{
    cursor: pointer;
}
.survey .div_tb_desc{
    display: flex;
}

.div_ans   td span{
    display:none;
}
.div_tb_desc_width{
    width: fit-content;
    margin-left: auto;
    margin-right: 24px;
    font-size: 16px;
}

#pop_video .modal-content{
        background-color: transparent;
        border: none;
}

#pop_video .modal-content .modal-header{
    position: absolute;
    width: 100%;
}

#pop_video .modal-content .modal-header .btn-close{
    position: absolute;
    top: -20px;
    left: 100%;
    background-color: #3C1A99!important;
    border-radius: 50%;
    color: #fff;
    opacity: 1;
    padding:12px 16px 16px 16px!important
}

#pop_video .modal-content .modal-header .btn-close svg{
    margin-top: -5px;
    font-size: 20px;
    color: #fff!important;
}

.about_rest_hub .div_map .b1 .text-flat{
   position: absolute;
   left: 50%;
   margin-top: 5%;
}
.about_rest_hub .div_map .b2 .text-flat{
   position: absolute;
       left: 12%;
    margin-top: 4%;
}
.about_rest_hub .div_map .b3 .text-flat{
   position: absolute;
    left: 51%;
    margin-top: 10%;
}
.about_rest_hub .div_map .b4 .text-flat{
   position: absolute; 
    left: 11%;
    margin-top: 3%;
}


.about_rest_hub .div_map .text-flat_c div{
    width:80%;
        left: 11%;
}

.about_rest_hub .div_map .box{
    position:absolute;
    width:100%;
    height: fit-content;
}
.about_rest_hub .div_map .boxc{
    position: relative;
    width:100%;

}

element.style {
}
/*
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: 0.5em 0.5em 0.5em 0.7em;
    font-size: 100%;
}*/
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px;
}
.survey_result  .ui-state-default,.survey_result  .ui-widget-content .ui-state-default,.survey_result   .ui-widget-header .ui-state-default,.survey_result   .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
/*    border: 1px solid #c5c5c5;
    background: #3C1A99 !important;
    font-weight: normal;
    color: #FFF !important;*/
}

.survey_result  .ui-accordion-content {
/*    background: #FFF !important;*/
}

.survey_result .ui-accordion-header{

    border-left: 1px solid #DDD !important;
    border-right: 1px solid #DDD !important;
    border-top: 1px solid #DDD !important;
    border-bottom: 1px solid #DDD;
    font-weight: bold;

}

.survey_result .ui-accordion-header-active.ui-accordion-header{
    border-left: 1px solid #DDD !important;
    border-right: 1px solid #DDD !important;
    border-top: 1px solid #DDD !important;
    border-bottom:none;
    font-weight: bold;
}


.ui-accordion-header-icon{
    display: none!important;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
        border:none !important;
    background: #3C1A99  !important;
}

.ui-accordion-header:after{
 border-bottom: none;
 content: '';
 height: 1px;
 width: calc( 100%);
 display: block;
 padding-top: 18px !important;
 margin:auto
}



/*.ui-accordion-header.ui-state-active:after{
 border-bottom: 2px solid #fff;
}*/

.ui-accordion-header.ui-state-active:nth-of-type(1):after{
 border-bottom: 2px solid #3C1A99;
}


.s_11 .ui-accordion-header.ui-state-active:nth-of-type(2):after{
 border-bottom: 2px solid #3C1A99!important;
}

.s_11 .ui-accordion-header.ui-state-active:nth-of-type(3):after{
 border-bottom: 2px solid #3C1A99!important;
}

.s_11 .ui-accordion-header.ui-state-active:nth-of-type(4):after{
 border-bottom: 2px solid #3C1A99!important;
}


.survey_result  .col>.accordion h3.ui-accordion-header.div_support ,
.survey_result  .col>.accordion div.ui-accordion-content.div_support {
    background: #3C1A99;
    font-weight: normal;
    color: #fff;
}
.survey_result  .col>.accordion h3.ui-accordion-header{
    padding-left: 40px !important;
    padding-right: 40px !important;
}
    

.survey_result  .col>.accordion h3.ui-accordion-header.div_support ,
.survey_result  .col>.accordion div.ui-accordion-content.div_support a {
    
    color: #fff;
}



/*
.survey_result .s_12 .col>.accordion h3.ui-accordion-header,
.survey_result .s_12 .col>.accordion div.ui-accordion-content{
    background: #3C1A99;
    font-weight: normal;
    color: #fff;
}

.survey_result .s_12 .col>.accordion div.ui-accordion-content a{
    color:#fff;
}

.survey_result .col>.accordion div.ui-accordion-content a{
    color: #fff; 
}

.survey_result .s_12 .col>.accordion h3.ui-accordion-header:nth-of-type(1),.survey_result .s_12 .col>.accordion div.ui-accordion-content:nth-of-type(1){
    background: #fff;
    font-weight: normal;
    color: #3C1A99;
}

.survey_result .s_12 .col>.accordion div.ui-accordion-content table{
    color: #000;
}
*/
/*
.survey_result .s_5 .accordion h3.ui-accordion-header,.survey_result .s_5 .accordion div.ui-accordion-content{
    background: #3C1A99;
    font-weight: normal;
    color: #fff; 
}

.survey_result .s_5 .accordion div.ui-accordion-content a{
        color: unset;
        display: inline;
}

.survey_result .s_5 .accordion h3.ui-accordion-header:nth-of-type(1),.survey_result .s_5 .accordion div.ui-accordion-content:nth-of-type(1){
    background: #fff;
    font-weight: normal;
    color: #3C1A99;
}



.survey_result .s_11 .accordion h3.ui-accordion-header,.survey_result .s_11 .accordion div.ui-accordion-content{
    background: #3C1A99;
    font-weight: normal;
    color: #fff;
}

.survey_result .s_11 .accordion div.ui-accordion-content{
    color:#fff;
}

.survey_result .s_11 .accordion h3.ui-accordion-header:nth-of-type(1),.survey_result .s_11 .accordion div.ui-accordion-content:nth-of-type(1),
.survey_result .s_11 .accordion h3.ui-accordion-header:nth-of-type(2),.survey_result .s_11 .accordion div.ui-accordion-content:nth-of-type(2),
.survey_result .s_11 .accordion h3.ui-accordion-header:nth-of-type(3),.survey_result .s_11 .accordion div.ui-accordion-content:nth-of-type(3),
.survey_result .s_11 .accordion h3.ui-accordion-header:nth-of-type(4),.survey_result .s_11 .accordion div.ui-accordion-content:nth-of-type(4){
    background: #fff;
    font-weight: normal;
    color: #3C1A99;
}

*/

.rs_box a{
    color: #333;
}

.rs_box h3 , .rs_box .title{
        color: #3C1A99;
        margin-bottom:15px;
        font-size: 1.75rem;
        font-weight: 500;
}
.rs_box {
 /*   font-size: 16px;*/

}
 .survey .ui-accordion-content {
    background: transparent  !important;
}

.ui-accordion{
}

.ui-accordion-header-active{
       border-bottom-left-radius: 0px !important;
       border-bottom-right-radius: 0px !important;
}

.ui-accordion-header-active.ui-accordion-header:before{
    content: "\f0d7";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
        position: absolute;
    right: 45px;
    top: 10px;
        font-size: 35px;
}
.survey_result .ui-accordion-header:before{
    display: none;
}

.ui-accordion-header:before{
    content: "\f0da";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
        position: absolute;
    right: 45px;
    top: 10px;
        font-size: 35px;

}



.ui-accordion .ui-accordion-content{
     border-bottom-right-radius: 10px ;
     border-bottom-left-radius: 10px ;
     margin-bottom: 20px;
}
.ui-accordion-header.ui-accordion-header-active{
     margin-bottom: 0px !important;
}

.ui-accordion-header{
    padding: 15px 0;
    padding:0 20px  !important;
    margin-bottom: 20px !important;
}
.ui-accordion .ui-accordion-header {
    font-family: 'jf';
    font-weight: bold;
    border-radius: 10px;
        padding-top: 20px !important;
}


.survey_result .div_text_box .title {
    color:#3C1A99;
    border-bottom: 1px solid #3C1A99;
    padding-bottom: 7px;
    margin-bottom: 7px;

}


.survey_result .s_12 .acco_inner h3.ui-accordion-header:nth-of-type(-n+9)  ,.survey_result .s_12  .acco_inner div.ui-accordion-content:nth-of-type(-n+9)   {
    background: #FFF5E1  !important;
    color:#3C1A99  !important;
}

.survey_result .s_12 .acco_inner h3.ui-accordion-header:nth-of-type(-n+9).ui-state-active:after {
  background-color: #FFF5E1;
  height: 20px;
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0px;
  width: 100%;
}

.survey_result .s_12 .acco_inner h3.ui-accordion-header:nth-of-type(-n+6)  ,.survey_result .s_12  .acco_inner div.ui-accordion-content:nth-of-type(-n+6)   {
    background: #CEEBFA  !important;
    color:#3C1A99  !important;
}

.survey_result .s_12 .acco_inner h3.ui-accordion-header:nth-of-type(-n+6).ui-state-active:after {
  background-color: #CEEBFA;
  height: 20px;
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0px;
  width: 100%;
}


.survey_result .s_12 .acco_inner h3.ui-accordion-header:nth-of-type(-n+3)  ,.survey_result .s_12  .acco_inner div.ui-accordion-content:nth-of-type(-n+3)   {
    background: #EBE6FF  !important;
    color:#3C1A99  !important;
}

.survey_result .s_12 .acco_inner h3.ui-accordion-header:nth-of-type(-n+3).ui-state-active:after {
  background-color: #EBE6FF;
  height: 20px;
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0px;
  width: 100%;
}

/*.survey_result .div_text_box .desc{
    font-size: 16px;
}
*/
.survey_result .s_5 .know_score_rang .accordion:nth-child(3) h3.ui-accordion-header,.survey_result .s_5 .know_score_rang .accordion:nth-child(3) div.ui-accordion-content{
        background: #FFF5E1!important;
    color:#3C1A99!important;
}

.survey_result .s_5 .know_score_rang .accordion:nth-child(3) h3.ui-accordion-header.ui-state-active:after {
  background-color: #FFF5E1;
  height: 20px;
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0px;
  width: 100%;
}

.survey_result .s_5 .know_score_rang .accordion:nth-child(2) h3,.survey_result .s_5 .know_score_rang .accordion:nth-child(2) div.ui-accordion-content{
        background: #CEEBFA!important;
    color:#3C1A99!important;
}

.survey_result .s_5 .know_score_rang .accordion:nth-child(2) h3.ui-state-active:after {
  background-color: #CEEBFA;
  height: 20px;
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0px;
  width: 100%;
}

.survey_result .s_5 .know_score_rang .accordion:nth-child(1) h3,.survey_result .s_5 .know_score_rang .accordion:nth-child(1) div.ui-accordion-content{
        background: #EBE6FF!important;
    color:#3C1A99!important;
}

.survey_result .s_5 .know_score_rang .accordion:nth-child(1) h3.ui-state-active:after {
  background-color: #EBE6FF;
  height: 20px;
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0px;
  width: 100%;
}

/*.survey_result .accordion.ui-accordion>h3{
         box-shadow: 0px 0px 8px   #CCC;
}

.survey_result .accordion.ui-accordion>div.ui-accordion-content {
         box-shadow: 0px 0px 8px   #CCC;
}

.survey_result .accordion.ui-accordion>div.ui-accordion-content:before{
    background-color: #fff;
    height: 20px;
    content: "";
    position: absolute;
    top
    left: 0px;
    width: 100%;
}*/
/*.survey_result .accordion.ui-accordion>h3.ui-state-active:after {
    background-color: #fff;
    height: 20px;
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0px;
    width: 100%;
}*/

.survey_result .acco_inner .ui-state-default{
    border:none !important;
     box-shadow: 0px 0px 10px #CCC;
}
.survey_result .acco_inner .ui-accordion-content{
    border:none !important;
    box-shadow: 0px 0px 8px   #CCC
}

.survey_result .acco_inner h3{
    color:#3C1A99  !important;
        padding: 20px 0px 0px 40px !important;
}

.survey_result .acco_inner h3:after {
    border-bottom: none !important;;
}

.acco_inner  .ui-accordion-header-icon{
    background-image: none !important;
    text-indent: unset !important;
    overflow: visible !important;
    position: absolute;
        right: 40px;
    top: 22px;
}

.acco_inner .ui-state-active .ui-accordion-header-icon:after{
    content: "\f0d7";
}

.acco_inner  .ui-accordion-header-icon:after{
    background: none;
    font-size: 45px;
    line-height: 27px;
    content: "\f0da";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.survey_result .tb_score{
    margin: auto;
    border-collapse: inherit !important;
    border-spacing:10px 2px;
    width:80%;
    margin-bottom: 50px;
}
.survey_result .tb_score_1 {
    margin: auto;
    border-collapse: inherit !important;
    border-spacing: 10px 2px;
    
    
}

.survey_result .tb_score_1 td {
    border-collapse: collapse;
    padding: 10px 30px;
    
}

.survey_result .tb_score_1 tr:nth-child(even)  td{
    background: #EFEFEF
}
/*
.survey_result .tb_score_1 tr:nth-of-type(1) td:nth-of-type(2){
    background: #EBE6FF
}*/
.survey_result .tb_score_1 tr:nth-of-type(1) td:nth-of-type(3){
    background: #CEEBFA
}
.survey_result .tb_score_1 tr:nth-of-type(1) td:nth-of-type(4){
    background: #FFF5E1
}
/*
.survey_result .tb_score_1 tr:nth-of-type(1) td{
    color:#3C1A99
}
*/



.survey_result .tb_score tr:nth-child(even)  td{
    background: #EFEFEF
}

.survey_result .tb_score tr:nth-of-type(1) td:nth-of-type(2){
    background: #EBE6FF
}
.survey_result .tb_score tr:nth-of-type(1) td:nth-of-type(3){
    background: #CEEBFA
}
.survey_result .tb_score tr:nth-of-type(1) td:nth-of-type(4){
    background: #FFF5E1
}

.survey_result .tb_score tr:nth-of-type(1) td{
    color:#3C1A99
}

.survey_result .tb_score  td{
    width: 20%;
}

.survey_result .tb_score  td:nth-of-type(1){
    text-align:left;
    width: 30%;
}

.survey_result .tb_score td{
    border-collapse:collapse;
    padding:10px 30px;
    text-align:center;
}

.survey .q_head_desc strong{
    color: #3C1A99;
    font-family: 'arista';
}

.img_next{
    width:50px;
}

footer .div_smedia a img{
    width:100%;
    height: 100%
}

footer .div_smedia a {
    height: 40px;
    width: 40px;
    display: block;
}

.div_ace > span{
    font-size: 40px ;
    color:#3C1A99;
    font-weight: bold;
}

.div_result .accordion > div{
    box-shadow: 0px 0px 8px #CCC;
    margin-bottom: 20px;
    padding: 15px 30px;
    border-radius: 15px;
}

.div_result  .ui-accordion .ui-accordion-content {
     padding: 15px 0 0 0 !important;
     margin-top: 10px;
}
.div_result .accordion  > div > div{

    border-top: 2px  #3C1A99 solid  !important;
    font-size: 15px;

}
.div_result .ui-accordion .ui-accordion-header{
    padding: 0  !important
}


.div_result  .accordion h5{
    color:#3C1A99 !important;
    font-weight: bold !important;

}
.div_result  .accordion .ui-state-active {
    border:none;
    background: transparent;
    font-weight: normal;
    color: #fff;
}

.div_result  .ui-state-default, .div_result .ui-widget-content .ui-state-default,.div_result  .ui-widget-header .ui-state-default,.div_result  .ui-button{
    background: transparent !important;
    border:none !important;
}


.div_result  .accordion .ui-icon {

    text-indent: unset  !important;
    background: none !important;
    position: absolute;
    right: 0;
    font-size: 40px !important;
    width: auto  !important;
    height: auto !important;
}

.dsh{
    box-shadow: 0px 0px 8px #CCC;
}
ul {
  list-style: none; /* Remove default bullets */
}

ul.arrow li{
    position: relative;
        padding-left: 26px;
}

ul.arrow li::before {
  content: "";
    color: #3C1A99;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: 0;
    position: absolute;
    left: 0;
    background: url(../../images/purple_arrow.svg);
    background-size: contain;
    width: 15px;
    height: 15px;
    top: 5px;
}


ul.dot li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #3C1A99; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.rd_15{
    border-radius: 15px;
}

.find_support .tabs  .ui-tabs-nav{
    display: flex;
    justify-content: center;
}
.ui-widget.ui-widget-content{
    border:none !important
}

.ui-widget-header{
    /*border: 1px solid #ddd;*/
    background: transparent !important
}

.survey_result .ui-widget-header li.ui-tabs-active{

    border: solid 2px #3C1A99 !important;
    background: #3C1A99 !important;
    color: #FFF !important;
    border-radius: 500px
}


.find_support .ui-tabs-active {
    background: #3C1A99 !important;
}
.find_support .ui-tabs-active.ui-state-default a{
     color: #FFF !important;
}
.find_support .ui-state-default a{
     color: #3C1A99 !important;
}
.find_support .ui-state-default {
    background: #FFF  ;

}

.find_support .ui-widget-header li{

}

.ui-widget-header li{

    border: solid 2px #3C1A99 !important;
    background: transparent !important;
    color: #3C1A99 !important;
    border-radius: 500px;
    margin: 0 15px !important;
    padding: 5px 20px  !important;
}

.wellness_self_assessment .item
{
    display: table-cell;
}

.wellness_self_assessment .fa-circle-check{
    color:#3AB54A;
    font-size: 50px
}

.wellness_self_assessment .div_img img{
        height: 200px;
    object-fit: cover;
}

.wellness_self_assessment  .item .div_foot,
.wellness_self_assessment_result  .item .div_foot{
    background: #FFF;
    position: relative;
        min-height: 100px;
}

.home .owl-carousel  .item div {
   font-family: 'arista';
   margin-top: 10px;
   font-size: 22px !important;
}

.wellness_self_assessment .div_foot .title{
    width: calc( 100% - 80px);
    color:#3C1A99;
    float: left;
    line-break: auto;
}

.wellness_self_assessment .div_foot .div_yn .btns2 ,
.wellness_self_assessment_result .div_foot .div_yn .btns2 {
    width: 100px;
}

.wellness_self_assessment .div_foot .div_yn,
.wellness_self_assessment_result .div_foot .div_yn{
    min-width: 50px;
    position: absolute;
    right: 15px;
    border: 0;
    text-align: center;
    bottom: 10px;
}
.find_support .ui-widget-header{
    border:none !important;
}

.find_support .ui-widget-content {
    background: transparent !important;
    border:none !important;
}
.survey .div_ans {
    padding: 0
}

.tc .survey .div_tb_desc {
    width: 70%;
}
.en .survey .div_tb_desc {
    width: 70%;
}

.find_support .ico_support{
    width:20px;
    height: 20px;
    margin-right:15px;
}

.find_support .bgc_pp{
    line-height: 30px;
}

.find_support .pic_support{
    position: absolute;
    width: 12vw;
    z-index: -1;
    right: 10%;
    top: -80px;
}

.bgc_pp{
    background: #EBE6FF
}


.infographics ul.div_list li  i{
    float:right;
    font-size: 45px;
    line-height: 27px;
}
.infographics ul.div_list li a{
    text-decoration: none
}
.infographics ul.div_list li{
    padding:20px 35px;
    margin-bottom: 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 8px #CCC;
}

.infographics ul.div_list li:nth-of-type(1){
    background: #DFEDCB
}
.infographics ul.div_list li:nth-of-type(2){
    background: #E8E7F5
}
.infographics ul.div_list li:nth-of-type(3){
    background: #FDE7D2
}
.infographics ul.div_list li:nth-of-type(4){
    background: #FFF5E1
}
.infographics ul.div_list li:nth-of-type(5){
    background: #CEEBFA
}
.infographics ul.div_list li:nth-of-type(6){
    background: #E2D4E7
}
.infographics ul.div_list li:nth-of-type(7){
    background: #FDE7EA
}
.infographics ul.div_list li:nth-of-type(8){
    background: #E1F0E8
}


.infographics ul.div_list li:nth-of-type(1) *{
    color: #538248
}
.infographics ul.div_list li:nth-of-type(2)  *{
    color: #5C619D
}
.infographics ul.div_list li:nth-of-type(3) *{
    color: #D36D32
}
.infographics ul.div_list li:nth-of-type(4) *{
    color: #8A622B
}
.infographics ul.div_list li:nth-of-type(5) *{
    color: #306084
}
.infographics ul.div_list li:nth-of-type(6) *{
    color: #7A5090
}
.infographics ul.div_list li:nth-of-type(7) *{
    color: #B24047
}
.infographics ul.div_list li:nth-of-type(8) *{
    color: #327B7A
}


.survey .div_tb_desc {
    position: absolute;
    top: -125px;
    right: 0;
    background: #3C1A99;
    color: #FFF;
    z-index: -1;
    font-size: 14px;
    border-radius: 20px 20px 0 0;
    padding: 20px;
    height: 160px;
}

.survey  .div_q_no{
    width: 40%;
    background: #3C1A99;
    color: #fff;
    border-radius: 100px;
    font-size: 22px;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    position: relative;
    left: 50%;
    transform: translate(-50%, 18px);
}

.div_survey > div{
    width:100%
}
.div_ans table thead{
    /*display:none*/
}
.div_ans table, .div_ans  td, .div_ans  th {
    border: none
}
.div_ans tbody tr:nth-child(odd){
    background: #F5F3FF
}
.div_ans tr td{
    padding-top: 3px;
    padding-bottom: 3px;
}
.div_ans tr td:nth-child(1){
    padding-left: 30px

}
.survey  div[data-type='3'] .div_ans  {
    border-radius: 20px;
    box-shadow: 0px 0px 8px #CCC;
    background-color: #FFF;
    padding: 20px 0;
    position: relative;
}

.s_group  > div{
    padding: 10px;
}

.survey  ul{
    list-style: none
}


.survey .div_q_display_text {

    padding: 50px 80px;

}


.survey  .div_q_text{
    border-radius: 8px;
    box-shadow: 0px 0px 8px #CCC;
    padding: 50px 80px ;
    margin-bottom: 20px;
    color: #3C1A99;
    font-weight: bold;
}

.div_radio > label.active{
    background-color: #D1FFB8 !important;
    color:#008543  !important;
}

/*.div_radio > label > input[type='radio']{
    visibility: hidden;
    width: 0;
}*/
/*
.survey  div[data-type='7'] .div_ans > .div_radio > label:nth-of-type(1){
    margin-right:10px;
}

.survey  div[data-type='7'] .div_ans > .div_radio > label:nth-of-type(2){
    margin-left:10px;
}
.survey  div[data-type='7'] .div_ans > .div_radio > label{
    width: calc(50% - 10px);
    float: left;
    padding: 12px;
    box-shadow: 0px 0px 8px #CCC;
    text-align: center;
    border-radius: 8px;
    background: #FFF;
    color: #3C1A99;
    font-weight: bold;
    font-size: 22px;
    font-family: 'jf';
}*/



.survey   .div_ans.type_1 > .div_radio > label:nth-of-type(1){
    margin-right:10px;
}

.survey   .div_ans > .div_radio > label:nth-of-type(2){
    margin-left:10px;
}
.survey  .div_ans > .div_radio > label{
    width: calc(50% - 10px);
    float: left;
    padding: 12px;
    box-shadow: 0px 0px 8px #CCC;
    text-align: center;
    border-radius: 8px;
    background: #FFF;
    color: #3C1A99;
    font-weight: bold;
    font-size: 22px;
    font-family: 'jf';

}


.dc{
    display: flex;
    align-items: center;
}
.div_lang{
    position: relative
}

.div_lang  .div_select_lang{
    display: block !important;
    margin-top: 15px;
    width: fit-content;
    padding: 0 15px;
}

.div_select_lang li{
    text-align: center
}

body.home{
    background:#FFBF55;
}
body.background   , body.about_the_donor{
    background:#FFE4DC;
}
.home .header_col{

}
 .header_col , .bgc_yellow{
    background:#FFBF55
}

.ico_arrow{
    display: block;
    width: 15px;
    height: 15px;
    background: url(../../images/arrow.svg );
    background-size: contain ;
    float:left;
    background-position: center ;
    background-repeat: no-repeat;
    margin-right:10px;
}

.nav3 > div a{
    text-align: center;
    text-decoration: none;
    color: #000;
    width: 100%;
    display: block;
    padding: 5px;
}

.h-100{
    height:100%
}
.nav3 > div{

    width: 35%;
    background: #FFBF55;
    border-radius: 100px;
    margin: 0 15px;
}
.nav3{
    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 50px;
}

.home .carousel_1 .c_over{

    border-radius: 25px;
    overflow: hidden;
}
.home .carousel_2 .c_over{
    border: solid 11px #421E9C;
    border-radius: 200px;
    overflow: hidden;
}

.home .owl-carousel .owl-nav .owl-next{
    position: absolute;
    right: -100px;
}

.home .owl-carousel .owl-nav .owl-prev{
    position: absolute;
    left: -100px;
}

.home .owl-carousel .owl-nav button img{
    width:100%

}
.home .owl-carousel .owl-nav button{
    width: 40px;
    height: 40px;
}

.home .owl-carousel .owl-nav {
    position: absolute;
    width: 100%;
    top: calc( 50% - 40px);
}
.owl-dots button span{
    width: 15px;
    height: 15px;
    display: block;
    background: #DCDCDC;
    border-radius: 20px;
    margin: 0 20px;
}

.owl-dots{
    text-align: center;
    margin-top: 30px;
}
.owl-dot.active span{
    background: #421E9C !important;
}

.carousel_2 .owl-stage .active:first-of-type{
    margin-top: 20px
}

.dropdown-toggle.show{
    font-weight: bold;
    color: #FFF
}

nav .nav2 > div a{
    color: #FFF;
    width: 100%;
    text-align: center;
    text-decoration: none;
    max-width: 60px;
}

nav .nav2 .div_join {
    min-width: 60px;
}

nav .nav2 .div_join {
    min-width: 60px;
}

nav .nav2 > div{
    float:left;
    height: 60px;

    background: #008543;
    margin: 0 5px;
    display: flex;
    align-items: center;
    border-radius: 50px;
    width: fit-content;
}

nav .nav2{
    position: absolute;
    top: 15px;
    right: 200px;
}


nav .nav2 ul li{
    float: left;
}
nav .nav3 ul li {
    float: initial;
    margin: 10px auto !important;
}

.opt_cc_0.type_1 > .div_radio {
    width: 100%;
    float: left
}

.opt_cc_0.type_1 > div{
    width: 50%;
    float: left
}

 .div_select_lang li.active {
    background: #3C1A99;
}
nav .nav2 ul li , nav .nav3 ul li {

    width: fit-content;
    white-space: nowrap;
    margin: 0px 5px;
    list-style: none;
    border-radius: 50px;
    padding: 4px 10px;
    display: block;
}

.navbar-brand  {
    width:13%;
}

.navbar-brand   {
    position: absolute;
    top: 12px;
    left: 40px;
}

.ff_arista{
    font-family: 'arista';
}
footer a:hover img{
    opacity: 0.7;
}
footer a:hover{
    text-decoration: underline;
    color:#FFBF55
}
footer a{
    text-decoration: none;
}

.home  footer{
    bottom: -210px;
}

.div_q_no_lab{
    width: 50px;
    height: 100%
}
.opt_cc_2.type_3{
    margin-top: 70px
}
.opt_cc_4.type_3{
    margin-top: 140px
}
.opt_cc_5.type_3{
    margin-top: 140px
}
.opt_cc_6.type_3{
    margin-top: 150px
}
.opt_cc_2  .div_tb_desc{
    top: -90px;
}
.opt_cc_4  .div_tb_desc{
    top: -120px;
}
.opt_cc_5  .div_tb_desc{
    top: -140px;
}
.opt_cc_6  .div_tb_desc{
    top: -160px;
}


.div_q_box{
    width: calc( 100% - 50px)
}


.about_our_donor  footer{
    margin-top: -120px;
}


footer{
    padding-top:130px;
    min-height: 300px;
    background: url(../../images/footer.svg );
    background-size: cover;
    z-index: 90;
    display: block;
    position: absolute;
    width: 100%;
    background-position: 0 0px;
    margin-top: 100px;
}

.survey_result .top_bg{
    background-repeat: no-repeat !important;
    background-size: cover  !important;
    height: 20vw;
}
.survey_result .main{
    padding-top:150px;
}
.survey .main ,.survey_result .main{
    padding-top:0px;
}
.main{
    padding-top:150px;
}


.home .home_bg_1 {
    background: url(../../images/home_bg_1.svg );
    background-size: cover ;
    background-position: 50% 100% , center bottom;
    background-repeat: no-repeat;
    padding-bottom: 150px;
    margin-bottom: -200px;
    z-index: 2;
    position: inherit;
}

.home .home_bg_2 {
    background: url(../../images/home_bg_2.svg );
    background-size: cover ;
    background-position: 50% -14% , center bottom;
    background-repeat: no-repeat;
    z-index: 1;
    position: inherit;
    padding-top: 350px;
    padding-bottom: 750px;
}

.dropdown-menu.show {
    display: contents;
}
.div_s_bar ul{
   width: fit-content !important;
    float: right;
    margin-right: 50px !important;

}
.div_s_bar ul li img{

      height:30px;
}
.div_s_bar ul{

}
.div_s_bar ul li{
    width: 50px;
    float: left;
    text-align: center;
        margin: 0 5px;
}


.drawer-list {
    z-index: 1000;
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    transform: translate(100vw, 0);
    /* ie workaround */
    -ms-transform: translatex(-100vw);
    box-sizing: border-box;
    /*  pointer-events: none;*/
    padding-top: 125px;
    transition: width 475ms ease-out, transform 450ms ease, border-radius 0.8s 0.1s ease;
    border-bottom-left-radius: 100vw;
    background-color: #3d88ce;
    background-color: rgba(0, 133, 67, 0.9);
}
@media (min-width: 768px) {
    .drawer-list {
        width: 400px;
    }
}
.drawer-list ul {
    /* height: 100%;*/
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    overflow-x: hidden;
    pointer-events: auto;
}
.drawer-list  li li {
    padding: 0
}


.drawer-list li {
    list-style: none;

    pointer-events: auto;
    white-space: nowrap;
    box-sizing: border-box;
    transform: translatex(100vw);
    /* ie workaround */
    -ms-transform: translatex(-100vw);

}
.drawer-list li:last-child {

}

.drawer-list li{
    color: #FFF;
    text-align: center;
    display: block;
font-size: 22px;
font-weight: normal;
}

.drawer-list li a{
        color: #FFF;
    text-decoration: none;
}

.drawer-list li a:hover{
    text-decoration: none;
}
@media (min-width: 768px) {
    .drawer-list li {
        text-align: right;
    }
}
.drawer-list li a:hover {
    cursor: pointer;
    color:#FFF;
        text-decoration: none;
}
input.hamburger {
    display: none;
}
input.hamburger:checked ~ .drawer-list {
    transform: translatex(0);
    border-bottom-left-radius: 0;
}
input.hamburger:checked ~ .drawer-list li {
    transform: translatex(0);
}
input.hamburger:checked ~ .drawer-list li{
    padding-right: 50px;
}
input.hamburger:checked ~ label > i {
    background-color: transparent;
    transform: rotate(90deg);
}
input.hamburger:checked ~ label > i:before {
    transform: translate(-50%, -50%) rotate(45deg);
}
input.hamburger:checked ~ label > i:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
input.hamburger:checked ~ label close {
    color:#FFF;
    width: 100%;
}
input.hamburger:checked ~ label open {
    color:#FFF;
    width: 0;
}
label.hamburger {
    z-index: 9999;
    position: relative;
    display: block;
    height: 50px;
    width: 50px;

}
label.hamburger:hover {
    cursor: pointer;
}
label.hamburger text close, label.hamburger text open {

    font-size: 22px;
    position: absolute;
    font-family: 'arista';
    transform: translateY(60%);
    text-align: center;
    overflow: hidden;
    transition: width 0.25s 0.35s, color 0.45s 0.35s;
}
label.hamburger text close {
    color: rgba(0, 0, 0, 0);
    right: 0;
    width: 0;
}
label.hamburger text open {
    color:#FFF;
    width: 100%;
}
label.hamburger > i {
    position: absolute;
    width: 100%;
    height: 2px;
    top: 50%;
    background-color: #F00;
    pointer-events: auto;
    transition-duration: 0.35s;
    transition-delay: 0.35s;
}
label.hamburger > i:before, label.hamburger > i:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    left: 50%;
    background-color: #F00;
    content: "";
    transition: transform 0.35s;
    transform-origin: 50% 50%;
}
label.hamburger > i:before {
    transform: translate(-50%, -14px);
}
label.hamburger > i:after {
    transform: translate(-50%, 14px);
}
label.hamburger {
    position: absolute;
    right: 40px;
    top: 15px;
    width:150px;
    height: 60px;
    background: #3C1A99;

    border-radius: 40px;
}

.wellness_self_assessment header{
    background: #FFF;
}

 .s_banner h1{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
        width: 40vw;
    text-align: center;
}
.score-fontsize{
    font-size: 60px;
}
.survey header  ,.survey_result header{
    background: #FFF
}

header {
    position: fixed;
    z-index: 100;
    top: 0;
    height: 90px;
background: #FFBF55;
    /*padding: 40px !important;*/
}


/*menu css*/

@font-face {
    font-family: 'jf';
    src: url('../../includes/fonts/jf-openhuninn-1.1.ttf');
}

@font-face {
    font-family: 'arista';
    src: url('../../includes/fonts/arista2.0.ttf');
}

#b_time  option:disabled{
    background:#aaa;

}

.yt_cover{

    object-fit: cover;
    height: 248px;
    width:100%
}


@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1400px !important;
    }



    .px-xl-6{
        padding-left:4rem !important;
        padding-right:4rem !important;
    }
    .px-xl-7{
        padding-left:5rem;
        padding-right:5rem;
    }
    .px-xl-10{
        padding-left:6rem !important;
        padding-right:6rem !important;
    }
}

td{
    min-width: 50px
}
.ui-widget{
    font-family: 'jf' !important;
}

body{
    font-family: 'jf';
    font-size:19px;
    line-height:27px;
    position: relative;
    font-weight:bold
}

.navbar-brand{
    max-width:350px;

}

.dropdown-toggle::after{
    display:none !important
}
.en .navbar-nav .nav-link{
    font-size:15px;
}


.home_news_title{
    height: 30px;
    overflow: hidden;
}
.navbar-nav{
    min-width: 50%;
    margin-top:67px
}
.menu_login span{
    max-width:150px;
    height:30px;
    overflow:hidden
}

.menu_login{
    float:right;
    font-size:15px;
}
.navbar-nav li{
    padding-right:10px;
}

.nav-link{
    padding-top:0 !important;
    padding-bottom:0 !important;
}

.navbar-nav li:last-child{
    padding-right:0px;

}
.dropdown-menu {
    border-radius:0px !important
}


ul.dropdown-menu  {
    padding: 0 15px !important;
}
.dropdown-menu   li:last-child{
    border-bottom:none;
}
.dropdown-item:focus, .dropdown-item:hover {
    color:#FFF !important;
    background-color: transparent !important;
}

.dropdown-menu   li {
    padding-right: 0px!important;
    /*	border-bottom:1px solid #FFFFFF;*/
}

.dropdown-item:active a{
    color:#FFF !important;
}
.dropdown-item:active {
    background-color: transparent !important;

}

.dropdown-menu .dropdown-item{
    color:#FFF ;

}
.drawer-list > ul > li > a{
   margin-bottom: 10px;
}


.dropdown-menu li a{
    color:#000 !important;
}
.dropdown-menu li{
    background:#c1fda5 !important;

    padding:15px 0
}


.navbar-nav a{
    color:#108452;

    font-family: 'jf';
}

a:hover .btn_owl_more  , a:hover .title , a:hover{
    text-decoration:underline !important
}
a:hover {
    color: inherit;
}

ul{
    padding:0
}

.p-color{
    color:#3C1A99;
}

.no_li li{
    list-style:none
}
.p-6{
    padding:4rem
}

.pb-6{
    padding-bottom:4rem!important
}
.pb-7{
    padding-bottom:5rem!important
}
.pb-10{
    padding-bottom:6rem!important
}
.p-10{
    padding:6rem!important
}
.py-10{
    padding:6rem 0!important
}
.pt-10{
    padding-top:6rem !important
}

.px-10{
    padding-left:6rem;
    padding-right:6rem;
}
.pe-10{
    padding-right:6rem;
}
.my-10{
    margin:6rem 0!important
}
.mr-3 {
    margin-right: 1rem!important;
}
.ml-3 {
    margin-left: 1rem !important;
}

.ff-futura{
    font-family: 'futura';
}

.ff-jf{
    font-family: 'jf';
}

.fs-score {
    color: #421E9C;;
    font-size:80px ;
       font-family: 'arista';
       font-weight: bold
}
.fs-6{
    font-size:13px !important
}

.fs-5{
    font-size:16px !important
}

.fs-4{
    font-size:18px !important;
    line-height:20px;
}

.fs-3{
    font-size:20px !important
}
.fs-2{
    font-size:26px !important
}
.fs-1{
    font-size:35px !important
}

.title_1{
    color:#3C1A99;
    font-size: 20px;;
}

h1{
    font-weight:bold;
    font-size: 3.5rem;
    color:#3C1A99;
    font-family: 'arista';
    margin-bottom:0;
}
h2{
    font-family: 'arista';
    color:#008543;
        font-size: 2rem;
}

h2 ,h3{

    margin-bottom:0;
}
.div_16x9{
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding-top: 56.25%;
    position: relative;
}



.err_msg , .err{
    color:#F00
}
.btns:hover  ,.btn:hover {
    color:#CCC;
    text-decoration: underline;
}
.btns2{
    padding: 7px 20px;
     background: #3C1A99;
    border-radius:500px;
    color:#FFF;
      font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
}
.btns{
    background: #3C1A99;
    border-radius:500px;
    color:#FFF;
    padding: 10px 30px;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
}
.btn_pointer{
    cursor: pointer
}

.btn_submit{
    background: #3C1A99;
    text-decoration: none;
    border-radius:500px;
    color:#FFF;
    font-family: 'arista';
    cursor: pointer;
    padding: 13px 100px;
    font-size: 22px;
    width: fit-content;
    margin: auto;
    font-weight: bold;
}
.btn{
    background: #3C1A99;
    text-decoration: none;
    border-radius:500px;
    color:#FFF;
    cursor: pointer;
    padding: 13px 50px;
    font-size: 15px;
    font-weight: bold;
}

::placeholder {
  color: #F00;
  opacity: 1; /* Firefox */
}
.breadcrumb{
    margin:0px
}
button:hover{
    text-decoration:underline
}
button.btn-close{
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
    padding:inherit  !important;
    color: #000  !important;
}


#pop_video button.btn-close{
    background:none!important;
    padding:inherit  !important;
    color: #000  !important;
}

input:focus {
    border-color: #86b7fe;
    outline: 0;
    /*  box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);*/
}
input:checked {
    background-color: #3C1A99 !important;
    border-color: #3C1A99 !important;
}

.contact_us input ,.contact_us textarea{
    border:none !important;
    box-shadow: 0px 0px 8px #CCC;
    background: #DCF7AD
}

input[type=number], input[type=text], input[type=email],input[type=password] , select{
    padding:10px 10px
}


input:checked {

    border-color: #108452  !important;
}
input   ,textarea , select{
    border-radius: 8px !important;
}
input ,select {
    min-height: 15px;
}
input ,select ,textarea{
    border: solid 2px #38188D !important;

}

input[type=radio] ,input[type=checkbox] {
    background:#DDD ;
    width: 15px;
    height: 15px;
    vertical-align: top;
    border-radius: 100% !important;
    border: none !important;
    appearance: initial  !important;
    margin: 5px 0;
}

/*
input[type=radio]:checked{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

input[type=checkbox]:checked{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}*/

.div_q_item label{
    width: calc(100% - 30px);
}
.div_q_item   label  , .div_q_text  span{
    display: inline-block;
    line-height: 27px;
}

input[type=checkbox] {
    border-radius: 4px !important;

}

.modal-title{
    font-weight:bold
}

.div_group .form-check{

    display:inline-block;
    margin-right:30px;
}
.br_15_top{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    overflow: hidden
        
}

.br_10{
    border-radius:10px;
    overflow: hidden
}

.br_15{
    border-radius:15px;
    overflow: hidden
}

.br_20{
    border-radius:20px
}

.br_30{
    border-radius:30px
}

.br_100{
    border-radius:100px
}

.main{
    position:relative;

}

.col_pp{
    color: #421E9C;
}
.col_fff{
    color:#FFF
}
.col_000{
    color:#000
}

.bgc_green{
    background: #ededed;
}

.bgc_blue{
    background: #D2ECFF
}

.bgc_bg{
    background: #FFE4DC
}

.bgc_fff{
    background: #FFF
}


.modal-header{
    border-bottom:none
}

.bgc_fff .div_img{
    background: #ededed;
}

a{
    line-break: anywhere;
}


.breadcrumb  a{
    white-space:nowrap
}

.infographics .div_list li{
    cursor: pointer;
}

.infographics .div_list li:hover a{
    text-decoration: underline;
}

nav[aria-label=breadcrumb]{
    border:none
}


footer .row a.dc{
    font-weight: normal;
}

.div_ans strong ,  .div_ans b{
    color: #3C1A99;
}

.find_support ul{
    margin-top: 0;
}

.survey .s_banner,.survey_result .s_banner{
    margin-top:90px ;
}

@media print {


    img, svg{
        display: block;
        page-break-inside: avoid;
    }



    .break {
        page-break-inside: avoid;
        page-break-after: always;
    }


    .content-block, p {
        page-break-inside: avoid;
    }

    .navbar{
        display: block !important;
    }


    .container {
        max-width: 1140px !important;
    }


    html, body {
        /* width: 210mm;*/
        height: 297mm;
    }

    @page {
        size: A4;
        margin: 11mm 17mm 17mm 17mm;
    }





}

.backtowellness{
    display: none;
        z-index: 99;
    position: fixed;
    right: 2%;
    bottom: 5%;
    width: 100px;
}

.backtowellness img{
    width: 100%;
    height: auto;
}

.s_5_toptitle.s_banner h1{
    color:#421E9C ;
}

.survey_result .accordion  .ui-accordion-header{
    position: relative;
}

.survey_result .ui-accordion-header .arrow{
    position: absolute;
    top: 55%;
    left: 95%;
    transform: translate(-50%, -50%);
}

.survey_result  .ui-accordion-header.ui-accordion-header-active .arrow .tran180{
    transform: rotate(180deg);
}

.survey_result .ui-accordion-header .arrow,.ui-accordion-header .arrow .tran180{

}

.s_5 .accordion .know_score_rang   .ui-accordion-header .arrow{
display: none;
}

.infographics .div_list li a svg{
    float: right;
}

.our-donor-bg{
    position: absolute;
    bottom: -40px;
    z-index: -1;
    left: 0;
    opacity: 0.5;
    filter: blur(2px);
}



br.sur_about{
    display: none;
}

.survey br.sur_about,.survey_result br.sur_about{
    display: block;
}

br.home_about{
    display: none;
}

.wellness_self_assessment br.home_about{
    display: block;
}

.mt-10{
      margin-top: 6rem!important;
}

.drawer-list .menu-title{
        font-weight: bold;
        font-size: 26px;
}

.drawer-list .menu-pd{
    padding-bottom: 1.5rem;
}