/* >>>>>>>>>>>>>>>>>>>> Popup area started <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
.popup_window_bg{
    position: fixed;
    backdrop-filter: blur(10px);
    /* background-color:rgba(0, 0, 0, 0.692); */
    top: 0px;
    width: 100%;
    height:100%;
    overflow: auto;
    -ms-overflow-style: none;  
    scrollbar-width: none;  
    display: block;
}
.popup_window_bg::-webkit-scrollbar {
    display: none;
  }
.X{
    border: none;
    /* margin: .5rem .5rem ; */
    cursor: pointer;
    padding: 5px ;
    background-color:rgb(245, 245, 245);
    border-radius: 50%;
    padding: 4px 7px 3px 7px ;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 2.5rem;
    right: 5vw;
    transform: translate(-10%, -70%);
    /* display: none; */
}
.X:hover{
    background-color: rgb(255, 0, 0);
    color: rgb(255, 255, 255);
    cursor: pointer;  
}
#X_icon{
    font-size: 1.5rem;
}
.messege_popup_wrapper{
    margin: auto;
    margin-top: 4rem;
    margin-bottom: 5rem;
    /* margin-bottom: 15vh; */
    width:27rem ;
    max-width: 89vw;
    /* max-height: 25rem; */
    background-color: transparent;
    border: none;
    display: block;
}
.messege_popup{
    width:100% ;
    /* max-width: 89vw; */
    /* max-height: 25rem; */
    background-color: rgb(255, 255, 255);
    border-radius: 7px;
    box-shadow: 0 0 20px 1px var(--clr2);
    border: 1px solid rgb(153, 194, 241);
    margin-bottom: 4vh;
    display: block;
    position: relative;
}
.X_messege_popup{
    border: none;
    margin: .5rem .5rem ;
    cursor: pointer;
    color: rgb(138, 138, 138);
    background-color: transparent;
    position: absolute;
    top: .5rem;
    right: .6rem;
    display: block;
}
.X_messege_popup:hover{
    color: rgb(255, 0, 0);
    cursor: pointer;  
}
#X_icon_msg{
    font-size: 1.3rem;
}
.m_p_header{
    padding: 1rem 2rem;
}
.m_p_header_text{
    font-size: 1.3rem;
    color: rgb(138, 138, 138);
    text-align: center;
}
.messege_popup hr{
    width: 92%;
    margin: auto;
    color: rgb(182, 180, 180);
}
.m_p_content{
    width: 90%;
    margin: 0 auto;
    padding: 1rem 0rem;
}
.m_p_content p{
    font-family: paapri,'Comfortaa' ;
    font-size: 1.1rem;
    font-weight: 500;
}
.m_p_c_p1{
    text-align: center;
}
.m_p_c_p5 {
    font-size: .5rem;
}
.m_p_c_p5 i{
    padding-left: 1rem;
    color: #234f79;
    font-size: 1rem;
}
.m_p_c_p5 a{
    /* color: #0265c2; */
    font-size: 1rem;
}
/* >>>>>>>>>>>>>>>>>>>> Popup area end <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */