@charset "utf-8";

/* CSS Document */

/* :: All Transition */

* {

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    outline: none;

}



.title-center-black{width: 100%; position: relative; text-align: center; margin-bottom: 30px;}

.title-center-black h2{text-align: center; font-size: 40px; text-transform: capitalize; color: #000000; font-weight: normal;}



.float{position:fixed;width:70px;height:70px;bottom:90px;right:2%;background-color:#25d366;color:#fff;border-radius:50px;text-align:center;font-size:50px;box-shadow:2px 2px 3px #999;z-index:100}

.hvr-wobble-to-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}

.my-float{margin-top:10px;color:#fff}

.scroll-top {position: fixed; right: 30px; bottom: 30px; height: 50px; width: 50px; cursor: pointer; display: block; border-radius: 50%; background-color: #131313; z-index: 99; opacity: 0; visibility: hidden; transform: translateY(15px); transition: all 300ms linear;}

.scroll-top--active {opacity: 1; visibility: visible; transform: translateY(0);}

.scroll-top::after {position: absolute; content: '↑'; text-align: center; line-height: 50px; font-size: 20px; color: #C2EA1D; left: 0; top: 0; height: 100%; width: 100%; z-index: 1;}

.scroll-top__circle path {stroke: #C2EA1D; stroke-width: 4; fill: none; box-sizing: border-box; transition: all 10ms linear;}

svg.scroll-top__circle {width: 100%; height: 100%;}



.pagination { display:flex; justify-content:center; align-items:center; margin-bottom:20px; }

.pagination .page-item { margin:0 3px; }

.pagination .page-link { color:#000; border:1px solid #ddd; transition:0.3s; }

.pagination .page-link:hover { background-color:#0089D0; color:#fff; border-color:#0089D0; }

.pagination .page-item.active .page-link { background-color:#0089D0; border-color:#0089D0; color:#fff; }



.footer-sec{width: 100%; position: relative; background:#ffffff; border-top: 1px solid #DBDBDB; padding: 20px 0px 0px 0px;}

.footer-sec .footer-link{position: relative; padding: 0px 0px 10px 0px;}

.footer-sec .footer-link ul{margin: 0; padding: 0;display: flex; align-items: center; justify-content: center; gap: 35px;}

.footer-sec .footer-link ul li{list-style-type: none; font-size: 16px; color: #000000;}

.footer-sec .footer-link ul li a{color: #000000; text-decoration: none;}

.footer-sec .footer-link ul li a:hover{color: #0089D0;}

.footer-sec .new-copyright {padding: 10px 0px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #DBDBDB;}

.footer-sec .new-copyright p {font-size: 14px; color: #000000; margin: 0; text-align: left;}

.footer-sec .new-copyright p a {color: #000000; text-decoration: none;}

.footer-sec .new-copyright p a:hover {transition: 0.5s linear;}



.home-map-pane{width: 100%; position: relative; background:#ffffff;}





.home-contact-us{width: 100%; position: relative; background:#ffffff; padding: 40px 0px 0px 0px;}

.home-contact-us .left-form{position:relative;margin-bottom:30px;background:#ffffff;}

.home-contact-us .left-form .form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}

.home-contact-us .left-form .form-group{margin-bottom:1rem}

.home-contact-us .left-form .form-row>.col,.form-row>[class*=col-]{padding-right:10px;padding-left:10px}

.home-contact-us .left-form .form-check{margin-bottom:0;padding-left:10px}

.home-contact-us .left-form .btn-form-submit{background:#D9D9D9;color:#000000;padding:13px 25px;border-radius:5px;border:1px solid #D9D9D9;font-size:16px;font-weight:600;text-transform:uppercase;display:block; width: 100%;}

.home-contact-us .left-form .btn-form-submit:hover{background:transparent;color:#000000;border:1px solid #D9D9D9;transition:.8s linear}

.home-contact-us .left-form .form-control{padding:.675rem .6rem;border-radius:0;background-color:transparent;color:#000;font-size:14px;border:1px solid #d9d9d9;font-weight:500}

.home-contact-us .left-form input,.home-contact-us .left-form select{height:50px!important;box-shadow:none}

.home-contact-us .left-form textarea{height:100px!important;box-shadow:none}

.home-contact-us .left-form .input-group-addon:last-child{border-left:0}

.home-contact-us .left-form label{font-size:14px;color:#000;font-weight:500;margin-bottom:.5rem;display:block}

.home-contact-us .left-form label span{color:#ff0000}



.home-contact-us .footer-contact{position: relative; margin-bottom: 30px;}

.home-contact-us .footer-contact ul{margin: 0; padding: 0;}

.home-contact-us .footer-contact ul li{list-style-type: none; display: block; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #DBDBDB;}

.home-contact-us .footer-contact ul li .contact-content{display: flex; align-items: center; justify-content: start; gap: 20px;}

.home-contact-us .footer-contact ul li .contact-content .icon{position: relative; width: 30px;}

.home-contact-us .footer-contact ul li .contact-content p{margin-bottom: 0px; font-size: 16px; line-height: 26px; color: #000000; text-align: left;}
.home-contact-us p{font-size: 16px; font-weight: normal; line-height: 30px; margin: 15px 0px; text-align: center;}


.global-supplier{width: 100%; position: relative; background:#ffffff; padding: 0px 0px 0px 0px; display: flex; align-items: stretch; overflow: hidden;}

.global-supplier .supplier-image{width:42%; position: relative;}

.global-supplier .supplier-image img{width:100%; height:100%; object-fit:cover; display:block;}

.global-supplier .supplier-content{width: 58%; padding: 55px 55px 45px; display: flex; flex-direction: column; justify-content: center;}

.global-supplier .supplier-content .small-title{font-size:25px; line-height:1.6; font-weight:400; color:#000000; margin-bottom:25px;}

.global-supplier .supplier-content .divider{width:90px; height:1px; background:#cfcfcf; margin-bottom:28px;}

.global-supplier .supplier-content .main-title{font-size:25px; line-height:1.3; font-weight:500; color:#000000; margin-bottom:30px;}

.global-supplier .supplier-content p{font-size:15px; line-height:2; color:#434343; margin-bottom:28px;}



.home-manufacturing{position: relative; width: 100%; background: #ffffff; padding: 40px 0px 40px 0px;}
.home-manufacturing .home-man-box-pane {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}
.home-manufacturing .home-man-box-pane .item {text-align: left; flex: 0 1 calc(25% - 20px); min-width: 250px; box-sizing: border-box;}
.home-manufacturing .home-man-box-pane .item .img-sec{position: relative; margin-bottom: 15px;}
.home-manufacturing .home-man-box-pane .item .img-sec img{width: 100%; height: auto;}
.home-manufacturing .home-man-box-pane .item h2{font-size: 25px; color: #000000; margin-bottom: 15px; text-transform: capitalize;}
.home-manufacturing .home-man-box-pane .item p{font-size: 15px; line-height: 26px; margin-bottom: 0px; color: #000000;}



.home-client{position: relative; width: 100%; background: #ffffff; padding: 40px 0px 0px 0px;}

.home-client .client-logo{text-align: center; background: #ffffff; border: 1px solid #E3E3E3;}

.home-client .client-logo img{width: 133px!important; height: auto;}

.home-client .owl-dots{width:100%; text-align:center!important; margin-top:20px!important;display:flex !important; justify-content:center; align-items:center; gap:0px;}

.home-client .owl-dots .owl-dot{display:flex; margin:0 1px;}

.home-client .owl-dots .owl-dot span{width:12px; height:12px; background:#ccc; border-radius:50%; display:block; transition:0.3s;}

.home-client .owl-dots .owl-dot.active span{background:#000;}
.home-client p{font-size: 16px; font-weight: normal; line-height: 30px; margin: 15px 0px; text-align: center;}


.home-certification{position: relative; width: 100%; background: #ffffff; padding: 40px 0px 0px 0px;}
.home-certification .certification-pane{text-align: center;}
.home-certification .certification-pane img{width: 410px!important; height: auto;}
.home-certification .owl-dots{width:100%; text-align:center!important; margin-top:20px!important;display:flex !important; justify-content:center; align-items:center; gap:0px;}
.home-certification .owl-dots .owl-dot{display:flex; margin:0 1px;}
.home-certification .owl-dots .owl-dot span{width:12px; height:12px; background:#ccc; border-radius:50%; display:block; transition:0.3s;}
.home-certification .owl-dots .owl-dot.active span{background:#000;}
.home-certification p{font-size: 16px; font-weight: normal; line-height: 30px; margin-bottom: 30px; text-align: center;}


.desktop-slider{position: relative; width: 100%; background: #ffffff; display: block;}

.mobile-slider{position: relative; width: 100%; background: #ffffff; display: none;}

.header.sticky {position: fixed; box-shadow: 0 5px 15px rgba(0, 0, 0, .1); transition: .4s; background: rgba(255, 255, 255, 0.5); animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; width: 100%; top: 0px;}

.header.sticky .wrapper {top: 0px;}

.header.sticky .wrapper .logo img{width: 150px;}

.header-shadow{box-shadow: 0 5px 15px rgba(0, 0, 0, .1); margin-bottom: 100px;}

.top-margin{margin-top: 100px;}



.blog-listing{width: 100%; position: relative; background:#ffffff; padding: 40px 0px 0px 0px;}

.blog-listing .blog-list-pane{position: relative; border: 1px solid #EEEEEE; margin-bottom: 30px; background: #ffffff; border-radius: 10px;}

.blog-listing .blog-list-pane img{border-top-left-radius: 10px; border-top-right-radius: 10px;}

.blog-listing .blog-list-pane .content-pane{padding: 20px;}

.blog-listing .blog-list-pane .content-pane h3{font-size: 18px; font-weight: 500; line-height: 26px; margin-bottom: 15px;}

.blog-listing .blog-list-pane .content-pane h3 a{color: #000000; text-decoration: none;}

.blog-listing .blog-list-pane .content-pane p{font-size: 16px; font-weight: normal; line-height: 26px; margin-bottom: 0px;}



.blog-details{width: 100%; position: relative; background:#ffffff; padding: 40px 0px 0px 0px;}

.blog-details .blog-details-pane{ position: relative;}

.blog-details .blog-details-pane img{margin-bottom: 20px;}

.blog-details .blog-details-pane h3 {font-size: 18px; font-weight: 600; margin-bottom: 20px;}

.blog-details .blog-details-pane p {font-size: 15px; line-height: 26px; margin-bottom: 20px;}

.blog-details .blog-details-pane ul {margin: 0; padding: 0;}

.blog-details .blog-details-pane ul li {list-style-type: none; display: block; font-size: 16px; color: #000000!important; margin-bottom: 20px; padding-left: 45px; line-height: 26px;}

.blog-details .blog-details-pane ul li::before {display: inline-block; color: #000000; content: "\f054"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-left: -25px; position: absolute; font-size: 10px;}

.blog-details .blog-details-pane ul li a {color: #0d79f6; text-decoration: none;}

.blog-details .blog-details-pane .detail-first-sec{ display: flex; align-items: center; justify-content: right; position: relative; margin-bottom: 20px;}

.blog-details .blog-details-pane .detail-first-sec h6{font-size: 16px; font-weight: 600; margin-bottom: 10px;}

.blog-details .blog-details-pane .detail-first-sec p{font-size: 15px; margin-bottom: 0px; color: #000000;}

.blog-details .blog-details-pane .detail-first-sec .share .icon-social ul {list-style: outside none none; margin: 0; padding: 0;}

.blog-details .blog-details-pane .detail-first-sec .share .icon-social ul li { display:inline-block; margin:0 5px 0 0; color:#000; font-size:15px; padding:0; }

.blog-details .blog-details-pane .detail-first-sec .share .icon-social ul li:before { content:""; }

.blog-details .blog-details-pane .detail-first-sec .share .icon-social a { background-image:none; text-decoration:none; }

.blog-details .blog-details-pane .detail-first-sec .share .icon-social .fb { color:#fff; display:block; border-radius:50%; font-size:14px; height:30px; line-height:30px; text-align:center; text-decoration:none; transition:all 0.3s ease; width:30px; background:#186383; }

.blog-details .blog-details-pane .detail-first-sec .share .icon-social ul li .ld { color:#fff; display:block; border-radius:50%; font-size:14px; height:30px; line-height:30px; text-align:center; text-decoration:none; transition:all 0.3s ease; width:30px; background:#186383; }

.blog-details .blog-details-pane .detail-first-sec .share .icon-social .wht { color:#fff; display:block; border-radius:50%; font-size:14px; height:30px; line-height:30px; text-align:center; text-decoration:none; transition:all 0.3s ease; width:30px; background:#186383; }

.blog-details .blog-details-pane .mid-img{display: flex; align-items: center; justify-content: space-between; gap: 20px;}

.blog-details .blog-details-pane .mid-img img{width: 100%; height: auto;}



.capabilities{width: 100%; position: relative; background:#ffffff; padding: 40px 0px 0px 0px;}

.capabilities .capabilities-grid{display:grid; grid-template-columns:repeat(3,1fr);}

.capabilities .capabilities-grid .capabilities-card{position:relative; overflow:hidden; min-height:650px; border:1px solid rgba(255,255,255,0.15);}

.capabilities .capabilities-grid .capabilities-card img{width:100%; height:100%; object-fit:cover; position:absolute; inset:0; transition:0.5s ease;}

.capabilities .capabilities-grid .capabilities-card::before{content:""; position:absolute; inset:0; background:rgba(0,0,0,0.75); z-index:1;}

.capabilities .capabilities-grid .capabilities-card:hover img{transform:scale(1.08);}

.capabilities .capabilities-grid .capabilities-card .capabilities-content{position:relative; z-index:2; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:40px 30px; color:#fff;}

.capabilities .capabilities-grid .capabilities-card .capabilities-content h3{font-size:38px; font-weight:600; line-height:1.15; margin-bottom:28px; text-transform:uppercase;}

.capabilities .capabilities-grid .capabilities-card .capabilities-content p{font-size:20px; line-height:1.7; font-weight:300; max-width:420px;}



.industries-we-served{width: 100%; position: relative; background:#ffffff; padding: 40px 0px 0px 0px;}

.industries-we-served .small-title{font-size:25px; line-height:1.6; font-weight:400; color:#000000; margin-bottom:25px;}

.industries-we-served p{font-size: 16px; font-weight: normal; line-height: 30px; margin-bottom: 30px;}

.industries-we-served h3{font-size: 18px; font-weight: 500; line-height: 30px; margin-bottom: 15px;}

.industries-we-served img{margin-bottom: 20px;}

.industries-we-served ul {margin: 0; padding: 0;}
.industries-we-served ul li {list-style-type: none; display: block; font-size: 16px; color: #000000!important; margin-bottom: 20px; padding-left: 45px; line-height: 26px;}
.industries-we-served ul li::before {display: inline-block; color: #000000; content: "\f054"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-left: -25px; position: absolute; font-size: 10px;}



.industries-we-served .gallery {display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;}

.industries-we-served .gallery .gallery-item {position: relative; overflow: hidden;box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1); border-radius: 5px;}

.industries-we-served .gallery .gallery-item img {width: 100%; height: auto; display: block; transition: transform 0.4s ease; margin-bottom: 0;}

.industries-we-served .gallery .gallery-item .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(26,95,144,0.5); opacity: 0; display: flex; justify-content: center; align-items: center; transition: opacity 0.3s ease;}

.industries-we-served .gallery .gallery-item:hover img {transform: scale(1.05);}

.industries-we-served .gallery .gallery-item:hover .overlay {opacity: 1;}

.industries-we-served .gallery .gallery-item:hover .overlay i {font-size: 15px; color: white; background: rgba(0,0,0,0.6); padding: 10px; border-radius: 50%;}



.thankyou{width: 100%; position: relative; background: url(../images/bg.webp) no-repeat center top; padding: 40px 0px 40px 0px; margin-top: 90px;}

.thankyou .box{background: #ffffff; padding: 30px; border-radius: 10px;}

.thankyou p{font-size: 16px; font-weight: normal; line-height: 30px; margin-bottom: 0px; text-align: center;}

.thankyou h3{font-size: 18px; font-weight: 500; line-height: 30px; margin-bottom: 15px; text-align: center;}

.thankyou img{margin-bottom: 20px;}



.field_error{ color:red; font-size: 14px;}