@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;1,400;1,500;1,700;1,900&display=swap');
body {  font-family: "Roboto", sans-serif !important;}
p, h1, h2, h3, h4, h5, h6 { font-family: "Roboto", sans-serif !important;}
a { text-decoration: none;}
.heading { color: #004e9a; font-size: 32px; margin: 0 0 15px 0; font-weight: 600;}
.sub-heading { color: #ff7a02; font-size: 27px; font-weight: 600; margin: 0 0 20px 0;} 
.text-blue { color: #004e9a;}
p, .main-table ul li { color: #303030; font-size: 18px; font-weight: 500; line-height: 1.6; color: #1f1f1f;}
.custom-btn { display: inline-block; padding: 10px 24px; color: #fff; background: #ff7a02; font-size: 16px; font-weight: 500; border-radius: 10px; letter-spacing: .4px; transition: all .2s ease-in-out;}  
.custom-btn:hover { background: #004e9a; color: #fff;}

.top-header { background: #004e9a; padding: 8px 0;}
.top-header p { margin: 0;}

header {border-bottom: 1px solid #949494;}

.banner-section .banner-top { padding: 4% 0 5% 0;}
.banner-section .banner-top p{ background: #004e9a; padding: 6px; margin: 0; color: #fff; font-size: 22px; font-weight: 600; letter-spacing: .8px; border-radius:0 30px 0 30px;}
.banner-section .banner-top p span { color: #ff7a02;}
.banner-section .banner-middle { border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; padding: 2% 0;}
.banner-section .banner-middle p { font-size: 22px; margin: 0; font-weight: 500;}

.banner-bottom { padding: 6% 0; border-bottom: 1px solid #dadada;}

.about-section { padding: 5% 0; border-bottom: 1px solid #dadada;}

.feedback { padding: 4% 0; border-bottom: 1px solid #dadada;}

footer { background: #1f1f1f; padding: 2% 0 0 0;}
footer .footer-top p a { color: #dbdbdb; font-size: 17px; display: inline-block; margin: 0 20px; padding: 3px; border-top: 2px solid #1f1f1f;}
footer p a:hover { color: #fff; border-color: #fff;}
footer .footer-bottom { border-top: 1px solid #414141; margin: 1% 0 0 0; padding: 12px 0;}
footer .footer-bottom p, .footer-bottom p a{ font-size: 16px; font-weight: 400; color: #dadada; margin: 0;}

.contact-page .contact-info h4{ background: #004e9a; padding: 10px; text-align: center; color: #fff; font-size: 21px; border-radius: 30px 0 30px 0; margin: 0 0 20px 0;}
.contact-page .contact-info p { font-size: 16px; margin: 0 0 8px 0; letter-spacing: 0 !important;}

.contact-form { border-top: 1px solid #dadada; padding: 5% 0;}
.contact-form .form-control{ padding: 12px; margin: 0 0 15px 0;}
.contact-form input[type="button"] { display: inline-block; padding: 10px 32px; color: #fff; background: #ff7a02; font-size: 16px; font-weight: 500; border-radius: 10px; letter-spacing: .4px; transition: all .2s ease-in-out; border: none;} 


@media ( min-width: 320px) and (max-width: 768px) {
    .heading { font-size: 27px;}
    .sub-heading { font-size: 18px;} 
    p, .main-table ul li { font-size: 16px;}
}

.table td, .table th { font-size: 15px; padding: 10px;}
.table {--bs-table-hover-bg : rgb(0 78 154 / 35%) !important}