@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-black-center{width: 100%; text-align: center; position: relative; margin-bottom: 30px;}
.title-black-center h2{text-align: center; font-size: 36px; font-weight: 600; color: #000000;}
.title-black-center span{text-align: center; font-size: 18px; color: #000000; display: block; margin-top: 10px;}

.our-infra-video{border-radius:12px;}
.video-wrapper { position: relative; }
.our-infra-video { width: 100%; border-radius: 12px; display: block; }
.video-wrapper .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: rgba(0,0,0,0.6); color: #fff; font-size: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer; transition: all 0.3s ease; }
.video-wrapper .play-button i { font-size: 24px; margin-left: 3px; }

.hero-home-video {background: #F2F4F5; position: relative; padding:0px 15px; margin-top:0px;  min-height: 82vh;  border-radius: 0px; overflow: hidden; display: flex; align-items: center; }
.hero-home-video .hero-video { position: absolute; top: 0; bottom: 0;  width: calc(100% - 30px); height: 100%; object-fit: cover;border-radius: 12px;}
.hero-home-video .hero-overlay { position: absolute;  top: 0;  bottom: 0;  left: 15px; right: 15px;background: linear-gradient( to right,  rgba(0, 0, 0, 0.5) 0%,   rgba(0, 0, 0, 0.2) 100%  ); border-radius: 12px;}
.hero-home-video .hero-content { position: relative; z-index: 2; max-width: 820px; padding: 0px 60px; color: #ffffff; }
.hero-home-video .hero-content h1 { font-size: clamp(28px, 5vw, 64px); line-height: 130%; font-weight: 600; letter-spacing: -0.02em; color: #ffffff; font-family: "Poppins", sans-serif; margin: 0 0 20px 0; }
.hero-home-video .hero-content p { font-size: clamp(14px, 2.5vw, 22px); line-height: 1.6; color: #ffffff; font-family: "Inter", sans-serif; margin: 0; }

@media (max-width: 1024px) {
.hero-home-video .hero-content { padding: 60px 40px; }
}

@media (max-width: 768px) {
.hero-home-video { min-height: 420px; border-radius: 10px; }
.hero-home-video .hero-content { padding: 40px 20px; text-align: center; }
.hero-home-video .hero-content h1 { font-size: 28px; }
.hero-home-video .hero-content p { font-size: 15px; }
}

@media (max-width: 480px) {
.hero-home-video { min-height: 380px; }
.hero-home-video .hero-content { padding: 30px 16px; }
.hero-home-video .hero-content h1 { font-size: 24px; }
.hero-home-video .hero-content p { font-size: 14px; }
}

.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%;}

.footer{width: 100%; position: relative; background: #00415D; padding: 20px 0px;}
.footer .footer-grid {display: grid; grid-template-columns: 1.6fr 0.7fr 0.5fr 1fr; column-gap: 20px;}
.footer .footer-grid .footer-content{position: relative;}
.footer .footer-grid .footer-content .footer-brand-logo{display: flex; flex-direction: column; margin-bottom: 25px;}
.footer .footer-grid .footer-content .footer-brand-logo img{width: 194px; height: auto;}
.footer .footer-grid .footer-content h5{font-size: 18px; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; margin-bottom: 20px; color: #ffffff;}
.footer .footer-grid .footer-content .address-block{ margin-bottom: 10px;}
.footer .footer-grid .footer-content .address-block p{font-size: 14px; line-height: 26px; color: #ffffff; margin-bottom: 5px;}
.footer .footer-grid .footer-content .nav-list {list-style: none; display: flex; flex-direction: column; gap: 16px;}
.footer .footer-grid .footer-content .nav-list a {color: #ffffff; text-decoration: none; font-size: 0.88rem; transition: color 0.2s;}
.footer .footer-grid .footer-content .nav-list a:hover { color: #0086E6; }
.footer .footer-grid .footer-content .contact-list {list-style: none; display: flex; flex-direction: column; gap: 18px; }
.footer .footer-grid .footer-content .contact-list .contact-item {display: flex; align-items: center; gap: 10px; font-size: 0.84rem; color: #ffffff; line-height: 1.5;}
.footer .footer-grid .footer-content .contact-list .contact-item a {color: #ffffff; text-decoration: none; transition: color 0.2s;}
.footer .footer-grid .footer-content .contact-list .contact-item a:hover{color: #0086E6;}
.footer .footer-grid .footer-content .contact-list .contact-item .contact-icon {flex-shrink: 0; width: 35px; height: 35px; border-radius: 50%; background: #055070; display: flex; align-items: center; justify-content: center; font-size: 15px; line-height: 35px;}
.footer .footer-grid .footer-content .follow-section{position: relative; margin-top: 20px;}
.footer .footer-grid .footer-content .follow-section .social-icons {display: flex; gap: .4375rem}
.footer .footer-grid .footer-content .follow-section .social-icon {width: 2.1875rem; height: 2.1875rem; border: .0625rem dashed #055070; border-radius: 5px; display: flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; transition: color 0.5s ease-in-out; background: #055070;}
.footer .footer-grid .footer-content .follow-section .social-icon.facebook:hover {background-color: #1877f2; color: #fff; border-color: #1877f2}
.footer .footer-grid .footer-content .follow-section .social-icon.instagram:hover {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); color: #fff; border-color: #e4405f}
.footer .footer-grid .footer-content .follow-section .social-icon.linkedin:hover {background-color: #0077b5; color: #fff; border-color: #0077b5}
.footer .footer-grid .footer-content .follow-section .social-icon.youtube:hover {background-color: #ff0000; color: #fff; border-color: #ff0000}

.copy-right{width: 100%; position: relative; background: #002332; padding: 8px 10px; display: flex; position: relative; justify-content: space-between; align-items: center;}
.copy-right p{color: #ffffff; font-size: 14px; margin-bottom: 0px;}

.home-blog{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 40px 0px;}
.home-blog .blog-sec-content{position: relative; margin-bottom: 30px;}
.home-blog .blog-sec-content img{border-radius: 5px; margin-bottom: 20px;}
.home-blog .blog-sec-content h3{font-size: 18px; color: #000000; margin-bottom: 15px; font-weight: 600; line-height: 30px;}
.home-blog .blog-sec-content h3 a{color: #000000;}
.home-blog .blog-sec-content p{font-size: 15px; line-height: 26px; text-align: left; margin-bottom: 15px;}
.home-blog .blog-sec-content .readmore{font-size: 15px; color: #000000; font-weight: 500;}
.home-blog .blog-sec-content .readmore i{font-size: 12px; margin-left: 5px;}
.home-blog .blog-sec-content .readmore:hover{color: #0086E6;}
.home-blog a.btn-full {color: #ffffff; text-transform: uppercase; border: 1px solid #186383; border-radius: 5px; justify-content: space-between; align-items: center; padding: 10px 15px 10px 15px; font-size: 14px; font-weight: 500; display: flex; width: 100%; max-width: 205px; background: #186383; font-weight: 500; margin: 0 auto;}
.home-blog a.btn-full i {text-align: center; border: 1px solid #055070; border-radius: 50%; width: 30px; height: 30px; font-size: 16px; line-height: 30px; transition: all .35s ease-in-out; display: inline-block; background: #055070; color: #ffffff; transform: rotate(-45deg);}
.home-blog a.btn-full i:hover{transform: rotate(0);}

.home-client{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 0px 0px;}
.home-client .marquee-wrapper {overflow: hidden; width: 100%;}
.home-client .marquee-track {display: flex; align-items: center; gap: 0px; width: max-content; animation: scroll 35s linear infinite;}
.home-client .marquee-track img {height: 250px; width: auto;}
@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}
.home-manufacturing-range{width: 100%; position: relative; background: #F2F4F5; padding: 40px 0px 0px 0px;}
.home-manufacturing-range .card {position: relative; width: 100%; overflow: hidden; border-radius: 8px; margin-bottom: 30px;}
.home-manufacturing-range .card img {width: 100%; display: block;}
.home-manufacturing-range .card .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(24, 99, 131, 0.8); display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transition: 0.4s ease; text-align: center; padding: 20px;}
.home-manufacturing-range .card:hover .overlay {opacity: 1;}
.home-manufacturing-range .card .overlay h3 {color: #fff; margin-bottom: 10px; font-size: 18px; font-weight: 600;}
.home-manufacturing-range .card .overlay p {color: #ddd; font-size: 14px; margin-bottom: 15px;}
.home-manufacturing-range .card .overlay button {padding: 10px 20px; border: none; background: #ff6b00; color: white; border-radius: 6px; cursor: pointer; transition: 0.3s;}
.home-manufacturing-range .card .overlay button:hover {background: #e65c00;}
.home-manufacturing-range a.btn-full {color: #ffffff; text-transform: uppercase; border: 1px solid #186383; border-radius: 5px; justify-content: space-between; align-items: center; padding: 10px 15px 10px 15px; font-size: 14px; font-weight: 500; display: flex; width: 100%; max-width: 205px; background: #186383; font-weight: 500; margin: 0 auto;}
.home-manufacturing-range a.btn-full i {text-align: center; border: 1px solid #055070; border-radius: 50%; width: 30px; height: 30px; font-size: 16px; line-height: 30px; transition: all .35s ease-in-out; display: inline-block; background: #055070; color: #ffffff; transform: rotate(-45deg);}
.home-manufacturing-range a.btn-full i:hover{transform: rotate(0);}

.home-second{width: 100%; position: relative; background: #ffffff; padding: 80px 0px 40px 0px;}
.home-second .abt-section {display: flex; gap: 0px; align-items: center; position: relative;}
.home-second .abt-section .left {flex: 1; position: relative;}
.home-second .abt-section .left img {position: absolute; bottom: -127px; left: 100px; width: 100%; max-width: 410px;}
.home-second .abt-section .left .float-card {position: absolute; top: 40px; left: -20px; background: #fff; padding: 25px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); width: 220px;}
.home-second .abt-section .left .float-card h2 {margin: 0; font-size: 48px; color: #055070;font-weight: 600;}
.home-second .abt-section .left .float-card p {font-size: 14px; color: #444;}
.home-second .abt-section .right {flex: 1;}
.home-second .abt-section .right h1 {font-size: 36px; line-height: 1.3; font-weight: 600;}
.home-second .abt-section .right h1 span {color: #055070; font-weight: 700;}
.home-second .abt-section .right p {color: #555; line-height: 1.6; margin: 15px 0;}
.home-second .abt-section .right .cards {display: flex; gap: 20px;}
.home-second .abt-section .right .cards .card {background: #fff; padding: 30px; border-radius: 12px; flex: 1; box-shadow: 0 8px 20px rgba(0,0,0,0.08); border: none;}
.home-second .abt-section .right .cards .card h2 {font-size: 48px; margin: 0; color: #055070; font-weight: 600;}
.home-second .abt-section .right .cards .card p {margin-top: 10px; color: #444; font-weight: 500;}
.home-second .abt-section .right a.btn-full {color: #ffffff; text-transform: uppercase; border: 1px solid #186383; border-radius: 5px; justify-content: space-between; align-items: center; padding: 10px 15px 10px 15px; font-size: 14px; font-weight: 500; display: flex; width: 100%; max-width: 205px; background: #186383; font-weight: 500; margin: 0 0 20px 0;}
.home-second .abt-section .right a.btn-full i {text-align: center; border: 1px solid #055070; border-radius: 50%; width: 30px; height: 30px; font-size: 16px; line-height: 30px; transition: all .35s ease-in-out; display: inline-block; background: #055070; color: #ffffff; transform: rotate(-45deg);}
.home-second .abt-section .right a.btn-full i:hover{transform: rotate(0);}

.exibition{width: 100%; position: relative; background: #F2F4F5; padding: 30px 0px 30px 0px; text-align: center;}
.video-sec{width: 100%; position: relative; background: #ffffff; text-align: center;}

.breadcrumb-pane{width: 100%; position: relative;}
.breadcrumb-section {width: 100%; position: relative; background-attachment: scroll!important; background-size: cover!important; background-repeat: no-repeat!important; background-position: center top!important; padding: 70px 0px; text-align: center; border-radius: 5px;}
.breadcrumb-section h1 {color: #FFFFFF; font-size: 36px; font-weight: 500; margin-bottom: 8px; text-align: center;}
.breadcrumb-section .breadcrumb-menu {position: relative; display: inline-block; line-height: 10px;}
.breadcrumb-section .breadcrumb-menu ul {position: relative; display: inline-block;}
.breadcrumb-section .breadcrumb-menu ul li {position: relative; display: inline-block; color: #ffffff; font-size: 15px; line-height: 30px; font-weight: 400; text-transform: capitalize; transition: all 500ms ease;}
.breadcrumb-section .breadcrumb-menu ul li a {color: #ffffff; font-size: 15px; font-weight: 400; text-transform: capitalize; transition: all 500ms ease;}
.breadcrumb-section .breadcrumb-menu ul li a::after {display: inline; padding-right: .3rem; padding-left: .5rem; color: #FFFFFF; content: "\f178"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 13px;}
.breadcrumb-section .breadcrumb-menu ul li.active {font-weight: 500; color: #0086E6;}
.breadcrumb-section .breadcrumb-menu ul li a:hover {color: #0086E6;}

.client-pane{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 25px 0px;}
.client-pane h2{text-align: center; font-size: 36px; font-weight: 600; margin-bottom: 30px;}
.client-pane p{text-align: center; font-size: 16px; line-height: 26px; text-align: center;}
.client-pane .logo-grid {display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px;}
.client-pane .logo-grid .logo-card {background: #fff; border-radius: 10px; padding: 5px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1);}
.client-pane .logo-grid .logo-card img {max-width: 100%; object-fit: contain;}

.blog-details{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 25px 0px;}
.blog-details .back-btn{font-size: 15px; color: #000000; font-weight: 500;}
.blog-details .back-btn i{font-size: 12px; margin-right: 5px;}
.blog-details .back-btn:hover{color: #0086E6;}
.blog-details .detail-content{position: relative;}
.blog-details .detail-content h2{font-size: 30px; color: #000000; margin-bottom: 20px; text-align: left; font-weight: 600;}
.blog-details .detail-content .img-sec{position: relative; margin: 15px 0px 15px 0px; border-radius: 10px;}
.blog-details .detail-content .img-sec img{border-radius: 10px; width: 100%; height: auto   ;}
.blog-details .detail-content .detail-first-sec{ display: flex; align-items: center; justify-content: space-between; position: relative; margin-bottom: 20px;}
.blog-details .detail-content .detail-first-sec .share-para{font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.blog-details .detail-content .detail-first-sec p{font-size: 15px; margin-bottom: 0px; color: #000000;}
.blog-details .detail-content .detail-first-sec .date{position: relative;}
.blog-details .detail-content .detail-first-sec .date i{font-size: 16px; color: #186383; margin-right: 10px;}
.blog-details .detail-content .detail-first-sec .share .icon-social ul {list-style: outside none none; margin: 0; padding: 0;}
.blog-details .detail-content .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 .detail-content .detail-first-sec .share .icon-social ul li:before { content:""; }
.blog-details .detail-content .detail-first-sec .share .icon-social a { background-image:none; text-decoration:none; }
.blog-details .detail-content .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 .detail-content .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 .detail-content .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 .detail-content h3 { font-size:18px; font-weight:600; margin-bottom:20px; }
.blog-details .detail-content p { font-size:15px; line-height:26px; margin-bottom:20px; }
.blog-details .detail-content ul { margin:0; padding:0; }
.blog-details .detail-content 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 .detail-content ul li::before {display: inline-block; color: #000000; content: "\f111"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-left: -25px; position: absolute; font-size: 10px;}
.blog-details .detail-content ul li a {color: #0d79f6; text-decoration: none;}

.blog-detail-list{width: 100%; position: relative; background: #F2F4F5; padding: 40px 0px 40px 0px;}
.blog-detail-list .blog-sec-content{position: relative; margin-bottom: 30px;}
.blog-detail-list .blog-sec-content img{border-radius: 5px; margin-bottom: 20px;}
.blog-detail-list .blog-sec-content h3{font-size: 18px; color: #000000; margin-bottom: 15px; font-weight: 600; line-height: 30px;}
.blog-detail-list .blog-sec-content h3 a{color: #000000;}
.blog-detail-list .blog-sec-content p{font-size: 15px; line-height: 26px; text-align: left; margin-bottom: 15px;}
.blog-detail-list .blog-sec-content .readmore{font-size: 15px; color: #000000; font-weight: 500;}
.blog-detail-list .blog-sec-content .readmore i{font-size: 12px; margin-left: 5px;}
.blog-detail-list .blog-sec-content .readmore:hover{color: #0086E6;}
.blog-detail-list a.btn-full {color: #ffffff; text-transform: uppercase; border: 1px solid #186383; border-radius: 5px; justify-content: space-between; align-items: center; padding: 10px 15px 10px 15px; font-size: 14px; font-weight: 500; display: flex; width: 100%; max-width: 205px; background: #186383; font-weight: 500; margin: 0 auto;}
.blog-detail-list a.btn-full i {text-align: center; border: 1px solid #055070; border-radius: 50%; width: 30px; height: 30px; font-size: 16px; line-height: 30px; transition: all .35s ease-in-out; display: inline-block; background: #055070; color: #ffffff; transform: rotate(-45deg);}
.blog-detail-list a.btn-full i:hover{transform: rotate(0);}

.blog-listing{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 40px 0px;}
.blog-listing .blog-listing-content { display:flex; gap:20px;}
.blog-listing .blog-listing-content .sidebar { width:260px; background:#e6e6e6; padding:20px; border-radius:8px; }
.blog-listing .blog-listing-content .sidebar h3 { margin-bottom:15px; font-size: 18px; font-weight: 600; }
.blog-listing .blog-listing-content .sidebar .tabs { list-style:none; padding:0; margin:0; }
.blog-listing .blog-listing-content .sidebar .tabs li { padding:12px; cursor:pointer; border-radius:6px; margin-bottom:6px; transition:0.3s; font-size: 15px; font-weight: 600; }
.blog-listing .blog-listing-content .sidebar .tabs li.active, .blog-listing-content .sidebar .tabs li:hover { background:#186383; color:#fff; }
.blog-listing .blog-listing-content .content { flex:1; text-align: center; }
.blog-listing .blog-listing-content .content h2 { margin:0; font-size: 36px; font-weight: 600; }
.blog-listing .blog-listing-content .content .subtitle { color:#000000; margin-bottom:20px; font-size: 16px; }
.blog-listing .blog-listing-content .content .blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.blog-listing .blog-listing-content .content .blog-grid .card { background:none; padding:0px; border-radius:10px; transition:0.3s; border: none; }
.blog-listing .blog-listing-content .content .blog-grid .card .blog-sec-content{position: relative; margin-bottom: 20px; text-align: left;}
.blog-listing .blog-listing-content .content .blog-grid .card .blog-sec-content img{border-radius: 5px; margin-bottom: 20px;}
.blog-listing .blog-listing-content .content .blog-grid .card .blog-sec-content h3{font-size: 18px; color: #000000; margin-bottom: 15px; font-weight: 600; line-height: 30px; text-align: left;}
.blog-listing .blog-listing-content .content .blog-grid .card .blog-sec-content h3 a{color: #000000;}
.blog-listing .blog-listing-content .content .blog-grid .card .blog-sec-content p{font-size: 15px; line-height: 26px; text-align: left; margin-bottom: 15px;}
.blog-listing .blog-listing-content .content .blog-grid .card .blog-sec-content .readmore{font-size: 15px; color: #000000; font-weight: 500; text-align: left;}
.blog-listing .blog-listing-content .content .blog-grid .card .blog-sec-content .readmore i{font-size: 12px; margin-left: 5px;}
.blog-listing .blog-listing-content .content .blog-grid .card .blog-sec-content .readmore:hover{color: #0086E6;}
.pagination { display:flex; justify-content:center; align-items:center; margin-top: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:#00415D; color:#fff; border-color:#00415D; }
.pagination .page-item.active .page-link { background-color:#00415D; border-color:#00415D; color:#fff; }

.certifications{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 40px 0px;}
.certifications h2{text-align: center; font-size: 36px; font-weight: 600; margin-bottom: 30px;}
.certifications p{text-align: center; font-size: 16px; line-height: 26px; text-align: center;}
.certifications .certi-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;}
.certifications .certi-grid .certi-card {background: #fff; border-radius: 10px; padding: 5px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1);}
.certifications .certi-grid .certi-card img {max-width: 100%; object-fit: contain;}

.gallery-cate{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 10px 0px;}
.gallery-cate .cate-content{position: relative; margin-bottom: 30px; text-align: center; box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 0px 0px 10px 0px;}
.gallery-cate .cate-content img{border-radius: 5px; margin-bottom: 10px;}
.gallery-cate .cate-content h5{font-size: 20px; font-weight: 600; color: #000000; text-align: center;}
.gallery-cate .cate-content h5 a{color: #000000;}

.image-gallery{width: 100%; padding: 3rem 0; background: #ffffff; position: relative; text-align: center;}
.image-gallery .gallery {display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;}
.image-gallery .gallery .gallery-item {position: relative; overflow: hidden;box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1); border-radius: 5px;}
.image-gallery .gallery .gallery-item img {width: 100%; height: auto; display: block; transition: transform 0.4s ease;}
.image-gallery .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;}
.image-gallery .gallery .gallery-item:hover img {transform: scale(1.05);}
.image-gallery .gallery .gallery-item:hover .overlay {opacity: 1;}
.image-gallery .gallery .gallery-item:hover .overlay i {font-size: 15px; color: white; background: rgba(0,0,0,0.6); padding: 10px; border-radius: 50%;}

.contact-section-1{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 10px 0px;}
.contact-section-1 .left-contact{position: relative; margin-bottom: 30px;}
.contact-section-1 .left-contact h2{font-size: 30px; font-weight: 600; margin-bottom: 20px;}
.contact-section-1 .left-contact p{font-size: 15px; line-height: 26px; color: #000000; margin-bottom: 20px;}

.contact-section-1 .left-contact .enquiry-form-pane{position:relative;margin-bottom:30px;background:#ffffff;}
.contact-section-1 .left-contact .enquiry-form-pane .form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}
.contact-section-1 .left-contact .enquiry-form-pane .form-group{margin-bottom:1rem}
.contact-section-1 .left-contact .enquiry-form-pane .form-row>.col,.form-row>[class*=col-]{padding-right:10px;padding-left:10px}
.contact-section-1 .left-contact .enquiry-form-pane .form-check{margin-bottom:0;padding-left:10px}
.contact-section-1 .left-contact .enquiry-form-pane .btn-form-submit{background:#125D8F;color:#ffffff;padding:13px 25px;border-radius:5px;border:1px solid #125D8F;font-size:16px;font-weight:600;text-transform:uppercase;display:inline-block}
.contact-section-1 .left-contact .enquiry-form-pane .btn-form-submit:hover{background:transparent;color:#125D8F;border:1px solid #125D8F;transition:.8s linear}
.contact-section-1 .left-contact .enquiry-form-pane .form-control{padding:.675rem .6rem;border-radius:0;background-color:transparent;color:#000;font-size:14px;border:1px solid #d9d9d9;font-weight:500}
.contact-section-1 .left-contact .enquiry-form-pane input,.contact-section-1 .left-contact .enquiry-form-pane select{height:50px!important;box-shadow:none}
.contact-section-1 .left-contact .enquiry-form-pane textarea{height:100px!important;box-shadow:none}
.contact-section-1 .left-contact .enquiry-form-pane .input-group-addon:last-child{border-left:0}
.contact-section-1 .left-contact .enquiry-form-pane label{font-size:14px;color:#000;font-weight:500;margin-bottom:.5rem;display:block}
.contact-section-1 .left-contact .enquiry-form-pane label span{color:#ff0000}
.contact-section-1 .left-contact .enquiry-form-pane .view-all-btn{background:#125D8F;color:#fff;padding:13px 30px;font-size:16px;font-weight:600;text-transform:uppercase;display:inline-block;text-align:center}
.contact-section-1 .left-contact .enquiry-form-pane .view-all-btn:hover{background:#000;color:#fff;transition:.8s linear}

.contact-section-1 .right-contact{position: relative; margin-bottom: 30px;}
.contact-section-1 .right-contact .first-content{width: 100%; position: relative; background: url(../images/right-content-bg-1.png) no-repeat center top; background-size: cover; padding: 30px 30px 10px 30px; margin-bottom: 20px; border-radius: 10px;}
.contact-section-1 .right-contact .first-content ul{margin: 0; padding: 0;}
.contact-section-1 .right-contact .first-content ul li{list-style-type: none; display: block; background: #fff; border-radius: 5px; margin-bottom: 20px; padding: 12px; font-size: 15px; font-weight: 600; width: auto;}
.contact-section-1 .right-contact .first-content ul li i{margin-right: 10px;}

.contct-section-2{width: 100%; position: relative; background: #dadada; padding: 40px 0px 10px 0px;}
.contct-section-2 .location-pane{position: relative; margin-bottom: 30px;}
.contct-section-2 .location-pane h3{font-size: 20px; font-weight: 600; margin-bottom: 15px; color: #000000;}
.contct-section-2 .location-pane p{font-size: 15px; line-height: 26px; margin-bottom: 15px;}

.cp-1{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 0px 0px;}
.cp-1 h3{text-align: center; font-size: 18px; font-weight: 600; color: #000000; margin-bottom: 25px;}
.cp-1 .content-box{background: #ffffff; box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1); margin-bottom: 20px; padding: 25px 20px 15px 20px; border-radius: 8px;}
.cp-1 .content-box h5{font-size: 18px; font-weight: 600; margin-bottom: 25px;}
.cp-1 .content-box h5 img{width: 26px; height: auto; margin-right: 10px;}
.cp-1 .content-box ul{margin: 0; padding: 0;}
.cp-1 .content-box ul li{font-size: 16px; margin-bottom: 15px; display: block; color: #000000; line-height: 26px; margin-left: 32px;}
.cp-1 .content-box ul li:before{display: inline-block; content: ''; background-image: url(../images/bullet-arrow.png); width: 16px; height: 16px; position: absolute; margin-left: -30px; margin-top: 6px;}
.cp-1 .img-pane{position: relative; margin-bottom: 30px;}
.cp-1 .small-content{position: relative;}
.cp-1 .small-content h4{text-align: left; font-size: 18px; font-weight: 600; color: #000000; margin-bottom: 25px;}
.cp-1 .small-content p{font-size: 15px; line-height: 26px; margin-bottom: 20px; color: #000000; text-align: left;}
.cp-2{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 10px 0px;}
.cp-2 .left-contact{position: relative; margin-bottom: 30px;}
.cp-2 .left-contact .career-form-pane{position:relative;margin-bottom:30px;background:#ffffff;}
.cp-2 .left-contact .career-form-pane .form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}
.cp-2 .left-contact .career-form-pane .form-group{margin-bottom:1rem}
.cp-2 .left-contact .career-form-pane .form-row>.col,.form-row>[class*=col-]{padding-right:10px;padding-left:10px}
.cp-2 .left-contact .career-form-pane .form-check{margin-bottom:0;padding-left:10px}
.cp-2 .left-contact .career-form-pane .btn-form-submit{background:#125D8F;color:#ffffff;padding:13px 25px;border-radius:5px;border:1px solid #125D8F;font-size:16px;font-weight:600;text-transform:uppercase;display:inline-block}
.cp-2 .left-contact .career-form-pane .btn-form-submit:hover{background:transparent;color:#125D8F;border:1px solid #125D8F;transition:.8s linear}
.cp-2 .left-contact .career-form-pane .form-control{padding:.675rem .6rem;border-radius:0;background-color:transparent;color:#000;font-size:14px;border:1px solid #d9d9d9;font-weight:500}
.cp-2 .left-contact .career-form-pane input,.cp-2 .left-contact .career-form-pane select{height:50px!important;box-shadow:none}
.cp-2 .left-contact .career-form-pane textarea{height:100px!important;box-shadow:none}
.cp-2 .left-contact .career-form-pane .input-group-addon:last-child{border-left:0}
.cp-2 .left-contact .career-form-pane label{font-size:14px;color:#000;font-weight:500;margin-bottom:.5rem;display:block}
.cp-2 .left-contact .career-form-pane label span{color:#ff0000}
.cp-2 .left-contact .career-form-pane .view-all-btn{background:#125D8F;color:#fff;padding:13px 30px;font-size:16px;font-weight:600;text-transform:uppercase;display:inline-block;text-align:center}
.cp-2 .left-contact .career-form-pane .view-all-btn:hover{background:#000;color:#fff;transition:.8s linear}

.smb{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 0px 0px;}
.smb .left-side-content{position: relative; margin-bottom: 30px;}
.smb .left-side-content p{font-size: 15px; line-height: 26px; color: #000000; margin-bottom: 20px;}
.smb .left-side-content a.btn-full {color: #ffffff; text-transform: uppercase; border: 1px solid #186383; border-radius: 5px; justify-content: space-between; align-items: center; padding: 10px 15px 10px 15px; font-size: 14px; font-weight: 500; display: flex; width: 100%; max-width: 205px; background: #186383; font-weight: 500;}
.smb .left-side-content a.btn-full i {text-align: center; border: 1px solid #055070; border-radius: 50%; width: 30px; height: 30px; font-size: 16px; line-height: 30px; transition: all .35s ease-in-out; display: inline-block; background: #055070; color: #ffffff; transform: rotate(-45deg);}
.smb .left-side-content a.btn-full i:hover{transform: rotate(0);}
.smb .left-side-content img{position: relative; margin-bottom: 20px;}
.smb .right-side-content{position: relative; margin-bottom: 20px;}
.smb .right-side-content img{position: relative; margin-bottom: 20px;}

.product-sec{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 0px 0px;}
.product-sec .left-pane{position: relative; margin-bottom: 20px;}
.product-sec .left-pane p{font-size: 15px; line-height: 26px; color: #000000; margin-bottom: 20px;}
.product-sec .left-pane a.btn-full {color: #ffffff; text-transform: uppercase; border: 1px solid #186383; border-radius: 5px; justify-content: space-between; align-items: center; padding: 10px 15px 10px 15px; font-size: 14px; font-weight: 500; display: flex; width: 100%; max-width: 205px; background: #186383; font-weight: 500;}
.product-sec .left-pane a.btn-full i {text-align: center; border: 1px solid #055070; border-radius: 50%; width: 30px; height: 30px; font-size: 16px; line-height: 30px; transition: all .35s ease-in-out; display: inline-block; background: #055070; color: #ffffff; transform: rotate(-45deg);}
.product-sec .left-pane a.btn-full i:hover{transform: rotate(0);}
.product-sec .right-pane{position: relative; margin-bottom: 20px;}
.product-sec .right-pane .img-pane{position: relative; box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1); border-radius: 5px;}

.company-profile-1{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 30px 0px;}
.company-profile-1 span{font-size: 15px; text-align: center; margin: 0px 0px 10px 0px; display: block; color: #000000;}
.company-profile-1 p{font-size: 15px; text-align: center; margin: 20px 0px; display: block; color: #000000; line-height: 26px; }
.company-profile-1 img{text-align: center; margin-bottom: 10px;}

.company-profile-2{width: 100%; position: relative; background: #F2F4F5; padding: 40px 0px 0px 0px;}
.company-profile-2 h4{font-size: 24px; font-weight: 600; text-align: left; margin-bottom: 20px;}
.company-profile-2 p{font-size: 16px; line-height: 26px; margin-bottom: 20px; text-align: left;}

.company-profile-3{width: 100%; position: relative; padding: 40px 0px 0px 0px; background: url(../images/company-profile-5.jpg) no-repeat center top; background-size: cover;}
.company-profile-3 img{width: 80px; height: 80px; margin-bottom: 15px;}
.company-profile-3 h4{font-size: 24px; font-weight: 600; text-align: left; margin-bottom: 15px; color: #ffffff;}
.company-profile-3 p{font-size: 16px; line-height: 26px; margin-bottom: 20px; text-align: left; color: #ffffff;}

.group-comp{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 0px 0px;}
.group-comp .comp-pane{width: 100%; position: relative; margin-bottom: 30px; padding: 30px; box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.group-comp .comp-pane .logo-pane{ position:relative; margin-bottom:15px; }
.group-comp .comp-pane p{font-size: 16px; line-height: 26px; color: #000000; margin-bottom: 0px;}

.our-infra-1{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 40px 0px;}
.our-infra-1 p{font-size: 16px; line-height: 26px; margin-bottom: 20px;}

.our-infra-2{width: 100%; position: relative; background: #F2F4F5; padding: 40px 0px 40px 0px;}
.our-infra-2 img{text-align: center; margin: 0 auto; width: 856px; height: auto; display: block;}

.ourteam-1{width: 100%; position: relative; background: #F2F4F5; padding: 40px 0px 30px 0px; }
.ourteam-1 .founder-message{background: url(../images/our-team-1.png) no-repeat center top; position: relative; text-align: center;}
.ourteam-1 .founder-message p{font-size: 14px; text-align: center; color: #000000; line-height: 26px; width: 85%; margin: 0 auto; padding: 0px 0px 15px 0px;}

.team-section {width: 100%; position: relative; background: #ffffff; padding: 40px 0px 30px 0px;}
.team-section .team-container {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.team-section .team-container .team-card {background: #ffffff; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.1); transition: 0.3s; }
.team-section .team-container .team-card img {width: 100%; display: block;}
.team-section .team-container .team-card h3 {padding: 15px; font-size: 18px; color: #1a4b6d;}
.team-section .team-container .team-card:last-child {grid-column: span 2; justify-self: center; width: 50%;}

.thannkyou{width: 100%; position: relative; padding: 70px 0px 70px 0px; background: url(../images/breadcrumb-img-1.jpg) no-repeat center top; background-size: cover;}
.thannkyou .thankyou-content{background: #ffffff; padding: 20px; text-align: center; border-radius: 10px;}
.thannkyou .thankyou-content img{width: 100px; height: auto; margin-bottom: 15px;}
.thannkyou .thankyou-content h4{text-align: center; font-size: 48px; color: #186383; font-weight: 600; margin-bottom: 15px;}
.thannkyou .thankyou-content p{text-align: center; font-size: 16px; line-height: 26px; margin-bottom: 20px;}

.field_error{color:red;font-size: 14px;}
.spinner {
    display:inline-block;
    width:16px;
    height:16px;
    border:2px solid #fff;
    border-top:2px solid transparent;
    border-radius:50%;
    animation: spin 0.6s linear infinite;
    margin-right:6px;
    vertical-align:middle;
}

@keyframes spin {
    100% { transform: rotate(360deg); }
}