@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap'); 

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300&display=swap');


a, a:focus, a:hover{ outline:none; text-decoration:none;}


body{ background:#edf6ff;  margin:0;  padding:60px; color:#000101; font-size:15px; line-height:24px;  font-family: 'Roboto', sans-serif; 
    font-weight:400; font-style:normal; overflow-x:hidden;}


h1, h2, h3, h4, h5, h6{font-family: 'Saira Condensed', sans-serif; color:#000101; font-weight:600; text-transform:uppercase;} 

.login_main_wrap{ background:#ffffff; border-radius:15px; box-shadow:0px 0px 25px rgba(0,68,128,0.25);} 
.cl_l_1{ width:500px; float:left; padding:50px 0px 10px;}  
.frm_first_sec{ padding:0px 50px;}



.logo{ margin-bottom:28px; text-align:center;} 
.title_t_lf{ margin-bottom:28px;}
.title_t_lf h2{ font-size:26px; margin:0px 0px 3px;} 
.link1{ color:#0188dd;} .link1:hover{ color:#000000; text-decoration:underline;}  
.link2 a{ color:#00549e;} .link2 a:hover{ color:#000000; text-decoration:underline;} 

.input_rw{ margin-bottom:16px; position:relative;}
.input_rw .form-control{ border-radius:0; border:#dbdbdb 2px solid; height:56px; padding:0px 15px 0px 75px; box-shadow:none; color:#000000; background:#fff;}   
.input_rw .form-control:-ms-input-placeholder{color:#000000;opacity:1;} 
.input_rw .form-control::-ms-input-placeholder{color:#000000;opacity:1;} 
.input_rw .form-control::placeholder{color:#000000;opacity:1;}

.input_rw .ic{ position:absolute; left:20px; top:11px; border-right:#dbdbdb 1px solid; padding:4px 15px 4px 0px;}


.blue_btn{ background:#00549e; width:100%; height:50px; padding:0px 20px; color:#fff; text-transform:uppercase; font-family: 'Saira Condensed', sans-serif; font-weight:700; font-size:22px; position:relative;}
.blue_btn i{ position:absolute; right:15px; top:5px;} 
.blue_btn:hover{ background:#000;} 

.join_on_social h5{ font-size:20px; position:relative; text-align:center; margin-bottom:15px;}  
.join_on_social h5:before{ content:""; width:100%; height:1px; background:#d3d3d3; position:absolute; left:0; top:50%;}
.join_on_social h5 span{ position:relative; z-index:5; background:#fff; display:inline-block; padding:0px 10px;} 

.join_on_social ul{ text-align:center;} 
.join_on_social ul li{ display:inline-block; margin:0px 4px;} 
.join_on_social ul li a{ display:block; width:40px; height:40px; background:#fff; border:#2e3e4c 1px solid; border-radius:100%; text-align:center; line-height:40px;}  
.join_on_social ul li a:hover{opacity:0.7;}

.login_lf_footer{ color:#00549e; font-size:12px; text-align:center;}
.login_lf_footer a{ color:#00549e; display:inline-block; line-height:14px; margin:1px 0px; padding:0px 8px; border-right:#00549e 1px solid;}  
.login_lf_footer a:hover{ color:#000;}
.login_lf_footer a:last-child{ border:none; padding-right:0;} 
.login_lf_footer a:first-child{ padding-left:0;}


.cl_l_2{ overflow:hidden; background: linear-gradient(to top left, #c4a5ed 0%, #e6f2ff 100%); min-height:690px; position:relative; border-radius:0px 15px 15px 0px;}  

.howgethelp{ padding:25px 25px 5px;} 
.support_call a{ color:#00549e; font-size:15px; font-weight:500; display:inline-block; border-right:#00549e 1px solid; padding:0px 10px;} 
.support_call a i{ width:27px; height:27px; display:inline-block; border-radius:100%; background:#00549e; text-align:center; line-height:25px; margin-right:6px;} 
.support_call a:last-child{ border:none; padding-right:0;} 
.support_call a:first-child{ padding-left:0;}  
.support_call a:hover{ color:#000;}

.img_responsive{ max-width:100%;} 

.googleplay{ width:215px; position:absolute; left:50%; bottom:20px; margin-left:-108px;} 

.howgethelp h2{ font-size:23px; margin-bottom:0px;} 

#myCarousel .carousel-indicators{ left:inherit; margin:0; right:20px; z-index:999;} 
#myCarousel .carousel-indicators li{ background:#fff; cursor:pointer;} 
#myCarousel .carousel-indicators li.active{ background:#000;}


@media (min-width:992px) and (max-width:1199px){  
.cl_l_1{ width:400px;} .frm_first_sec{ padding:0px 25px;} 
.login_lf_footer{ font-size:11px;} .login_lf_footer a{ padding:0px 5px;}

}


@media (min-width:768px) and (max-width:991px){ 
body{ padding:35px;}
.cl_l_1{ width:100%; padding-bottom:30px;} .frm_first_sec{ padding:0px 25px;} 
.login_lf_footer{ font-size:11px;} .login_lf_footer a{ padding:0px 5px;} 
.cl_l_2{ width:100%; float:left; min-height:inherit; border-radius:0px 0px 15px 15px;}

}


@media (max-width:767px){ 
body{ padding:25px;}
.cl_l_1{ width:100%; padding-bottom:30px;} .frm_first_sec{ padding:0px 25px;} 
.login_lf_footer{ font-size:11px;} .login_lf_footer a{ padding:0px 5px;} 
.cl_l_2{ width:100%; float:left; min-height:inherit; border-radius:0px 0px 15px 15px;} 

.howgethelp{ padding:25px 15px 5px;} .support_call a{ font-size:13px;} .support_call a i{ width:20px; height:20px; line-height:18px;} 
.support_call a i img{ height:12px;}




}