@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
body { font-family: "Play", sans-serif;}
p, h1, h2, h3, h4, h5, h6 { font-family: "Play", sans-serif;}
td#FooterrControl1_tr_hitCounter {
    color: #fff;
}
a { text-decoration: none;}
.about-section ul li{
    color: #1f1f1f;
    font-size: 17px;
    line-height: 1.6;
    letter-spacing: .5px;
    margin-bottom: 18px;
}
.st-sec img{
    box-shadow: 1px 1px 5px #bebaba;
    margin-bottom:15px;
}
.heading {color: #1b1b1b; font-size: 34px; margin: 0 0 20px 0; font-weight: 500;}
.heading p { color: #303030; font-size: 19px; text-transform: uppercase; text-align: center; margin: 0 0 30px 0;}
.heading p span { position: relative;}
.heading p span::after { content: ''; position: absolute; width: 70px; height: 2px; background-color: #007fc6; left: -82px; top: 10px;}
.heading p span::before { content: ''; position: absolute; width: 70px; height: 2px; background-color: #007fc6; right: -82px; top: 10px;}
.sub-heading {color: #141414;font-size: 27px;line-height: 40px;letter-spacing: .7px;text-transform: capitalize;font-weight: 600;margin: 0 0 20px 0;} 
.title { color: #141414; font-size: 21px; line-height: 40px;letter-spacing: .5px; font-weight: 600; margin: 0 0 20px 0;} 
p, .main-table ul li { color: #1f1f1f; font-size: 17px; line-height: 1.6; letter-spacing: .5px;}
.custom-btn { display: inline-block; padding: 10px 28px; color: #fff; background: #007fc6; text-transform: uppercase; font-size: 15px; letter-spacing: .5px; box-shadow: 0px 2px 2px 0px RGBA(0,0,0,0.5); border: 0px solid rgba(0,0,0,1);} 
.custom-btn:hover { color: #fff; background: #a30e13;}

header { position: absolute; z-index: 3;}
header img { padding: 5px 5%; width: 140px;}
.banner-section img{height:100vh;width:100%;}
.banner-section { position: relative;}
.banner-section #myCarousel .carousel-inner .carousel-item::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgb(0 0 0 / 21%), rgba(0, 0, 0, .0));
    /* z-index: 999; */
    left: 0;
    top: 0;
    }
.banner-section video{ width: 100%; height: 100vh; object-fit: cover;}

.about-section { padding: 5% 0;}
.about-section .text p:first-child { font-size: 20px;}

.fact-section { padding: 0 0 5% 0;}
.fact-section .fact-bx { padding: 10px 20px; border-left: 3px solid #007fc6;}
.fact-section .fact-bx h4 { margin: 0; font-size: 21px; font-weight: 600; color: #212121;}

.product-section { padding: 2% 0 6% 0; background: linear-gradient(#fff, #cfcfcf);}
.product-section .ser-heading { font-size: 40px; margin: 0 0 40px 0; font-weight: 500; position: relative; text-align: center; color: #212121;}
.product-section .ser-heading span { background: #fff; padding: 0 70px; position: relative; z-index: 3;}
.product-section .ser-heading::after { content: ''; position: absolute; width: 100%; height: 1px; background: #777777; left: 0; top: 50%;}
.product-section .nav-pills { display: flex; justify-content: center;}
.product-section .nav-pills .nav-link { border:1px solid #4d4d4d; margin: 10px; border-radius: 0; padding: 8px 20px; color: #2e2e2e; font-weight: 500;}
.product-section .nav-pills .nav-link.active { background: #4d4d4d; color: #fff;}
.product-section .tab-content h4 { color: #007fc6; text-align: center; font-size: 32px; margin: 30px 0 20px 0; font-weight: 600;}
.Our-Presence .row{margin-bottom:5px;}
.Manufacturing-Capabilities { background-image: url('image/Manufacturing-Capabilities-bg.jpg'); background-size: cover; padding: 5% 0;}
.Manufacturing-Capabilities .Manufacturing-Capabilities-bx { background: rgba(0, 127, 198, .9); padding: 40px;}
.Manufacturing-Capabilities .Manufacturing-Capabilities-bx ul, .Manufacturing-Capabilities .Manufacturing-Capabilities-bx ul li { margin: 0; padding: 0; }
.Manufacturing-Capabilities .Manufacturing-Capabilities-bx ul li {color: #e9e9e9;letter-spacing: .3px;font-size: 15px;margin: 0 0 8px 0;line-height: 1.5;display: flex;}
.Manufacturing-Capabilities .Manufacturing-Capabilities-bx ul li i { margin: 2px 10px 0 0;}
.Our-Presence img{border-radius:5px;}
.RandD-section { padding: 6% 0;}
.RandD-section .tab-content { background: #d8d8d8; padding: 60px 70px 60px 60px; min-height: 480px;}
.RandD-section .tab-content h2 { font-size: 32px; font-weight: 600; color: #141414;}
.RandD-section .tab-content h2 span { color: #007fc6;}
.RandD-section .tab-content p { font-size: 18px; margin: 0 0 20px 0;}
.RandD-section .tab-content ul, .RandD-section .tab-content ul li { margin: 0; padding: 0;}
.RandD-section .tab-content ul li { letter-spacing: .3px; font-size: 17px; margin: 0 0 10px 0; display: flex; color: #212121; line-height: 1.5;}
.RandD-section .tab-content  ul li i { margin: 2px 10px 0 0; color: #007fc6;}
.RandD-section .nav-pills { margin: 0 0 0 -30px;}
.RandD-section .nav-pills .nav-link { padding: 25px; background: #007fc6; border-radius: 0; border-bottom: 1px solid #fff; color: #fff; text-align: left; font-size: 21px; line-height: 1.3; font-weight: 600;}
.RandD-section .nav-pills .nav-link p { color: #f3f3f3; font-size: 16px; margin: 8px 0 0 0; font-weight: 500;}
.RandD-section .nav-pills .nav-link.active { background: #141414;}
.RandD-section .nav-pills .nav-link:hover { background: #141414;}

.client-section { padding: 5% 0; background: #007fc6;}
.client-section .client { background: #fff; padding: 20px; margin: 10px 0 30px 0;}
.client-section .carousel-indicators [data-bs-target] { margin-bottom: -25px; width: 10px; height: 10px; border-radius: 50%;}

.technologically-solution {padding: 5% 0;}
.technologically-solution p {font-size: 18px;}
.technologically-solution .technologically-solution-bx { text-align: center;}
.technologically-solution .technologically-solution-bx img { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; padding: 20px; border-radius: 50%; width: 170px !important; margin: 20px 0;}  
.technologically-solution .technologically-solution-bx p { font-size: 20px; font-weight: 600; margin: 0;}

.Our-Presence { padding: 2% 0; background: #e2e2e4;}

footer { background: #121212; padding: 5% 0 0 0;}
footer h4 { color: #fff; font-size: 16px; text-transform: uppercase; margin: 0 0 20px 0; letter-spacing: .5px; font-weight: 400; padding: 0 0 0 15px; position: relative;}
footer h4::before { content: ''; position: absolute; width: 4px; height: 100%; background: #007fc6; left: 0; top: 0;}
footer p, footer p a { color: #cacaca; font-size: 15px; margin: 0; padding: 0 0 10px 0;}
footer p a:hover { color: #007fc6;}
footer p a { display: block; border-bottom: 1px solid #f4f4f4;}
footer .contact-info { display: flex;}
footer .contact-info i { display: inline-block; width: 35px; height: 35px; padding: 0 10px; border: 1px solid #f4f4f4; text-align: center; margin: 6px 8px 0 0; line-height: 2.1;}
footer .social-icon a { display: inline-block; width: 35px; height: 35px; padding: 0 10px; border: 1px solid #f4f4f4; text-align: center; margin: 6px 8px 0 0; line-height: 2.1; color: #fff;}
footer .social-icon a:hover { background: #007fc6;}
footer .footer-bottom { background: #000; padding: 20px 0 12px 0; margin: 5% 0 0 0;}
footer .footer-bottom p {margin: 0 !important;}

.inner-banner {background: #121212; padding: 4% 0;}
.inner-banner h2 { color: #fff; font-size: 42px; padding: 2px 20px; margin: 0; position: relative; text-align: left;}
.inner-banner h2::before { content: ''; position: absolute; width: 5px; height: 100%; background: #007fc6; left: 0; top: 0;}

.contact-page .contact-form .form-control{ padding: 12px; margin: 0 0 20px 0;}
.contact-page .contact-form input[type="button"] { background: #007fc6; color: #fff; padding: 10px 34px; border: 0; border-radius: 5px;} 

.contact-page .contact-info { background: #007fc6; padding: 30px; display: flex; margin: 12px 0;}
.contact-page .contact-info i { color: #fff; font-size: 30px; margin: 0 20px 0 0;}
.contact-page .contact-info h5 { color: #fff; margin: 0 0 10px 0; font-size: 21px; letter-spacing: .5px;}
.contact-page .contact-info p, .contact-page .contact-info p a { color: #dfdfdf; margin: 0; font-size: 14px;}

.partner-card { box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 15px; padding: 10px; margin: 0 0 20px 0;}

@media ( min-width: 320px) and ( max-width: 768px) {
    .heading { font-size: 27px;}
    .heading p { font-size: 18px;}
    .sub-heading { font-size: 21px;} 
    
    .title { font-size: 18px;} 
    p, .main-table ul li { font-size: 15px;}
    .product-section .nav-pills{justify-content: start;}
    .banner-section video{ height: 300px;}

    .about-section .text p:first-child { font-size: 18px;}

    .product-section .ser-heading { font-size: 27px; margin: 0 0 20px 0;}
    .product-section .ser-heading span { padding: 0 20px;}
    .product-section .nav-pills .nav-link { margin: 5px; padding: 5px 10px; font-size: 15px;}
    .product-section .tab-content h4 { font-size: 26px; margin: 20px 0;}

    .Manufacturing-Capabilities .Manufacturing-Capabilities-bx { padding: 10px 45px 10px 20px;}
    .Manufacturing-Capabilities .Manufacturing-Capabilities-bx ul li {font-size: 16px; line-height: 1.4;}

    .RandD-section .tab-content { padding:30px; min-height: 450px;}
    .RandD-section .tab-content h2 { font-size: 27px;}
    .RandD-section .nav-pills { margin: 0;}

    .client-section .client { background: #fff; padding: 10px; margin:0 0 20px 0;}
    .client-section .carousel-indicators [data-bs-target] { margin-bottom: -25px; width: 10px; height: 10px; border-radius: 50%;}

    footer h4 { margin: 20px 0 10px 0;}

    .inner-banner h2 { font-size: 28px;}

}
@media(max-width:736px){
 
.navbar-collapse {
    margin-top: 35px;
    background: #1f8ecd;
}
	
}
button.navbar-toggler {
    background: #f8fafd;
}
tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    background-color: transparent;
}