@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body { font-family: "Roboto", sans-serif;}
a { text-decoration: none;}
p {font-size: 16px;line-height: 1.6;margin: 0 0 10px 0;font-family: "Roboto", sans-serif;letter-spacing: .5px;:; 400;font-weight: 400;}
.main-table ul li {font-size: 16px;line-height: 24px;margin: 0 0 10px 0;font-family: "Roboto", sans-serif;font-weight: 400;line-height: 1.6;}
h1, h2, h3, h4, h5, h6 { font-family: "Roboto", sans-serif;}
.heading { font-size: 40px; color: #145886; font-weight: 700; margin: 0 0 20px 0; letter-spacing: .5px;}
.service-section h3{
        margin: 25px 0;
        font-weight: 700;
        color: #145886;
}
.service-section ul li{
        font-size: 15px;
        margin: 0 0 15px 0;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        line-height: 1.6;
}
.heading1 {font-size: 30px;margin: 0 0 25px 0;font-weight: 700;color: #ffffff;padding: 15px;background: #232323;}
.sub-heading { font-size: 32px; margin: 0 0 15px 0; font-weight: 700; color: #145886;}
.title { font-size: 24px; margin: 15px 0; font-weight: 700; color: #145886;}
.custom-btn { display: inline-block; background: #145886; color: #fff; padding: 12px 34px; border-radius: 30px; font-size: 14px; font-weight: 600;}
.custom-btn:hover { background: #c4c4c4; color: #145886;}
.mq marquee{
    font-size: 14px;
    word-spacing: 5px;
    color: #145886;
    font-weight: 600;
    margin-top: 5px;
}
.logo {
    margin: 0px !important;
    height: auto !important;
}
.logo img{
    width: 420px;
    height: 70px;
}
.about-section ul li{
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px 0;
    font-weight: 400;
    line-height: 1.6;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
 background-color: #145886;
 color: #fff !important;
 }
.nav-pills .nav-link:hover{background:#a6876a;color: #fff !important;}

.nav-pills .nav-link {border-radius: 30px;background: #fff;text-align: start;color: black !important;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 26px;margin-bottom: 10px;font-weight: bold;display: flex;box-shadow: 1px 1px 5px #c6bfbf;justify-content: space-between;}

.top-nav{ border-bottom: 1px dashed #145886;}
.top-nav .social-icon a {display: inline-block;width: 42px;height: 40px;border: 1px dashed #145886;text-align: center;font-size: 17px;line-height: 2.3;color: #414141;margin-right: -5px;}
.top-nav .social-icon a:nth-child(3) { border-right: 1px dashed #145886; width: 45px;}
.top-nav .social-icon a:hover { color: #fff; background: #145886;}
.top-nav .top-nav-right i { width: 40px; height: 40px; text-align: center; line-height: 2.4; background:#145886; color: #fff; margin-right: 8px; font-size: 16px;}	
.top-nav .top-nav-right a { color: #414141; font-size: 15px; font-weight: 500;}
.top-nav .top-nav-right a:hover { color: #145886;}

.banner-section { position: relative;}
.banner-section .text {position: absolute;right: 0;top: 0;z-index: 2;background: rgba(20, 88, 134, .8);width: 50%;height: 100%;padding: 150px 60px;}
.banner-section .text h2 {color: #fff;font-size: 50px;text-align: center;font-weight: 600;margin: 0 0 25px 0;} 
.banner-section .text ul, .banner-section .text  ul li { list-style: none; margin: 0; padding: 0;}
.banner-section .text ul li { color: #f4f4f4; font-size: 21px; text-align: center; line-height: 1.6;}
.banner-section .text a { display: inline-block; background: #fff; padding: 12px 42px; color: #145886; border-radius: 30px; font-weight: 600; font-size: 15px; letter-spacing: .3px; margin: 10px 0 0 0;}

.about-section, .team-section { padding: 3% 0;}

/* .service-section{ background:url(image/student-bg.jpg) center top fixed; padding: 4% 0;} */
.service-section{ background:aliceblue; padding: 4% 0;}
.service-section h2{
    margin-bottom:25px;
    font-weight: 700;
    color: #145886;
}
.ser-bx{ border:1px #ccc solid; text-align:center; border-radius: 10px; padding: 30px; margin: 0 0 20px 0;}
.ser-bx img{ border:5px #ccc solid; border-radius: 50%; margin: 0 0 20px 0; width: 120px; height: 120px; object-fit: cover;}
.ser-bx img:hover{ transition:.9s;  transform: rotateZ(360deg);}
.ser-bx h3{ font-size:21px; color:#ccc; text-align:center; margin: 0 0 10px 0;}
.ser-bx p {font-size:14px; text-align:center; line-height:24px; color:#ccc; margin: 0 0 15px 0;}
.ser-bx .read-more { display: inline-block; background: #fff; color: #145886; font-weight: 600; font-size: 14px; padding: 10px 24px; border-radius: 30px;}
.ser-bx .read-more:hover { background: #145886; color: #fff;}

footer { padding: 4% 0 0 0; background: #145886;}
footer h4 { color: #fff; font-size: 20px; margin: 0 0 20px 0; border-bottom: 1px dashed #fff; letter-spacing: .5px; padding: 5px 0;}
footer p, footer p a { color: #f4f4f4; margin: 0 0 5px 0; font-size: 14px;}
footer p img { margin: 0 5px 0 0;}
footer p i { margin: 0 5px 0 0;}
footer p a:hover { color: #fff;}
.footer-bottom { background: #252525; margin: 3% 0 0 0; padding: 12px 0;}
.footer-bottom p { margin: 0;}

.service-menu { background: #145886; padding: 10px;}
.service-menu h4 { color: #fff; font-weight: 600; font-size: 27px; margin: 0 0 20px 0; text-align: center;}
.service-menu ul li, .service-menu ul { list-style-type: none; margin: 0; padding: 0;}
.service-menu ul li{ color: #fff; font-size: 15px; padding: 10px; border-bottom: 1px solid #aaaaaa;}
.service-menu ul li a { color: #fff;}
.service-menu ul li:last-child { border: none;}


.banner-heading {background: #252525;padding: 4% 0;}
.banner-heading h3 {color: #fff;font-size: 32px;margin: 0;font-weight: 700;text-align: left;letter-spacing: .5px;}

.contact-info { background: #145886; padding: 30px; margin:0 0 15px 0;}
.contact-info i { color: #e4e4e4; font-size: 30px;}
.contact-info h5 {color: #fff; text-transform: uppercase; font-size: 17px; font-weight: 700; letter-spacing: .5px; }
.contact-info p, .contact-info p a { color: #e0e0e0; margin: 0;}

@media (min-width:320px) and (max-width:768px) {
    p {font-size: 15px;}
    .main-table ul li {font-size: 15px;}
    .heading { font-size: 32px;}
    .heading1 {font-size: 27px;}
    .sub-heading { font-size: 27px; }
    .title { font-size: 19px;}
    
    .top-nav .top-nav-right i { width: 30px; height: 30px; line-height: 2.4; margin-right: 5px; font-size: 13px;}	
    .top-nav .top-nav-right a { font-size: 14px;}

    .banner-section img { height: 240px; object-fit:cover}
    .banner-section .text { width: 50%; height: 100%; padding: 30px 20px}
    .banner-section .text h2 { font-size: 18px; margin: 0 0 10px 0; font-weight: 500} 
    .banner-section .text a { padding: 10px 24px; font-size: 14px;}
    
    .about-section, .team-section { padding: 0 0 3% 0;}
    #CalendarControl_C_ctl00_Label1 {
        color: #fff;
    }
    #WhatsNewControl_C_ctl00_lbl_updated {
        color: #fff;
    }
    .service-menu { background: #145886; padding: 10px;}
    .service-menu h4 { color: #fff; font-weight: 600; font-size: 27px; margin: 0 0 20px 0; text-align: center;}
    .service-menu ul li, .service-menu ul { list-style-type: none; margin: 0; padding: 0;}
    .service-menu ul li{ color: #fff; font-size: 15px; padding: 10px; border-bottom: 1px solid #aaaaaa;}
    .service-menu ul li a { color: #fff;}
    .service-menu ul li:last-child { border: none;}
    
    
    .banner-heading h3 {color: #fff;font-size: 24px;\}
    
    .contact-info { background: #145886; padding: 30px; margin:0 0 15px 0;}
    .contact-info i { color: #e4e4e4; font-size: 30px;}
    .contact-info h5 {color: #fff; text-transform: uppercase; font-size: 17px; font-weight: 700; letter-spacing: .5px; }
    .contact-info p, .contact-info p a { color: #e0e0e0; margin: 0;}
}