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

body{
margin:0px;
padding:0px;
font-family: "Roboto", sans-serif !important;
}


.header{
float:left;
width:100%;
padding:15px 0px;
}


.banner_div{
float:left;
width:100%;
height:auto;

}

.desktop_banner{display: block;}
.mobile_banner{display: none;}

.banner_band {
    float: left;
    width: 100%;
    margin-top: -50px;
    /* height: 50px; */
    z-index: 10;
    position: relative;
}


.appointment{
    float:left;
    width:100%;
    padding:0px 100px;

}

.appointment_maindiv{
float:left;
width:100%;
background-color:#0343bb;
padding:8px;
border-radius:30px;
margin-top:-200px;
z-index:11;
position:relative;
}

.appointment_heading{
 float:left;
 width:100%;
 text-align:left;
 padding:40px 15px 15px;
 font-size:30px;
 line-height:37px;
 color:#fff;
 font-weight:700;
 margin-bottom:20px;
}

.appointment_symboldiv{
  float:left;
 width:100%;   
}

.appointment_symboldiv_txt{
  float:left;
 width:100%; 
 text-align:center;
 font-family: "Montserrat", sans-serif;
 font-size:15px;
 line-height:18px;
 color:#fff;
 font-weight:600;
}

.appointment_form_maindiv{
 float:left;
 width:100%;
 background-color:#fff;
 border-radius:30px;
 padding:20px 30px;
 }


.appoint_formmaindiv{
 float:left;
 width:100%;
 border-bottom:1px solid #000;
 margin-bottom:10px;
}

.form-control-txtbox{
 float:left;
 width:99% !important;
 text-align:left;
 font-size:14px !important;
 color:#000;
 background-color:#fff !important;
 height:30px !important;
 outline:0px;
 border:0px;
}


.form-control-txtbox1{
 float:left;
 width:30% !important;
 text-align:left;
 font-size:14px !important;
 color:#000;
 background-color:#fff !important;
 height:30px !important;
 outline:0px;
 border:0px;
}

.form-control-txtbox2{
 float:left;
 width:67% !important;
 text-align:left;
 font-size:14px !important;
 color:#000;
 background-color:#fff !important;
 height:30px !important;
 outline:0px;
 border:0px;
}


.form-control-txtbox3{
 float:left;
 width:60% !important;
 text-align:left;
 font-size:14px !important;
 color:#000;
 background-color:#fff !important;
 height:30px !important;
 outline:0px;
 border:0px;
}

.form-control-txtbox4{
 float:left;
 width:40% !important;
 text-align:left;
 font-size:14px !important;
 color:#000;
 background-color:#fff !important;
 height:30px !important;
 outline:0px;
 border:0px;
}


.appointment_btn{
float:left;
width:100%;
border-radius:50px;
height:45px;
line-height:45px;
background-color:#e85145;
text-align:center;
font-size:16px;
color:#fff;
font-weight:600;
transition: 0.5s all;
border:0px;
}

.appointment_btn:hover{
 background-color:#0343bb;   
}


.why_maindiv{
 float:left;
width:100%;
padding:80px 60px 60px;
}

.why_maindiv h2{

color:#0343bb;
font-weight:600;
}

.reason_maindiv{
float:left;
width:100%;
background-color:#f3f3f3;
border-radius:20px;
padding:30px 15px;
transition: 0.5s all;
cursor:pointer;
}

.reason_maindiv:hover{
 background-color:#0343bb;   
}


.reason_maindiv path{
 fill:#0343bb; 
 transition: all 0.5s ease;
 
}

.reason_maindiv:hover path{
 fill:#fff;   
}

.reason_maindiv p{
float:left;
width:100%;
border-top:2px solid #e5181f;
padding-top:15px;
text-align:center;
font-size:18px;
font-weight:600;
color:#0343bb;
}

.reason_maindiv:hover p{
color:#fff; 
border-top:2px solid #fff;
}





.department_maindiv {
    float: left;
    width: 100%;
    padding: 60px 130px 40px;
}

.department_maindiv h2{

color:#0343bb;
font-weight:600;
}


.depart_maindiv{
float:left;
width:100%;
background-color:#0343bb;
border-radius:20px;
}

.img_radius{
border-radius:0px 20px 20px 0px;    
}


.depart_contmaindiv{
    float:left;
    width:100%;
    padding:20px 0px 20px 30px;
}

.depart_heading{
font-size:17px;
color:#fff;
font-weight:600;
font-family: "Montserrat", sans-serif;
}

.depart_body{
font-size:14px;
color:#fff;
font-weight:400;
line-height:18px;
}


