/* SUBMIT MODEL HEADER CSS STYLE*/

@media screen and (min-width:601px)
{
.mdl_hdr_stl
{
font-size: 50px !important;
height: 110px !important;
background: repeating-linear-gradient(
-45deg,#00416a,#000036 37px,#009393 20px,#00585F 40px);
background-size: 56px 56px;
background-position-x: 0%;
-webkit-animation: 'slide' 35s infinite linear forwards;
}
}
@-webkit-keyframes 'slide' 
{
0%
{
background-position-x:0%;
}
100%
{
background-position-x:100%;
}
}

@media screen and (max-width:600px)
{
.mdl_hdr_stl
{
font-size: 50px !important;
height: 110px !important;
background: repeating-linear-gradient(
-45deg,#00416a,#000036 37px,#009393 20px,#00585F 40px);
background-size: 56px 56px;
background-position-x: 0%;
-webkit-animation: 'slide' 35s infinite linear forwards;
}
}

@-webkit-keyframes 'slide' 
{
0%
{
background-position-x:0%;
}
100% 
{
background-position-x:100%;
}
}

/* DOCPAT LOGO CSS STYLE*/

@media screen and (min-width:601px)
{
.mdl_dcpt_logo_stl
{
width: 112px !important;
position: relative;
left: 230px;

}
}

@media screen and (max-width:600px)
{
.mdl_dcpt_logo_stl
{
width: 108px !important;
margin-left: 105px !important;
}
}

/* MODEL TITLE CSS STYLE*/

@media screen and (min-width:601px)
{
.mdl_ttl_stl
{
font-weight:900 !important;
font-size:30px !important;
color: gold !important;
position: relative;
left: 80px !important;
top: 17px !important;
}
}

@media screen and (max-width:600px)
{
.mdl_ttl_stl
{
font-weight: 900 !important;
font-size: 25px !important;
color: gold !important;
margin-left: 17px !important;
margin-top: 24px !important;
}
}

/* SUBMIT MODEL IMAGE CSS STYLE*/

@media screen and (min-width:601px)
{
.mdl_img_stl
{
height:300px !important;
border: 10px solid #337ab7 !important;
}
}

@media screen and (max-width:600px)
{
.mdl_img_stl
{
height:200px !important;
border: 10px solid #337ab7 !important;
}
}

/* SUBMIT MODEL BUTTON YES CSS STYLE*/

@media screen and (min-width:601px)
{
.sbmt_mdl_yes_btn_stl
{
width: 100px !important; 
height: 50px !important;
font-weight:900 !important;
font-size: 25px !important;
color:white !important;
background-color:black !important;
}
}

@media screen and (max-width:600px)
{
.sbmt_mdl_yes_btn_stl
{
width: 100px !important; 
height: 50px !important;
font-weight:900 !important;
font-size: 25px !important;
color:white !important;
background-color:black !important;
}
}

/* SUBMIT MODEL BUTTON NO CSS STYLE*/

@media screen and (min-width:601px)
{
.sbmt_mdl_no_btn_stl
{
width: 100px !important; 
height: 50px !important;
font-weight:900 !important;
font-size: 25px !important;
color:white !important;
background-color:firebrick !important;
}
}

@media screen and (max-width:600px)
{
.sbmt_mdl_no_btn_stl
{
width: 100px !important; 
height: 50px !important;
font-weight:900 !important;
font-size: 25px !important;
color:white !important;
background-color:firebrick !important;
}
}

/* SUBMIT SUCCESS MODEL BUTTON OK CSS STYLE*/

@media screen and (min-width:601px)
{
.mdl_ok_btn_stl
{
font-weight:900 !important;
font-size:25px !important;
background-color:black !important;
color:white !important;
padding: 5px 20px !important;
}
}

@media screen and (max-width:600px)
{
.mdl_ok_btn_stl
{
font-weight:900 !important;
font-size:25px !important;
background-color:black !important;
color:white !important;
padding: 1px 10px !important;
}
}

/* SUCCESS MODEL CSS STYLE*/

@media screen and (min-width:601px)
{
.scs_mdl_bgrnd_stl
{
background:darkviolet !important;
}
}

@media screen and (max-width:600px)
{
.scs_mdl_bgrnd_stl
{
background:darkviolet !important;
}
}

/* STOPPER MODEL CSS STYLE*/

@media screen and (min-width:601px)
{
.stpr_mdl_bgrnd_stl
{
background:darkviolet !important;
}
}

@media screen and (max-width:600px)
{
.stpr_mdl_bgrnd_stl
{
background:darkviolet !important;
}
}

/* IMPORTANT INFORMATION LOGIN MODAL TEXT MODEL CSS STYLE*/

@media screen and (min-width:601px)
{
.imp_info_txt_stl
{
font-size: 25px !important;
font-weight: 900 !important;
color: blue !important;
padding: 20px !important;
word-wrap: break-word !important;
}
}

@media screen and (max-width:600px)
{
.imp_info_txt_stl
{
font-size: 17px !important;
font-weight: 900 !important;
color: blue !important;
padding: 20px !important;
word-wrap: break-word !important;
}
}

/* IMPORTANT INFORMATION LOGIN MODAL HINDI TEXT MODEL CSS STYLE*/

@media screen and (min-width:601px)
{
.imp_info_hndi_txt_stl
{
font-size: 25px !important;
font-weight: 900 !important;
color: red !important;
padding: 20px !important;
word-wrap: break-word !important;
}
}

@media screen and (max-width:600px)
{
.imp_info_hndi_txt_stl
{
font-size: 17px !important;
font-weight: 900 !important;
color: red !important;
padding: 20px !important;
word-wrap: break-word !important;
}
}

/*EXPIRE MODEL STYLE CSS START*/

/*HEADER MODEL EXPIRED ENGLISH TEXT*/

@media screen and (min-width:601px)
{
.expr_mdl_eng_txt_stl
{
font-size: 20px !important;
font-weight: 900 !important;
color: crimson !important;
margin-top: 85px !important; 
}
}

@media screen and (max-width:600px)
{
.expr_mdl_eng_txt_stl
{
font-size: 15px !important;
font-weight: 900 !important;
color: crimson !important;
margin-top: 15px !important; 
}
}



/*HEADER MODEL EXPIRED HINDI TEXT*/

@media screen and (min-width:601px)
{
.expr_mdl_hndi_txt_stl
{
font-size: 20px !important;
font-weight: 900 !important;
color: black !important;
margin-top: 15px !important; 
}
}

@media screen and (max-width:600px)
{
.expr_mdl_hndi_txt_stl
{
font-size: 15px !important;
font-weight: 900 !important;
color: black !important;
margin-top: 15px !important; 
}
}

/* WHATSAPP IMAGE CSS STYLE*/

@media screen and (min-width: 601px)
{
.whtsap_web_stl
{
display:block !important;
width:60px !important;
height:60px !important;
}
.whtsap_mbl_stl 
{
display:none !important;
}
}

@media screen and (max-width: 600px) 
{
.whtsap_mbl_stl 
{
display:block !important;
width:60px !important;
height:60px !important;
}
.whtsap_web_stl 
{
display:none !important;
}
}

/* EMAIL IMAGE CSS STYLE*/

@media screen and (min-width: 601px)
{
.eml_icn_stl
{
display:block !important;
}
}

@media screen and (max-width: 600px) 
{
.eml_icn_stl 
{
display:block !important;
width:100px !important;
}
}

/* PHONE IMAGE CSS STYLE*/

@media screen and (min-width: 601px)
{
.phn_mbl_stl
{
display:none !important;
}
}

@media screen and (max-width: 600px) 
{
.phn_mbl_stl 
{
display:block !important;
width:100px !important;
}
}

/* EXPIRE MODEL BUTTON OK CSS STYLE*/

@media screen and (min-width:601px)
{
.expr_mdl_btn_stl
{
font-weight:900 !important;
font-size:40px !important;
background-color:black !important;
color:white !important;
padding: 5px 35px !important;
border-radius:40px !important;
}
}

@media screen and (max-width:600px)
{
.expr_mdl_btn_stl
{
font-weight:900 !important;
font-size:30px !important;
background-color:black !important;
color:white !important;
padding: 1px 17px !important;
border-radius:40px !important;
}
}

/*  IMAGE ICON CSS STYLE*/

@media screen and (min-width: 601px)
{
.img_icon_stl
{
display:block !important;
}
}

@media screen and (max-width: 600px) 
{
.img_icon_stl 
{
display:inline-block !important;
width:72px !important;
}
}

/*CHECK BOX LABEL STYLE FOR PDF MODAL CSS STYLE*/

@media screen and (min-width:601px)
{
.chkbx_lbl_stl
{
background-color:darkviolet !important;
border-radius:40px !important;
padding:10px 5px !important;
margin:5px 10px 5px 5px !important;
color:white !important;
font-size: 15px !important;
font-weight: 900 !important;
}
}

@media screen and (max-width:600px)
{
.chkbx_lbl_stl
{
background-color:darkviolet !important;
border-radius:40px !important;
padding:10px 5px !important;
margin:5px 10px 5px 5px !important;
color:white !important;
font-size: 12px !important;
font-weight: 900 !important;
}
}

/*CHECK INPUT BOX STYLE CSS*/

@media screen and (min-width:601px)
{
.chkbx_inpt_stl
{
transform:scale(2.5) !important;
margin-right:20px !important;
margin-left:5px !important;
} 
.chkbx_div_stl
{
margin-left:15px !important;   
}
}

@media screen and (max-width:600px)
{
.chkbx_inpt_stl
{
transform:scale(2) !important;
margin-right:10px !important;
margin-left:5px !important;
}
}

/*SIGNOUT MODAL STYLE CSS START*/

/*SIGNOUT ENLISH TEXT STYLE CSS*/

@media screen and (min-width:601px)
{
.mdl_eng_txt_stl
{
font-size:25px !important;  
font-weight:900 !important;
color:blue !important;
margin-top: 85px !important;
margin-left: 50px !important;
}
}

@media screen and (max-width:600px)
{
.mdl_eng_txt_stl
{
font-size:15px !important;  
font-weight:900 !important;
color:blue !important;
margin-left: 40px !important;
}
}

/*SIGNOUT HINDI TEXT STYLE CSS*/

@media screen and (min-width:601px)
{
.mdl_hndi_txt_stl
{
font-size:25px !important;  
font-weight:900 !important;
color:red !important;
margin-top: 15px !important;
margin-left: 50px !important;
}
}

@media screen and (max-width:600px)
{
.mdl_hndi_txt_stl
{
font-size:15px !important;  
font-weight:900 !important;
color:red !important;
margin-left: 40px !important;
}
}

/*NOTIFICATION MESSAGE STYLE CSS*/

@media screen and (min-width:601px)
{
.ntfctn_msg_stl
{
color: black !important;
font-size: 18px !important;
font-weight: 600 !important;
padding: 14px 19px 15px 14px !important;
/*background-color: lightcyan !important;*/

background: linear-gradient(to right, #ffd194, #70e1f5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

border-radius: 27px !important;
width: 300px !important;
word-wrap: break-word !important;
list-style:none !important;
}
}

@media screen and (max-width:600px)
{
.ntfctn_msg_stl
{
color: black !important;
font-size: 18px !important;
font-weight: 600 !important;
background: linear-gradient(to right, #ffd194, #70e1f5);
padding: 14px 19px 15px 14px !important;
width: 300px !important;
word-wrap: break-word !important;
list-style:none !important;
border-radius: 27px !important;
}    
}

@media screen and (min-width:601px)
{
.rcvr_msg_stl
{
color: white !important;
font-size: 18px !important;
font-weight: 600 !important;
padding: 14px 19px 15px 14px !important;
/*background-color: #004168 !important;*/

background-image: linear-gradient(to right, #6c3, #09f);

border-radius: 27px !important;
width: 300px !important;
word-wrap: break-word !important;
line-height: 20px !important;
margin-bottom: 10px !important;
list-style:none !important;
position: relative !important;
right: -230px !important;
}
}

@media screen and (max-width:600px)
{
.rcvr_msg_stl
{
color: white !important;
font-size: 18px !important;
font-weight: 600 !important;
background-image: linear-gradient(to right, #6c3, #09f);
padding: 14px 19px 15px 14px !important;
background-color: #004168 !important;
border-radius: 27px !important;
width: 300px !important;
word-wrap: break-word !important;
line-height: 20px !important;
margin-bottom: 10px !important;
list-style:none !important;
position: relative !important;
right: -135px !important;
}    
}

@media screen and (min-width:601px)
{
.sndr_nm_dt_stl
{
color: red !important;
font-weight: 900 !important;  
}
}

@media screen and (max-width:600px)
{
.sndr_nm_dt_stl
{
color: red !important;
font-weight: 900 !important;    
}
}

@media screen and (min-width:601px)
{
.sndr_msg_stl
{
color:black !important;
font-size:20px !important;
font-weight:900 !important;
}
}

@media screen and (max-width:600px)
{
.sndr_msg_stl
{
color:black !important;
font-size:20px !important;
font-weight:900 !important;    
}
}

@media screen and (min-width:601px)
{
.rcvr_nm_dt_stl
{
color: white !important;
font-weight: 900 !important;  
}
}

@media screen and (max-width:600px)
{
.rcvr_nm_dt_stl
{
color: white !important;
font-weight: 900 !important;    
}
}

@media screen and (min-width:601px)
{
.rcvr_spn_msg_stl
{
/*color:white !important;*/
font-size:20px !important;
font-weight:900 !important;  
}
}

@media screen and (max-width:600px)
{
.rcvr_spn_msg_stl
{
color:white !important;
font-size:20px !important;
font-weight:900 !important;     
}
}

.mrqu_anmtn_stl 
{
animation: mrqu_anmtn 5s infinite;
animation-direction: alternate;
}

@keyframes mrqu_anmtn 
{
0%
{
left: -50%;
top: 0px;
}
100%
{
left: 42%;
top: 0px;
}
}

.modal-body 
{
overflow: hidden; 
}

/*ASK FAQ SUBMIT BUTTON CSS STYLE*/

@media screen and (min-width: 601px) 
{
.ask_faq_sbmt_stl
{
background-color:black !important;
color:white !important;
border-radius:40px !important;
font-weight:900 !important;
font-size:25px !important;
float:right !important;
margin-top:15px !important;
}
}

@media screen and (max-width: 600px) 
{
.ask_faq_sbmt_stl
{
background-color:black !important;
color:white !important;
border-radius:40px !important;
font-weight:900 !important;
font-size:20px !important;
float:right !important;
margin-top:25px !important;
}
}

/*BACK TO FAQ BUTTON CSS STYLE*/

@media screen and (min-width: 601px) 
{
.ask_faq_sbmt_stl
{
background-color:black !important;
color:white !important;
border-radius:40px !important;
font-weight:900 !important;
font-size:22px !important;
float:left !important;
/*margin-top:15px !important;*/
}
}

@media screen and (max-width: 600px) 
{
.ask_faq_sbmt_stl
{
background-color:black !important;
color:white !important;
border-radius:40px !important;
font-weight:900 !important;
font-size:20px !important;
float:left !important;
/*margin-top:25px !important;*/
}
}

/* CHANGE LANGUAGE HINDI BUTTON CSS STYLE*/

@media screen and (min-width: 601px) 
{
.hndi_txt_btn
{
background-color:darkblue !important;
color:white !important;
border-radius:40px !important;
font-weight:900 !important;
font-size:20px !important;
padding: 6px;
}
}

@media screen and (max-width: 600px) 
{
.hndi_txt_btn
{
background-color:darkblue !important;
color:white !important;
border-radius:40px !important;
font-weight:900 !important;
font-size:15px !important;
padding: 6px;
}
}

/* CHANGE LANGUAGE ENGLISH BUTTON CSS STYLE*/

@media screen and (min-width: 601px) 
{
.engl_txt_btn
{
background-color:red !important;
color:white !important;
border-radius:40px !important;
font-weight:900 !important;
font-size:20px !important;
padding: 6px;
}
}

@media screen and (max-width: 600px) 
{
.engl_txt_btn
{
background-color:red !important;
color:white !important;
border-radius:40px !important;
font-weight:900 !important;
font-size:15px !important;
padding: 6px;
}
}

/* ASK FAQ BUTTON CSS STYLE*/

@media screen and (min-width: 601px) 
{
.ask_qstn_fqs_stl
{
background-color:black !important;
color:white !important;
border-radius:40px !important;
font-weight:900 !important;
font-size:20px !important;
padding: 6px;
}
}

@media screen and (max-width: 600px) 
{
.ask_qstn_fqs_stl
{
background-color:black !important;
color:white !important;
border-radius:40px !important;
font-weight:900 !important;
font-size:15px !important;
padding: 6px;
}
}



/*FAQ ENGLISH QUESTION STYLE SPAN CSS STYLE*/

@media screen and (min-width: 601px) 
{
.eng_qstn
{
font-weight:900 !important; 
font-size:20px !important;
color:black !important;
}
}

@media screen and (max-width: 600px) 
{
.eng_qstn
{
font-weight:900 !important;
font-size:20px !important; 
color:black !important;
}
}

/*FAQ HINDI QUESTION STYLE SPAN CSS STYLE*/

@media screen and (min-width: 601px) 
{
.hndi_qstn
{
font-weight:900 !important; 
font-size:20px !important;
color:black !important;
}
}

@media screen and (max-width: 600px) 
{
.hndi_qstn
{
font-weight:900 !important;
font-size:20px !important; 
color:black !important;
}
}

/*FAQ ENGLISH ANSWER STYLE SPAN CSS STYLE*/

@media screen and (min-width: 601px) 
{
.eng_answr
{
font-weight:900 !important; 
font-size:20px !important;
color:blue !important;
}
}

@media screen and (max-width: 600px) 
{
.eng_answr
{
font-weight:900 !important;
font-size:20px !important; 
color:blue !important;
}
}

/*FAQ HINDI ANSWER STYLE SPAN CSS STYLE*/

@media screen and (min-width: 601px) 
{
.hndi_answr
{
font-weight:900 !important; 
font-size:20px !important;
color:blue !important;
}
}

@media screen and (max-width: 600px) 
{
.hndi_answr
{
font-weight:900 !important;
font-size:20px !important; 
color:blue !important;
}
}

/*REPLY DOCPAT CHAT STYLE SPAN CSS STYLE*/

@media screen and (min-width: 601px) 
{
.rply_msg_bx_stl
{
font-size: 25px !important;
font-weight: 900 !important;
padding: 5px 20px !important;
/*border: 5px solid gray !important;*/
border-radius: 40px !important;
color: black !important;
margin-top: 10px !important;
margin-right: 5px !important;
/*background-color: lightblue;
box-shadow: inset 0 0 10px #000000;*/
}
}

@media screen and (max-width: 600px) 
{
.rply_msg_bx_stl
{
font-size: 25px !important;
font-weight: 900 !important;
padding: 5px 20px !important;
/*border: 5px solid gray !important;*/
border-radius: 40px !important;
color: black !important;
margin-top: 10px !important;
margin-right: 5px !important;
/*background-color: lightblue;
box-shadow: inset 0 0 10px #000000;*/
}
}

/*SEND REPLY BUTTON DOCPAT CHAT STYLE SPAN CSS STYLE*/

@media screen and (min-width: 601px) 
{
.rply_btn_stl
{
background-color:black !important;
border-radius:40px !important;
color:white !important;
font-size: 30px !important;
font-weight: 900 !important;
margin-top: 1rem !important;
}
}

@media screen and (max-width: 600px) 
{
.rply_btn_stl
{
background-color:black !important;
border-radius:40px !important;
color:white !important;
font-size: 18px !important;
font-weight: 900 !important;
margin-top: 1rem !important;
}
}

/* MARK ALL READ NOTIFICATION BUTTON CSS STYLE*/

@media screen and (min-width:601px)
{
.mdl_mrk_all_rd_btn_stl
{
font-weight:900 !important;
font-size:25px !important;
background-color:black !important;
color:white !important;
padding: 5px 20px !important;
border-radius: 40px !important;
box-shadow: 3px 3px 25px 6px grey !important;
}
}

@media screen and (max-width:600px)
{
.mdl_mrk_all_rd_btn_stl
{
font-weight:900 !important;
font-size:25px !important;
background-color:black !important;
color:white !important;
padding: 1px 10px !important;
border-radius: 40px !important;
box-shadow: 3px 3px 25px 6px grey !important;
}
}

/* NOTIFICATION background CSS STYLE*/

@media screen and (min-width:601px)
{
.ntfctn_messg_stl
{
/*background-image: linear-gradient( 
-60deg
,#f6f2c0 30%, #f6e27a 30%,#f6e27a 70%,#f6f2c0 70%);*/
box-shadow: 4px -2px 5px 4px rgb(0 0 0 / 20%);

/*background: linear-gradient(to right, lightcyan 40% , aliceblue 60%);*/    

background-color: #5ca0f2;
background-image: linear-gradient(315deg, #5ca0f2 0%, #f5f7f6 74%);

padding: 10px !important;
border-radius: 15px !important;

}
}

@media screen and (max-width:600px)
{
.ntfctn_messg_stl
{
box-shadow: 4px -2px 5px 4px rgb(0 0 0 / 20%);
background-color: #5ca0f2;
background-image: linear-gradient(315deg, #5ca0f2 0%, #f5f7f6 74%);

padding: 10px !important;
border-radius: 15px !important;

}
}

/*  REPLY CSS STYLE*/

@media screen and (min-width:601px)
{
.rply_stl
{
background-image: linear-gradient( 
-60deg
,#f6f2c0 30%, #f6e27a 30%,#f6e27a 70%,#f6f2c0 70%);
padding: 20px !important;
border-radius: 10px !important;

}
}

@media screen and (max-width:600px)
{
.rply_stl
{
background-image: linear-gradient( 
-60deg
,#f6f2c0 30%, #f6e27a 30%,#f6e27a 70%,#f6f2c0 70%);
padding: 20px !important;
border-radius: 10px !important;

}
}

/* NOTIFICATION MODEL CLOSE BUTTON CSS STYLE*/

@media screen and (min-width:601px)
{
.ntfctn_clse_mdl_btn_stl
{
font-weight:900 !important;
font-size:22px !important;
background-color:black !important;
color:white !important;
padding: 5px 35px !important;
border-radius:40px !important;
}
}

@media screen and (max-width:600px)
{
.ntfctn_clse_mdl_btn_stl
{
font-weight:900 !important;
font-size:24px !important;
background-color:black !important;
color:white !important;
padding: 1px 17px !important;
border-radius:40px !important;
}
}



/* SUBMIT MODEL TEXT CSS STYLE*/

@media screen and (min-width:601px)
{
.sbmt_mdl_txt_stl
{
font-weight:900 !important;
color: blue !important;
text-align: center !important;
word-wrap: break-word !important;
margin-top: 85px !important;
}
}

@media screen and (max-width:600px)
{
.sbmt_mdl_txt_stl
{
font-weight:900 !important;
color: blue !important;
text-align: center !important;
word-wrap: break-word !important;
}
}

/* SUBMIT MODEL HINDI TEXT CSS STYLE*/

@media screen and (min-width:601px)
{
.sbmt_mdl_hndi_txt_stl
{
font-weight:900 !important;
color: red !important;
text-align: center !important;
word-wrap: break-word !important;
margin-top: 10px !important;
}
}

@media screen and (max-width:600px)
{
.sbmt_mdl_hndi_txt_stl
{
font-weight:900 !important;
color: red !important;
text-align: center !important;
word-wrap: break-word !important;
}
}


/* SUCCESS MODEL TEXT CSS STYLE*/

@media screen and (min-width:601px)
{
.scs_mdl_txt_stl
{
font-weight:900 !important;
color: blue !important;
text-align: center !important;
word-wrap: break-word !important;
margin-top: 85px !important;
}
}

@media screen and (max-width:600px)
{
.scs_mdl_txt_stl
{
font-weight:900 !important;
color: blue !important;
text-align: center !important;
word-wrap: break-word !important;
}
}


/* SUCCESS MODEL HINDI TEXT CSS STYLE*/

@media screen and (min-width:601px)
{
.scs_mdl_hnd_txt_stl
{
font-weight:900 !important;
color: red !important;
text-align: center !important;
word-wrap: break-word !important;
margin-top: 10px !important;
}
}

@media screen and (max-width:600px)
{
.scs_mdl_hnd_txt_stl
{
font-weight:900 !important;
color: red !important;
text-align: center !important;
word-wrap: break-word !important;
}
}


/* STOPER MODEL TEXT CSS STYLE*/

@media screen and (min-width:601px)
{
.stpr_mdl_txt_stl
{
font-weight:900 !important;
color: blue !important;
text-align: center !important;
word-wrap: break-word !important;
margin-top: 85px !important;
}
}

@media screen and (max-width:600px)
{
.stpr_mdl_txt_stl
{
font-weight:900 !important;
color: blue !important;
text-align: center !important;
word-wrap: break-word !important;
}
}


/* STOPER MODEL HINDI TEXT CSS STYLE*/

@media screen and (min-width:601px)
{
.stpr_mdl_hndi_txt_stl
{
font-weight:900 !important;
color: red !important;
text-align: center !important;
word-wrap: break-word !important;
margin-top: 10px !important;
}
}

@media screen and (max-width:600px)
{
.stpr_mdl_hndi_txt_stl
{
font-weight:900 !important;
color: red !important;
text-align: center !important;
word-wrap: break-word !important;
}
}

/* DOCPAT CHAT LOG NOTIFICATION MODEL HEADING CSS STYLE*/

@media screen and (min-width:601px)
{
.ntfctn_mdl_hdng_stl
{
background-image: linear-gradient( to right, #ffed94 0, #ffca78 22%, #f6e27a 45%, #ffed94 50%, #f6e27a 55%, #ffca78 78%, #ffed94 100% );
color: transparent;
-webkit-background-clip: text;
font-size: 45px !important;
font-weight:900 !important;
}
}

@media screen and (max-width:600px)
{
.ntfctn_mdl_hdng_stl
{
background-image: linear-gradient( to right, #ffed94 0, #ffca78 22%, #f6e27a 45%, #ffed94 50%, #f6e27a 55%, #ffca78 78%, #ffed94 100% );
color: transparent;
-webkit-background-clip: text;
font-size: 35px !important;
font-weight:900 !important;
}
}

/*NOTIFICATION CHAT LABEL STYLE*/
@media screen and (min-width:601px)
{
.ntfctn_lbl_stl 
{
font-weight: 900 !important;
font-size: 30px !important;    
/*background: linear-gradient(-45deg, red, #ee7752, #e73c7e, #23a6d5, #23d5ab);*/

background: linear-gradient(
-45deg
, red, #850909, #ff1e1e, #dd0c0c, #0c3ae3);

background-size: 400% 400%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

animation: gradient 5s ease infinite;
}   
}

@keyframes gradient 
{
0% 
{
background-position: 0% 50%;
}
50% 
{
background-position: 100% 50%;
}
100%
{
background-position: 0% 50%;
}
}


@media screen and (max-width:600px)
{
.ntfctn_lbl_stl 
{
font-weight: 900 !important;
font-size: 27px !important;    
/*background: linear-gradient(-45deg, red, #ee7752, #e73c7e, #23a6d5, #23d5ab);*/

background: linear-gradient(
-45deg
, red, #850909, #ff1e1e, #dd0c0c, #0c3ae3);

background-size: 400% 400%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

animation: gradient 5s ease infinite;
}
}

@keyframes gradient 
{
0% 
{
background-position: 0% 50%;
}
50% 
{
background-position: 100% 50%;
}
100%
{
background-position: 0% 50%;
}
}

/* DOCPAT CHAT LOG FAVOURITE BUTTON CSS STYLE*/

@media screen and (min-width:601px)
{
.fvrt_btn_stl
{
font-size: 15px !important;
font-weight:900 !important;
margin:2px;
border-radius:40px;
background-color:blue;
color:white;
}
}

@media screen and (max-width:600px)
{
.fvrt_btn_stl
{
font-size: 15px !important;
font-weight:900 !important;
margin:2px;
border-radius:40px;
color:white;
background-color:blue;
}
}

/* DOCPAT CHAT LOG GROUP CHAT BUTTON CSS STYLE*/

@media screen and (min-width:601px)
{
.grp_cht_btn_stl
{
font-size: 15px !important;
font-weight:900 !important;
margin:2px;
border-radius:40px;
background-color:red;
color:white;
}
}

@media screen and (max-width:600px)
{
.grp_cht_btn_stl
{
font-size: 15px !important;
font-weight:900 !important;
margin:2px;
border-radius:40px;
background-color:red;
color:white;
}
}

/* DOCPAT CHAT LOG MAIN HEADING BACKGROUND STYLE CSS STYLE*/

@media screen and (min-width:601px)
{
.ntfctn_mdl_div_hdng_stl
{
background-color: #000000;
border-radius: 30px;
}
}
@media screen and (max-width:600px)
{
.ntfctn_mdl_div_hdng_stl
{
background-color: #000000;
border-radius: 30px;
}
}

/* DOCPAT CHAT LOG MODEL BODY SCROLL CSS STYLE*/

@media screen and (min-width:601px)
{
.mdl_cht_scrl_stl
{
max-height: calc(100vh - 210px);
overflow-y: auto;
border:5px solid blue;
}
}
@media screen and (max-width:600px)
{
.mdl_cht_scrl_stl
{
max-height: calc(100vh - -50px);
overflow-y: auto;
border:5px solid blue;
}
}

/* ASK FAQ MODEL BODY SCROLL CSS STYLE*/

@media screen and (min-width:601px)
{
.mdl_scrl_stl
{
max-height: calc(100vh - 210px);
overflow-y: auto;
border:5px solid darkgrey;
box-shadow: 4px -2px 5px 4px rgb(0 0 0 / 20%);
background-color: white;
border-radius: 20px;
padding: 20px;
margin-bottom:10px;
}
}
@media screen and (max-width:600px)
{
.mdl_scrl_stl
{
max-height: calc(100vh - -50px);
overflow-y: auto;
border:5px solid darkgrey;
box-shadow: 4px -2px 5px 4px rgb(0 0 0 / 20%);
background-color: white;
border-radius: 20px;
padding: 20px;
margin-bottom:10px;
}
}

/* ASK FAQ MODEL BODY BACKGROUND CSS STYLE*/

@media screen and (min-width:601px)
{
.faq_bcgrnd_stl
{
/*background-image: linear-gradient( 
-60deg
,#f6f2c0 30%, #f6e27a 30%,#f6e27a 70%,#f6f2c0 70%);*/
background-color: #5ca0f2;
background-image: linear-gradient(315deg, #5ca0f2 0%, #f5f7f6 74%);
padding: 20px;
border-radius: 20px;
box-shadow: 4px -2px 5px 4px rgb(0 0 0 / 20%);
margin-top: 10px;
margin-bottom:10px;
}
}
@media screen and (max-width:600px)
{
.faq_bcgrnd_stl
{
background-color: #5ca0f2;
background-image: linear-gradient(315deg, #5ca0f2 0%, #f5f7f6 74%);
/*background-image: linear-gradient( 
-60deg
,#f6f2c0 30%, #f6e27a 30%,#f6e27a 70%,#f6f2c0 70%);*/
padding: 20px;
border-radius: 20px;
box-shadow: 4px -2px 5px 4px rgb(0 0 0 / 20%);
margin-top: 10px;
margin-bottom:10px;
}
}

/* ASK FAQ MODEL HEADING CSS STYLE*/

@media screen and (min-width:601px)
{
.faq_mdl_hdng_stl
{
font-size:24px;
font-weight:900;
color:black;
background-image: linear-gradient( to right, #ffed94 0, #ffca78 22%, #f6e27a 45%, #ffed94 50%, #f6e27a 55%, #ffca78 78%, #ffed94 100% );
color: transparent;
-webkit-background-clip: text;
}
}
@media screen and (max-width:600px)
{
.faq_mdl_hdng_stl
{
font-size:30px;
font-weight:900;
color:black;
background-image: linear-gradient( to right, #ffed94 0, #ffca78 22%, #f6e27a 45%, #ffed94 50%, #f6e27a 55%, #ffca78 78%, #ffed94 100% );
color: transparent;
-webkit-background-clip: text;
}
}

/* FAQ MODAL MAIN HEADING BACKGROUND STYLE CSS STYLE*/

@media screen and (min-width:601px)
{
.faq_mdl_div_hdng_stl
{
background-color: #000000;
border-radius: 30px;
margin: 10px;
}
}
@media screen and (max-width:600px)
{
.faq_mdl_div_hdng_stl
{
background-color: #000000;
border-radius: 30px;
margin: 10px;
}
}

/* FAQ MODAL ENGLISH TEXT STYLE CSS STYLE*/

@media screen and (min-width:601px)
{
.faq_mdl_englsh_txt_stl
{
font-size: 20px !important;
font-weight: 900 !important;
margin-left: 7px !important;
color: darkblue;
}
}
@media screen and (max-width:600px)
{
.faq_mdl_englsh_txt_stl
{
font-size: 20px !important;
font-weight: 900 !important;
margin-left: 7px !important;
color: darkblue;
}
}

/* FAQ MODAL HINDI TEXT STYLE CSS STYLE*/

@media screen and (min-width:601px)
{
.faq_mdl_hndi_txt_stl
{
font-size: 20px !important;
font-weight: 900 !important;
margin-left: 7px !important;
color: black;
}
}
@media screen and (max-width:600px)
{
.faq_mdl_hndi_txt_stl
{
font-size: 20px !important;
font-weight: 900 !important;
margin-left: 7px !important;
color: black;
}
}

/* FAQ MODAL QUESTION ANSWER STYLE CSS STYLE*/

@media screen and (min-width:601px)
{
.faq_qstn_ans_dv_stl
{
margin-bottom:20px;
}
}
@media screen and (max-width:600px)
{
.faq_qstn_ans_dv_stl
{
margin-bottom:20px;
}
}

/* FAQ FULL MODAL SCROLLABLE CSS STYLE*/

@media screen and (min-width:601px)
{
#faq_qna_mdl
{
max-height: calc(100vh);
overflow-y: auto;
}
}
@media screen and (max-width:600px)
{
#faq_qna_mdl
{
max-height: calc(100vh);
overflow-y: auto;
}
}

/* ASK FAQ FULL MODAL SCROLLABLE CSS STYLE*/

@media screen and (min-width:601px)
{
#ask_faq_mdl
{
max-height: calc(100vh);
overflow-y: auto;
}
}
@media screen and (max-width:600px)
{
#ask_faq_mdl
{
max-height: calc(100vh);
overflow-y: auto;
}
}