@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body { margin: 0; padding: 0; font-family: "Poppins", sans-serif; overflow-x: hidden;}
p {color: #252525;font-size: 16px;letter-spacing: .4px;line-height: 1.6;margin: 0 0 10px 0;font-family: "Poppins", sans-serif;}
.main-table li {color: #252525;font-size: 16px;letter-spacing: .4px;line-height: 1.5;margin: 0 0 10px 0; font-family: "Poppins", sans-serif;}
a {text-decoration: none !important;font-family: "Poppins", sans-serif;font-size: 16px;}

a.d-inline-block.text-dark.ps-4 {}
h1, h2, h3, h4, h5 { font-family: "Poppins", sans-serif;}

h3 { font-size: 28px; color: #252525;}
.heading h6 { color: #030303; font-size: 15px; letter-spacing: 2px; text-transform: uppercase; padding-left: 160px; position: relative; margin: 0 0 20px 0; display: inline-block;}
.heading h6::before { position: absolute; content: ''; width: 140px; height: 2px; background: #252525; left: 0; top: 8px;}
.heading h1 { color: #105284; font-size: 40px; font-weight: 600; margin: 0 0 30px 0;}
.sub-heading { color: #030303; font-size: 32px; font-weight: 600; margin: 0 0 20px 0; position: relative;}
.sub-heading::after { content: ''; position: absolute; width: 120px; height: 3px; background: #105284; left: 0; top: -15px;}

.custom-btn { display: inline-block; background: #105284; color: #fff; padding: 16px 32px; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; border-radius: 30px; transition: .5s;} 
.custom-btn:hover { background: #030303; color: #fff;}

.top-header { background: #105284; padding: 6px 0;}
.top-header .social-icon a{ display: inline-block; background: #fff; color: #105284; width: 28px; height: 28px; font-size: 14px; text-align: center; border-radius: 50%; line-height: 2; transition: all .2s ease-in-out;}
.top-header .social-icon a:hover { color: #030303;}

.banner-section { padding: 4% 0 6% 0;}
.banner-section p { margin: 0 0 40px 0;}
.banner-section img { border-radius: 20px; filter: brightness(90%);}

.about-section { background-image: url(image/about-bg.jpg); background-attachment: fixed;}
.about-section .right-text { background: #fff; padding: 5%;}

.Service-section { padding: 7% 0;}
.Service-section .ser-card {padding: 30px; box-shadow: rgba(0, 0, 0, 0.4) 0px 6px 20px; border-radius: 15px; transition: all .2s ease-in-out; margin: 0 0 15px 0;}
.Service-section .ser-card img { border-radius: 10px;}
.Service-section .ser-card h4 { margin: 25px 0 0 0; text-align: center; font-size: 18px; font-weight: 500;}
.Service-section .ser-card:hover { outline: 1px solid #105284; outline-offset: -15px;}

.industries-section { background: #105284; padding: 7% 0;}
.industries-section h6 { color: #fff;}
.industries-section .heading h6::before { background: #fff;}
.industries-section ul li, .industries-section ul { list-style: none; margin: 0; padding: 0;}
.industries-section ul li { color: #dbdbdb; font-size: 16px; letter-spacing: .3px; margin: 0 0 7px 0;}
.industries-section ul li i { font-size: 13px; margin: 0 5px 0 0;}
.industries-section img { border-radius: 20px;}

footer { padding: 5% 0 0 0; background: #f0f0f0;}
footer h4 { font-size: 24px; font-weight: 600; margin: 5px 0 15px 0; color: #105284;}
footer p a { color: #030303;}
footer p { font-size: 15px; margin: 0 0 10px 0;}
footer p i  {color: #105284;}
footer .social-icon a{ display: inline-block; background: #105284; color: #fff; width: 32px; height: 32px; font-size: 14px; text-align: center; border-radius: 50%; line-height: 2.3; transition: all .2s ease-in-out;}
footer .social-icon a:hover { background: #030303;}
footer .footer-bottom { margin: 5% 0 0 0; border-top: 1px solid #b4b4b4;}
footer .footer-bottom p { margin: 20px 0;}

.inner-banner { background-image: url(image/inner-banner.jpg); padding: 7% 0; background-attachment: fixed;}
.team-banner { background-image: url(image/team-banner.jpg);}
.contact-banner { background-image: url(image/contact-banner.jpg);}
.inner-banner h2 { color: #fff; font-size: 57px; font-weight: 600; text-align: start;}

.service-page { padding: 2% 0;}
.service-page img { border-radius: 20px;}
.service-page ul li { list-style-image: url(image/check.png);}

.team-page { padding: 5% 0;}
.team-page .team-card { box-shadow: rgba(0, 0, 0, 0.4) 0px 6px 20px; border-radius: 30px 0 30px 0; padding: 0 30px 30px 30px; margin-top: 50px;}
.team-page .team-card .img { width: 140px; height: 140px; margin: 0 auto;}
.team-page .team-card .img img { border-radius: 50%; margin-top: -30px;}
.team-page .team-card h3 { color: #105284; font-weight: 600; font-size: 24px; text-align: center;}
.team-page .team-card p { text-align: center;}

.contact-page { padding: 5% 0;}
.contact-page .contact-form .form-control { margin: 0 0 12px 0; padding: 15px; border-radius: 0; border-color: #979797;}
.contact-page .contact-form input[type="button"] { background: #030303; color: #fff; border: 0; padding: 14px 34px;}
.contact-page .contact-details p { font-size: 18px; margin: 0 0 15px 0;}
.contact-page .contact-details  .social-icon a{ display: inline-block; background: #105284; color: #fff; width: 40px; height: 40px; font-size: 16px; text-align: center; border-radius: 50%; line-height: 2.5; transition: all .2s ease-in-out; margin: 5px 5px 0 0;}
.contact-page .contact-details .social-icon a:hover { background: #030303;}

@media (min-width: 320px) and (max-width: 768px) { 
    p { font-size: 15px}
    .main-table li {font-size: 15px;}

    h3 { font-size: 20px;}
    .heading h6 {font-size: 14px; letter-spacing: 1px; padding-left: 80px; margin: 0 0 15px 0;}
    .heading h6::before { width: 70px;}
    .heading h1 { font-size: 24px; margin: 0 0 20px 0;}
    .sub-heading { font-size: 20px; margin: 0 0 15px 0;}
    .sub-heading::after { width: 70px;}

    .custom-btn { padding: 12px 24px;}

    .banner-section { padding: 4% 0 6% 0;}
    .banner-section p { margin: 0 0 20px 0;}
    .banner-section img { margin-top: 20px;}

    .industries-section h6 { margin: 20px 0 10px 0;}

  
}