.consult_btn{
float:left;
width:100%;
border-radius:50px;
height:45px;
line-height:45px;
background-color:#e85145;
text-align:center;
font-size:16px;
color:#fff;
font-weight:600;
transition: 0.5s all;
border:0px;
}

.consult_btn:hover{
 background-color:#000;   
}



.service_maindiv{
float:left;
width:100%;
padding:15px;
}

.service_maindiv h3{
font-size:15px; 
font-family: "Montserrat", sans-serif;
font-weight:700;
color:#0343bb;
}

.service_maindiv p{
font-size:14px; 
line-height:18px;
color:#000;
}


.speak_maindiv{
float:left;
width:100%;
border:2px solid #eeeeef;
cursor:pointer;

}

.speak_content_maindiv{
float:left;
width:100%;
padding:30px 20px;
color:#000;
font-size:13px;
line-height:19px;
text-align:center;
height:270px;
}

.icon{
float:left;
width:100%; 
text-align:center;
background-color:#fff;
color:#083791;
font-size:70px;
height:30px;
font-family: "Bebas Neue", sans-serif;
margin-top:-30px;
}

.speak_name{
float:left;
width:100%; 
background-color:#e85145;
padding:25px 0px;
text-align:center;
font-size:16px;
color:#fff;
font-weight:500;
transition: 0.5s all;
cursor:pointer;
}

.speak_name:hover{
 background-color:#083791;   
}

.speak_maindiv:hover .speak_name{
  background-color:#083791; 
  
}


.footer_heading{
float:left;
width:100%;
font-size:20px;
font-weight:600;
text-align:left;
color:#0343bb;
margin-bottom:20px;
}

.address_maindiv{
  float:left;
width:100%; 
margin-bottom:15px;
}

.address_icon{
 float:left;
 width:30px;
 margin-right:15px;
}
.address_txt{
 float:left;
 width:90%;
text-align:left;
font-size:13px;
color:#000;
line-height:22px;
}

.footer_bottom{
 float:left;
 width:100%;
 background-color:#638edd;
 padding:10px 0px;
 text-align:center;
 font-size:14px;
 color:#fff;
}


@media only screen and (max-width:999px){
    
    
.reason_maindiv p{
font-size:16px;
}
    
    .appointment{
    float:left;
    width:100%;
    padding:0px 30px;

}
    
    .banner_band {
    float: left;
    width: 100%;
    margin-top: -30px;
    /* height: 50px; */
    z-index: 10;
    position: relative;
}

.appointment_maindiv{
border-radius:30px;
margin-top:-120px;

}

.appointment_heading{
 padding:30px 15px 15px;
 font-size:24px;
 line-height:27px;

}

.why_maindiv{
 float:left;
width:100%;
padding:60px 30px 60px;
}


.department_maindiv {
    float: left;
    width: 100%;
    padding: 60px 60px 40px;
}

.depart_contmaindiv{
    float:left;
    width:100%;
    padding:20px;
}

.img_radius{
border-radius:0px 0px 20px 20px;    
}

.speak_content_maindiv{
height:440px;    
}

    
}





@media only screen and (max-width:480px){
    
    .desktop_banner{display: none;}
.mobile_banner{display: block;}

.banner_band {
    float: left;
    width: 100%;
    margin-top: -35px;
    /* height: 50px; */
    z-index: 10;
    position: relative;
}

.appointment{
    float:left;
    width:100%;
    padding:0px 10px;

}


.appointment_maindiv{
border-radius:15px;
margin-top:-70px;

}

.appointment_heading{
 padding:30px 15px 15px;
 font-size:24px;
 line-height:27px;

}

.appointment_form_maindiv{
 float:left;
 width:100%;
 background-color:#fff;
 border-radius:15px;
 padding:10px 15px;
 }


.appointment_symboldiv_txt{
 font-size:13px;
 line-height:15px;
}


.form-control-txtbox{
height:40px !important;    
}

.form-control-txtbox1{
height:40px !important;    
}

.form-control-txtbox2{
height:40px !important;    
}

.form-control-txtbox3{
height:40px !important;    
}

.form-control-txtbox4{
height:40px !important;    
}

.why_maindiv{
 float:left;
width:100%;
padding:60px 10px 60px;
}

.reason_maindiv{
padding:15px 15px;
}

.department_maindiv {
    float: left;
    width: 100%;
    padding: 60px 10px 60px;
}

.img_radius{
border-radius:0px 0px 20px 20px;    
}

.depart_contmaindiv{
    float:left;
    width:100%;
    padding:20px 10px 20px 10px;
}

.speak_maindiv{
margin-bottom:30px;    
}

.speak_content_maindiv{
height:auto;    
}

    
}