@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
body { font-family: "Noto Sans", sans-serif !important; overflow-x: hidden;}
p, h1, h2, h3, h4, h5, h6 {font-family: "Noto Sans", sans-serif !important;}
a { text-decoration: none;}
p, .main-table ul li {font-size: 15px;margin: 0 0 15px 0;color: #121212;font-weight: 400;line-height: 1.6;letter-spacing: .5px;}
.main-table ul li, .main-table ul { list-style-type: none; margin: 0; padding: 0;}
.main-table ul li {font-size: 15px;ma;margin: 0 0 6px 0;color: #121212;line-height: 1.7;letter-spacing: .5px;display: flex;}
.main-table ul li i { color: #f77575; font-size: 18px; margin: 4px 5px 0 0;}
.heading {font-size: 40px;margin: 0 0 20px 0;font-weight: 700;position: relative;color: #fd650f;text-align: left; text-transform: uppercase;}
.sub-heading {font-size: 24px;margin: 0 0 15px 0;font-weight: 700;position: relative;text-align: left;color: #023867;}
.custom-btn{display: inline-block;background: #fff;color: #023867;padding: 12px 34px; font-weight: 500;font-size: 15px;} 

span.transition-hover-content {
    top: auto !important;
}

header {padding: 19px 0;/* align-items: center; *//* justify-content: center; */}
.banner-section {background-image: url('image/banner-image.jpg');background-size: cover;padding: 22% 0 17% 0;}
.banner-section h1 { color: #fff; font-size: 50px; font-weight: 700; margin: 10px 0;}
.banner-section p { color: #e6e6e6; font-size: 24px; margin: 0 0 20px 0;}
.banner-section a {margin: 0 10px;}
.banner-section .custom-btn1 {display: inline-block;background: transparent; color: #fff; border: 1px solid #fff;padding: 11px 32px; font-weight: 500;font-size: 15px;}

.about-section {padding: 5% 0;}
.about-section .text h4{ color: #023867; margin: 20px 0 6px 0; font-size: 27px; font-weight: 700;}
.about-section .text a { display: inline-block; background: #048fa2; color: #fff; padding: 10px 24px; font-size: 14px;}

.service-section { padding: 6% 0; background: rgba(2, 56, 103, .1);}
.service-section .ser-card { position: relative; perspective: 1000px; margin: 10px 0 20px 0;}
.service-section .ser-card img {filter: brightness(.6);}
.service-section .ser-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);}
.service-section .ser-card .text {padding: 20px; position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 9; transition: all .5s ease-in-out;}
.service-section .ser-card .text a { display: none; background: #048fa2; color: #fff; padding: 10px 34px; margin: 10px 0 0 0; transition: all .5s ease-in-out;}
.service-section .ser-card .text h5 { color: #fff; font-size: 27px; letter-spacing: .5px; margin: 0; font-weight: 600; text-transform: uppercase; text-shadow: 2px 2px 2px #000000;}
.service-section .ser-card-back {position: absolute; top: 0; left: 0; transform: rotateX(180deg); backface-visibility: hidden;}
.service-section .ser-card:hover .ser-card-inner { transform: rotateX(180deg);}
.service-section .ser-card:hover .text { transform: rotateX(-180deg) !important; top: 30%; left: 0;}
.service-section .ser-card:hover .text a { display: inline-block;}
.service-section .ser-card .overlay { position: absolute; background: rgba(2, 56, 103, .1); width: 100%; height: 100%; top: 0; left: 0;}

.team-section { background-image: url('image/team-bg.jpg'); padding: 6% 0; background-size: cover;}
.team-section .team-card { background: #fff; margin: 10px 0; padding: 20px;}
.team-section .team-card h5 { color: #023867; font-size: 21px; font-weight: 600; margin: 20px 0 8px 0;}

.contact-section { padding: 6% 0;}
.contact-section i { color: #048fa2;}
.contact-section h5 { color: #023867; font-size: 21px; font-weight: 700;}

footer {background: #f7f4f4;padding: 5% 0 0 0;}
footer p, footer p a {color: #023867;}
footer p a:hover { color: #048fa2;}
footer .social-icon a { display: inline-block; background: #fd650f; border-radius: 50%; width: 40px; height: 40px; color: #fff; text-align: center; line-height: 2.5;}
footer .footer-bottom { background: #048fa2; padding: 15px 0; margin: 5% 0 0 0;}
footer .footer-bottom a:hover { color: #023867;}
footer .footer-bottom p { margin: 0;}
#HomepagecontentControl_C {
    margin-top: 140px;
}
.innr-pg-bnnr {
    padding: 140px 0 0 0;
    width: 100%;
    background-size: cover;
    min-height: 300px;
    margin: -20px 0 20px 0;
}

.main-table.innr-pg {
    padding-bottom: 50px;
}

.innr-pg-bnnr h1 {
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 48px;
    font-weight: bold;
    z-index: 1;
}

.contact-page .contact-info {background: #023867;padding: 30px;display: flex;margin: 0 0 15px 0;}
.contact-page .contact-info i { color: #fff; font-size: 30px; margin: 0 20px 0 0;}
.contact-page .contact-info h5 {text-align: left;color: #fd650f;margin: 0 0 10px 0;font-size: 18px;letter-spacing: .5px;}
.contact-page .contact-info p, .contact-page .contact-info p a { color: #dfdfdf; margin: 0; font-size: 14px;}

@media (min-width: 320px) and ( max-width: 768px) {
    .banner-section { height: 400px; padding: 30% 5% 0 5%;}
    .banner-section h1 { font-size: 32px;}
    .banner-section p { font-size: 15px;}
    .banner-section a {margin: 0 3px;}
    .banner-section .custom-btn1 {display: inline-block;background: transparent; color: #fff; border: 1px solid #fff;padding: 11px 32px; font-weight: 500;font-size: 15px;}

}
#WhatsNewControl_C{margin-top: 35px !important;}
#WidgetControl4_C{background-color:#048fa2;}
#HomepagecontentControl_C {
    margin-top: 140px;
}

#WidgetControl4{margin-bottom: 0rem;/* background-color: #df0808; */position: absolute;}

.top-social-icon{display:flex;gap:1rem;justify-content:end;padding: 10px 5% 10px 0;}
.top-social-icon a{font-size: 15px;color: #048fa2;background-color: #fff;width: 35px;height: 35px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}

.navbar-nav.nav-fill > li:last-child {
    border-radius: 22px;
    margin: 0 -9px;
    font-size: 14px !important;
    background-color: rgb(253 101 15);
}
.navbar-nav.nav-fill > li:last-child > a{color:#fff !important;}

#CalendarControl_C_ctl00_Label1 { font-size: 21px !important; padding: 20px 0 10px 0; color: #fff; font-weight: 300 !important}
#CalendarControl_C { margin: 26px 0 0 2%}
#CalendarControl_C_ctl00_Calendar1 td { padding: 11.5px !important;}
#WhatsNewControl_C { margin: 0 2% 0 0}