*{
    margin: 0;
    padding: 0;
    user-select: none;
}
.xtr_links_1{
    text-decoration: none;
}



body{
    background-color: rgb(255, 255, 255);
}
.menuBar_area{
    position: sticky;
    top: 0;
    width: 100%;
    box-shadow: 0 4px 8px -2px rgb(192, 192, 192);
    background-color: #1387fc;
    padding: 20px 0px;
}
.nav_item_wrapper{
    width: 90% ;
    max-width: 1280px;
    margin: 0rem auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.site_logo{
    /* padding: 1rem; */
    text-align: left;
    /* padding-left: 6%;
    padding-right: 7rem; */
    font-size: 2rem;
    font-weight: 700;
    color: rgb(255, 255, 255);
    background-color: transparent;
    font-family: 'Comfortaa', cursive;
}
.site_logo a{
    color: rgb(255, 255, 255);
}
.site_logo span{
    /* padding: 1rem; */
    font-size: 1.5rem;
    font-weight: 300;
    color: rgb(255, 255, 255);
    background-color: transparent;
}
#menu_btn{
    /* background-color:var(--clr5); */
    background: transparent;
    color:var(--clr5);
    padding: 8px 7px 6px 7px;
    border-radius: 10px;
    border: 2px solid #1387fc;
    /* position: absolute;
    top: 50%;
    transform: translatey(-50%);
    right: 5%; */
    cursor: pointer;
    transition: 0.4s;
}
#menu_icn{
    font-size:1.5rem;
    color: rgb(255, 255, 255);

    transition: .7s;
}

















.main_body{
    /* display: inline-flex;
    justify-content: space-evenly;
    flex-direction: column; */
    font-family: var(--sm_font_5);
}
.card_holder{
    height: auto;
    width: 85vw;
    max-width: 45rem;
    border: 1px solid #cecece;
    margin: auto;
    margin-top: 3rem;
    border-radius: 9px;
    padding: 1rem;
    /* box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.342); */
    background-color: #ffffff;
}
.card{
    height: auto;
    width: 90%;
    border: 1px solid #cecece;
    margin:1.4rem auto;
    border-radius: 9px;
    padding: 1rem;
    background-color: #ffffff;
    /* box-shadow:inset 0px 0px 8px -1px rgba(0, 0, 0, 0.322); */
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; */
    /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */
}

.ques_area{
    margin: 0rem;
}
.ques_l{
    font-size: 1.3rem;
    font-weight: 500;
    text-align: left;
    margin-left: .7rem;
    margin-right: .5rem;

}
.ques_time{
    font-size: .8rem;
    font-weight: 500;
    text-align: right;
    padding-right: .9rem;
    margin-top: -.5rem;
    color: #0000008f;
}
.ans_area{
    margin: 1rem;
}
.reply{
    font-size: .8rem;
    font-weight: 500;
    text-align: left;
    margin-left: -.9rem;
    margin-top: -1.2rem;
    margin-bottom: 1rem;
    color: #000000e5;
    display: none;
}
.ans_l{
    font-size: 1rem;
    font-weight: 400;
    text-align: left;
}














.footer{
    max-width: 70vw;
    height: 3rem;
    margin: auto;
    margin-top: 12rem;
    text-align: center;
    text-decoration: none ;
 }
 .links{
    font-size:1rem ;
    font-weight: normal ;
    margin-top: 0.2rem ;
    color: #234f79;
    text-decoration: none;
 }
.credit{
    max-width: 70vw;
    height: 3rem;
    margin: auto;
    margin-top: 10rem;
    margin-bottom: 2rem;
    text-align: center;
    text-decoration: none ;
    font-family: var(--sm_font_3);
}
.p2{
   font-size:1rem ;
   font-weight: normal ;
   margin-top: 0.2rem ;
   color: #234f79;
}
.p2 > #p2_name{
    font-size:1.05rem ;

}