@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed: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{ margin: 0; padding: 0; font-family: "Roboto", sans-serif;}
a { text-decoration: none !important;}
p, .main-table ul li {font-size: 15px; letter-spacing: .4px; margin: 0 0 20px 0;line-height: 1.6;color: #2d2d2d;font-family: "Roboto", sans-serif;}
h1, h2, h3, h4, h5, h6 {   font-family: "Roboto Slab", serif;}
.heading { color: #134f7d; font-size: 44px; font-weight: 600; margin: 0 0 35px 0; position: relative;} 
.heading::after { content: ''; position: absolute; width: 100px; height: 3px; background: #0c0a00; left: 0; top: 58px; border-radius: 2px;}
.sub-heading { color: #134f7d; font-size: 34px; font-weight: 600; margin: 30px 0 35px 0; position: relative;} 
.sub-heading::after { content: ''; position: absolute; width: 70px; height: 2px; background: #0c0a00; left: 0; top: 50px; border-radius: 2px;}
.custom-btn { display: inline-block; color: #ffffff; background: #134f7d; text-transform: uppercase; padding: 14px 32px; font-weight: 500; font-size: 15px; letter-spacing: .4px;}
.custom-btn:hover { background: #134f7d; color: #fff;}

.top-header { padding: 10px 0; background-image: linear-gradient(45deg, #fff 75%, #134f7d 35%);}
.top-header p { margin: 0;}
.top-header p a { color: #2d2d2d;}
.top-header p i {font-size: 14px; margin: 0 5px 0 0;}

.banner-section .carousel-caption { top: 30%; width: 68%; left: 16%;}
.banner-section .carousel-caption h1 { font-size: 38px; font-weight: 500; line-height: 1.4;}

.banner-bottom { background: #0c0a00; padding: 4% 0;}
.banner-bottom p { color: #eeeeee; font-size: 20px; margin: 0;}

.service-section {padding: 5% 0;}
.service-section .img img { width: 100%; height: 180px; object-fit: cover; filter: brightness(95%); margin: 0 0 20px 0;}
.service-section .ser-card { margin: 20px 0 0 0;}
.service-section .ser-card .text h4 { color: #134f7d; font-size: 22px; font-weight: 500; margin: 0 0 20px 0;}
.service-section .ser-card .text .ser-btn { display: inline-block; background: #134f7d; color: #fff; transition: all .3s ease-in-out;}
.service-section .ser-card .text .ser-btn span { display: inline-block; padding: 10px 18px; text-transform: uppercase; font-size: 14px; font-weight: 500; letter-spacing: .5px;}
.service-section .ser-card .text .ser-btn:hover { background: #0c0a00;}
.service-section .ser-card .text .ser-btn i { background: #0c0a00; padding: 15px; font-weight: 12px;}

.about-section { padding: 5% 0; background-image: url('image/about-bg.jpg'); background-size: cover; }
.about-section .heading::after { left: 0; right: 0; background: #f5f5f5; margin: auto;}
.about-section p { color: #fff; font-size: 19px;}

.team-section { padding: 5% 0;}
.team-section .heading::after { left: 0; right: 0; margin: auto;}
.team-section p { font-size: 17px;}
.team-name {color: #134f7d;font-size: 20px;font-weight: 600;}

footer { background: #134f7d; padding: 5% 0 0 0;}
footer h5 { color: #fff; font-size: 22px; margin: 0 0 16px 0; font-weight: 600;}
footer p a, footer p { color: #e9e9e9; margin: 0 0 8px 0;}
footer p i { margin: 0 5px 0 0; font-size: 14px;}
footer .footer-bottom { background: #073457; padding: 17px 0; margin: 5% 0 0 0;}

.heading-innerpage { padding: 3% 0; background: #134f7d;}
.heading-innerpage h2 {color: #fff;font-size: 37px;font-weight: 500;margin: 0;letter-spacing: 1px;text-align: left;}

.contact-form .form-control { margin: 0 0 12px 0; padding: 15px; border-radius: 7px; font-size: 15px; background: #e9e9e9; border: 0;}
.contact-form input[type='button'] { color: #ffffff; background: #134f7d; text-transform: uppercase; padding: 14px 32px; font-weight: 500; font-size: 15px; letter-spacing: .4px; border: 0;}

.contact-page h4 { color: #134f7d; font-size: 30px; margin: 0 0 20px 0; font-weight: 600;}
.side-nav ul li, .side-nav ul { list-style-type: none; margin: 0; padding: 0;}
.side-nav ul li { background: #e4e4e4; margin: 0 0 2px 0; padding: 12px;}
.side-nav ul li a { color: #131313;}