#sub-banner{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;position: relative;z-index: 1;}
#sub-banner::before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.35);z-index: 1;}
.sub-banner-img.jarallax{height: 100%;width:100%;min-height: 400px;padding: 10px;overflow: hidden;}
.sub-banner-img .jarallax-img{object-fit: cover;font-family: 'object-fit: cover;';left: 0;width: 100%;height: 100%;}

.breadcrumbs-info{padding: 18px 20px 18px 20px;margin: -35px 0px 30px 0px;display: flex;justify-content: space-between;background: #2f3e72;border-radius: 5px;align-items: center;flex-wrap: wrap;position: relative;z-index: 1;}
.breadcrumbs-info h1{ font-size: 28px; font-weight: 600; color: #fff; margin: 0px 0px 0px 0px;}
.breadcrumbs-list{margin: 0px 0px 0px 0px;padding: 0px 0px;position: relative;}
.breadcrumbs-list li{display: inline-block;margin: 0px 0px 0px 0px;padding: 0px 15px;position: relative;font-size: 15px; color: #ffffff82; border-left: 1px solid #ffffff17;}
.breadcrumbs-list li:first-child{ padding-left: 0; border: none;}
.breadcrumbs-list li a{ color: #F8B901; padding: 0px 0px; font-weight: 500; text-decoration: none;}

.about-page{ margin: 0px 0px 0px 0px; padding: 50px 0px 50px 0px; position: relative;}
.about-brief{ margin: 0px 0px 30px 0px; padding: 0px 20px 20px 20px;}
.about-brief h2{ font-size: 50px; color: #2f3e72; font-weight: 500; white-space: pre-line; margin: 0px 0px 25px 0px;}
.about-brief p{font-size: 18px;color: #444;font-weight: 500;margin: 0px 0px 20px 0px;line-height: 28px;}
.about-image{ margin: 0px 0px 50px 0px; padding: 0px 0px 0px 0px; position: relative; max-width: 550px; max-height: 380px;}
.about-image::before{content: '';display: block;position: absolute;top: 0;left: 0;width: 101%;height: 101%;background: url(../img/counter-shape.png) no-repeat;background-size: cover;z-index: 1;background-position: center;}
.about-img.jarallax{height: 100%;width:100%;border-radius: 10px;min-height: 380px;padding: 0px;/* border-radius: 10px; */position: relative;}
.about-img .jarallax-img{object-fit: cover; font-family: 'object-fit: contain;'; left: 0; width: 100%; height: auto; border-radius: 10px;}

.key-fact{margin: 0px 30px 30px 30px;padding: 50px 0px 50px 0px;position: relative;background: #2f3e72;border-radius: 10px;}
.keyfact-inner{ margin: 0px 0px 0px 0px; padding: 0px 20px 0px 20px; position: relative;}
.key-fact h2{font-size: 36px;color: #f8b901;margin: 0px 0px 30px 0px;}

.keyfact-details{display: flex;padding: 20px 20px 20px 0px;margin: 0px 0px 0px 0px;background: transparent;flex-wrap: wrap;border-top: 1px solid #405089;}
.keyfact-details p{margin: 0px 0px 0px 0px;font-size: 18px;font-weight: 500;color: #ffffff9e;}
.keyfact-details strong{width: 200px;margin: 0px 25px 0px 0px;font-size: 18px;color: #ffffff;border-right: 1px solid #405089;}

.factory-part{ margin: 0px 0px 0px 0px; padding: 50px 0px 50px 0px; position: relative;}
.our-story{padding: 0px 20px 0px 20px;margin: 0px 0px 0px 0px;position: relative;}
.our-story h2{ font-size: 36px; color: #2f3e72; font-weight: 500; margin: 0px 0px 20px 0px;}
.factory-left{ margin: 0px 0px 0px 0px; padding: 0px 35px 0px 0px;}
.factory-left p{ font-size: 17px; color: #444; font-weight: 500;}

.infrastructure-part{ margin: 0px 0px 50px 0px; padding: 0px 0px 0px 0px; position: relative;}
.infrastructure-inner{ padding: 30px 20px;}
.infrastructure-inner h2{font-size: 36px;color: #2f3e72;margin: 0px 0px 30px 0px;}
.infrastructure-data{padding: 35px;border: 1px dashed #2f3e72;border-radius: 10px;height: 100%;}
.infrastructure-data span{display: block;font-size: 14px;color: #2f3e72;margin: 0px 0px 20px -10px;font-weight: 600;background: #f8b901;width: 40px;height: 40px;text-align: center;line-height: 40px;border-radius: 50px;}

#quality-page{ padding: 50px 0px 50px 0px; position: relative;}
.quality-content{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}
.quality-info{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; max-width: 950px;}
.quality-info h2{ font-size: 50px; color: #2f3e72; margin: 0px 0px 30px 0px;}
.quality-info p{ font-size: 17px; color: #444; font-weight: 500; margin: 0px 0px 30px 0px;}
.quality-info h3{ font-size: 26px; color: #2f3e72; font-weight: 600; margin: 0px 0px 20px 0px;}
.quality-points{ margin: 0px 0px 25px 0px; padding: 0px 0px 0px 0px; position: relative;}
.quality-points li{list-style: none;font-size: 17px;color: #444;font-weight: 500;padding: 5px 35px;position: relative;}
.quality-points li::before{content: '';display: block;position: absolute;left: 0;top: 7px;width: 22px;height: 22px;background: url(../sub-images/check-box.svg) no-repeat;z-index: 1;background-size: contain;}

.alloy-work{padding: 35px 35px; margin: 0px 0px 30px 0px; border-radius: 10px;background: #2f3e72;}
.alloy-work h3 {color: #f8b901;}
.work-points{margin: 0px 0px 0px 0px;padding: 0px 0px;position: relative;}
.work-points li{list-style: none;font-size: 17px;color: #fff;font-weight: 500;padding: 5px 35px;position: relative;}
.work-points li::before{content: '';display: block;position: absolute;left: 0;top: 5px;width: 24px;height: 24px;background: url(../sub-images/service-icon.svg) no-repeat;z-index: 1;background-size: contain;filter: invert(1);mix-blend-mode: color-dodge;}

.certificate-img { margin: 0px 0px 30px 0px; position: sticky; top: 90px;}
.certificate-img img{ width: 100%; padding: 15px; border: 1px solid #2f3e72; border-radius: 10px;}
.certificate-img a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11;}
.certificate-img a::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.45); border-radius: 10px; opacity: 0; transition: all .4s linear;}
.certificate-img a:hover::before{ opacity: 1;}

.industries-page{ padding: 50px 0px; margin: 0px 0px 0px 0px; position: relative;}
.industries-top{ padding: 0px 15px; margin: 0px 0px 50px 0px; max-width: 900px;}
.industries-top h2{ font-size: 50px; color: #2f3e72; margin: 0px 0px 20px 0px;}
.industries-top p{ font-size: 17px; color: #444; font-weight: 500; line-height: 28px;}

.industries-list{ padding: 0px 30px 50px 30px; margin: 0px 0px 0px 0px; position: relative;}
/* .industries-list:before{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 80%; background: #2f3e72;} */

.industries-data{ margin: 0px 0px 50px 0px; padding: 0px 20px; position: relative;}
.industries-img{margin: 0px 0px 0px 0px;padding: 0px 0px;height: 100%;overflow: hidden;max-height: 240px;border-radius: 10px 10px 0px 0px;}
.industries-img img{height: 100%;object-fit: cover;transition: all .4s linear;width: 100%;border-radius: 10px 10px 0px 0px;}
.industries-content{ margin: 0px 0px 0px 0px; padding: 0px 30px 0px 30px; position: relative;}
.industries-content h3{ font-size: 36px; font-weight: 600; margin: 0px 0px 20px 0px; color: #2f3e72;}
.industries-content small{font-size: 16px;color: #444;margin: 0px 0px 15px 0px;display: block;font-weight: 500;}
.industries-content h4{font-size: 22px;color: #2f3e72;font-weight: 600;margin: 0px 0px 15px 0px;}
.industries-content p{ font-size: 17px; color: #444; font-weight: 500; margin: 0px 0px 25px 0px;}
.industry-content {margin: 0px 0px 0px 0px;padding: 0px 0px;position: relative;height: 100%;border: 1px solid #ccc;border-radius: 10px 10px 10px 10px;}
.industry-content a{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.industry-details{position: relative;bottom: 0;width: 100%;height: auto;padding: 30px 30px 20px 30px;z-index: 1;}
.industry-details::before{content: '';display: block;position: absolute;top: 0;left: 0;/* background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); */width: 100%;height: 100%;z-index: -1;border-radius: 0px 0px 10px 10px;}
.industry-details::after{content: ''; display: block; position: absolute; left: 30px; top: -80px; width: 50px; height: 50px; background: #f8b901; border-radius: 5px; background-image: url(../img/arrow.svg); background-repeat: no-repeat; background-position: center;}
.industry-details h3{font-size: 22px;color: #2f3e72;font-weight: 600;}
.industry-details p{color: #444;font-size: 16px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-weight: 500;}
.industry-content:hover .industries-img img{transform: scale(1.1);}

.industries-modal{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.industries-modal .offcanvas{width: calc(100% - 20px); height: auto; max-width: 1000px; margin: 20px; border-radius: 10px;}
.industries-modal .offcanvas button.btn-close { font-size: 24px; font-weight: 400; margin: 0px 0px 0px 0px; position: absolute; right: 20px; top: 20px;}
.industries-modal .offcanvas button.btn-close:focus{ box-shadow:none; outline:none;}
.industries-body{ padding: 25px 25px;}
.industries-body h3{font-size: 32px;font-weight: 600;margin: 0px 0px 20px 0px;color: #2f3e72;}
.industries-body h3 small{ display: block; font-size: 18px; line-height: 28px;}
.industries-body h4{font-size: 20px;color: #2f3e72;font-weight: 600;margin: 0px 0px 10px 0px;}
.industries-body p{ font-size: 17px; color: #444; font-weight: 500; margin: 0px 0px 30px 0px;}

/*.industries-products{display: flex; flex-wrap: wrap;}
.industries-pro{margin: 0px 20px 30px 0px; padding: 15px; border: 1px solid #ccc; max-width: 150px; border-radius: 15px;position: relative; display: block;transition: all 0.5s;}
.industries-pro a img{transition: all 0.5s;}
.industries-pro a::before { content: ''; display: block; position: absolute; right: 8px; bottom: 2px;width: 26px;height: 26px;background: #f8b901; border-radius: 5px;background-image: url(../img/arrow.svg); background-repeat: no-repeat;background-position: center;z-index: 1;transition: all .4s linear;opacity: 0;background-size: 12px 12px;}
.industries-pro a:hover::before {bottom: 8px;opacity: 1;}
.industries-pro a:hover img {transform: scale(1.1);}*/

#services-main{ padding: 50px 0px; margin: 0px 0px 0px 0px; position: relative;}
.service-title{margin: 0px 0px 30px 0px; padding: 0px 20px 0px 20px;position: relative;}
.service-title h2{color: #2f3e72;font-size: 24px;font-weight: 500;margin: 0px 0px 15px 0px;}
.service-title p{ font-size: 17px; color: #444; font-weight: 500; line-height: 28px;}

.product-list{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;position: relative;border: 1px solid #ccc;border-radius: 10px; overflow: hidden;}
.product-list a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9;}
.product-catagory-img{padding: 15px 15px;text-align: center;border-bottom: 1px solid #ccc;max-height: 280px;margin: 0px 0px 0px 0px;position: relative;}
.product-catagory-img img{object-fit: contain;max-height: 240px; transition: all .4s linear;}
.product-catagory-details{ padding: 25px 25px; position: relative; z-index: 1;}
.product-catagory-details::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: #F8B901; opacity: 0; transition: all .4s linear; z-index: -1;}
.product-catagory-details h3{ font-size: 22px; color: #2f3e72; font-weight: 600; margin: 0px 0px 15px 0px;}
.product-catagory-details p{ font-size: 17px; color: #444; font-weight: 500; margin: 0px 0px 0px 0px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: all ease 0.5s;}
.product-list:hover .product-catagory-img img{ transform: scale(1.1);}
.product-list:hover .product-catagory-details::before{ height: 100%; opacity: 1;}

#services-page{padding: 50px 30px;margin: 0px 0px 0px 0px;position: relative;}
.service-brief{margin: 0px auto 50px auto;padding: 0px 20px 0px 20px;position: relative;text-align: left;}
.service-brief h2{color: #2f3e72;font-size: 20px;font-weight: 500;margin: 0px 0px 15px 0px;}
.service-brief p{ font-size: 17px; color: #444; font-weight: 500; line-height: 28px;}

.product-service-data { display: flex; flex-direction: column; justify-content: space-between; height: 100%; position: relative;}
.inner-service-content { margin: 0px 0px 25px 0px; padding: 0px 0px 0px 0px; position: relative;}
.inner-service-content small{font-size: 16px;color: #444;font-weight: 500;margin: 0px 0px 10px 0px;display: block;}
.service-detail-part{margin: 0px 0px 50px 0px;padding: 50px 50px;background: #fff;border-radius: 10px;border: 1px solid #dddddd;}
.service-detail-part:nth-child(odd){background: linear-gradient(90deg, rgb(243 243 243 / 75%) 0%, rgba(255, 255, 255, 1) 100%);}
.services-image-part {margin: 0px 0px 0px 0px;padding: 0px 0px;position: relative;}
.service-img{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;position: relative;}
.service-img::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.35); border-radius: 10px;}
/* .service-img::after{content: '';display: block;position: absolute;right: -1px;bottom: -1px;width: 50%;height: 65%;background: #efefef;clip-path: polygon(100% 0, 0% 100%, 100% 100%);} */
.service-detail-part:nth-child(odd) .service-img::after{ background:#f7f7f7;}
.service-img img{width: 100%;border-radius: 10px;height: 100%;object-fit: cover;object-position: center;}

.services-image-part{ padding: 0px 0px 0px 0px; background: #fff;}
.service-slider{position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px;}
.service-slider img{ position: relative; max-width: 350px;}

.services-details{margin: 0px 0px 0px 0px;padding: 0px 0px;position: relative;height: 100%;}
.services-details h3{color: #2f3e72;font-size: 32px;font-weight: 500;margin: 0px 0px 20px 0px;}
.services-details p{color: #444;font-size: 17px;font-weight: 500; margin: 0px 0px 20px 0px;}
.services-details h4 { font-size: 20px; color: #2f3e72; font-weight: 600; margin: 0px 0px 10px 0px;}

.product-tabs{margin: 35px 0px 30px 0px;padding: 0px 0px;position: relative;}
.product-tabs .nav-link.active{color: #2f3e72;background-color: transparent;}
.product-tabs .nav-link{font-size: 18px;color: #444;font-weight: 600;letter-spacing: 1px;}
.product-tab-body{padding: 25px 20px;margin: 0px 0px;position: relative;}
.product-data{ margin: 70px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}

.product-slider-part{margin: 0px 0px 20px 0px;padding: 0px 0px 0px 75px;border-left: 1px solid #dddddd;height: 100%;display: flex;align-items: center;justify-content: center;}
.product-img{border-radius: 10px;height: 100%;display: flex;justify-content: center;align-items: center;}
.product-slider-part{position: relative;}
.product-slider-part .owl-nav{opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.product-slider-part:hover .owl-nav{opacity: 1;visibility: visible;}
.product-slider-part .owl-nav button.owl-prev,.product-slider-part .owl-nav button.owl-next{position: absolute;top: 50%;transform: translateY(-50%);;margin: 0;border-radius: 50%;color: #ddd !important;font-size: 40px !important;transition: all 0.3s ease;}
.product-slider-part .owl-nav button.owl-prev{left: -20px;}
.product-slider-part .owl-nav button.owl-next{right: -20px;}
.product-slider-part .owl-nav button.owl-prev:hover,
.product-slider-part .owl-nav button.owl-next:hover{color: #444 !important;}

.services-modal{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.services-modal .offcanvas{width: calc(100% - 20px); height: auto; max-width: 550px; margin: 20px; border-radius: 10px;}
.product-inquiry-body{ padding: 25px 25px;}
.product-inquiry-body h3{font-size: 32px;font-weight: 600;margin: 0px 0px 20px 0px;color: #2f3e72;}
.product-inquiry-body p{ font-size: 17px; color: #444; font-weight: 500; margin: 0px 0px 30px 0px;}
.product-form{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}
.product-form .form-group{ margin: 0px 0px 20px 0px;}
.product-form label{display: block; font-size: 14px; color: #444; font-weight: 500; letter-spacing: 1px; margin: 0px 0px 10px 15px;}
.product-form input{padding: 10px 15px;width: 100%;border: 1px solid #2f3e72;color: #444;font-size: 16px;border-radius: 5px;transition: all ease 0.5s;}
.product-form textarea{padding: 10px 15px;width: 100%;height: 120px;border: 1px solid #2f3e72;color: #444;font-size: 16px;border-radius: 5px;transition: all ease 0.5s;}
.product-form .submit{ padding: 10px 35px; display: inline-block; background: #F8B901; color: #444; font-weight: 500; border: none; border-radius: 5px;}

#export-page{ padding: 50px 50px; margin: 0px 0px; position: relative;}
.export-content{margin: 0px 0px 50px 0px;padding: 0px 20px 0px 20px;position: relative;}
.export-content h3{ font-size: 36px; color: #2f3e72; font-weight: 500; margin: 0px 0px 25px 0px;}
.export-content h4{ font-size: 26px; color: #2f3e72; font-weight: 600; margin: 0px 0px 15px 0px;}
.export-content p{ font-size: 17px; color: #444; font-weight: 500; margin: 0px 0px 30px 0px; line-height: 28px;}

.capabilities{margin: 0px 0px 25px 0px;padding: 0px 0px 0px 0px;position: relative;}
.capabilities li{list-style: none;padding: 5px 35px;font-size: 17px;position: relative;color: #444;font-weight: 500;}
.capabilities li:before{ content: ''; display: block; position: absolute; left: 0; top: 7px; width: 21px; height: 21px; background: #f8b901 url(../img/point-arrow.svg) no-repeat; border-radius: 5px; background-position: center; }

/* ======= export part ====== */
.export-map-inner{ position: relative; max-width: 1400px; margin: 0 auto; }
.global_map .loc_target img { width: 100%; object-fit: contain;}
.country-name { height: 100%; width: 100%; position: absolute; top: 0; left: 0; padding: 0px 0px;}
.country_name_style { position: absolute; cursor: pointer; transition: all 0.4s; text-align: center; z-index: 1; height: 8px; width: 8px; list-style: none;}
.country_name_style:before {content: "";position: absolute;height: 6px;width: 6px;border-radius: 100%;background: #2f3e72;background: #2f3e72;left: 50%;top: 50%;z-index: 0;transform: translate(-50%, -50%);}
.country_name_style.india:before {background: #2f3e72;}
.country_name_style.india:after {border-color: #2f3e72;}
.india {top: 47%;left: calc(66% + 3px);}
.kuwait {top: calc(42.8% + 5px);left: 59.6%;}
.qatar {top: calc(44.95% + 5px);left: 60.6%;}
.ireland {top: calc(27.4% + 5px);left: 44.4%;}
.australia { top: 75%; left: 85%;}
.japan {top: 39%;left: 84.7%;}
.newzealand { top: 87%; left: 94.5%;}
.brazil {top: 65%;left: 31%;}
.russia {top: calc(17.8% + 5px);left: 72.6%;}
.usa {top: 35%;left: 17.5%;}
.canada {top: 26%;left: 16.5%;}
.italy { top: 34.5%; left: 50%;}
.uk { top: 26.5%; left: 45.8%;}
.nepal { top: 44.5%; left: 70%;}
.netherland { top: 28.4%; left: 48%;}
.indonesia { top: 60.5%; left: 78.9%;}

.denmark { top: 25%; left: 49%;}
.switzerland { top: 32%; left: 48.7%;}

.thailand { top: 51%; left: 75%;}
.hongkong { top: 46.4%; left: 78.8%;}
.singapore { top: 59%; left: 75.8%;}
.global_expo_part .export_right_part { max-width: 580px; width: 100%;}
li.country_name_style span {position: absolute;top: -75px;left: 46px;background: #2f3e72;color: #ffffff;font-size: 12px;letter-spacing: 0.5px;border-radius: 3px;padding: 6px 12px;line-height: 1;font-weight: 400;max-width: fit-content;white-space: nowrap;pointer-events: none;opacity: 0;transition: all 0.4s;}
li.country_name_style:hover span,
li.country_name_style.active span { top: -58px; opacity: 1;}
.country_name_style:hover { z-index: 2;}
li.country_name_style.active { z-index: 2;}
.country_name_style:after {position: absolute;height: 12px;width: 12px;border-radius: 100%;border: 1px solid #2f3e72;left: 50%;top: 50%;z-index: 1;transform: translate(-50%, -50%) scale(1.2);animation: border_ch 1s infinite linear;content: "";}
@keyframes border_ch { 0%, 100% { transform: translate(-50%, -50%) scale(1.2); } 50% { transform: translate(-50%, -50%) scale(0.7); }}
@-webkit-keyframes border_ch { 0%, 100% { transform: translate(-50%, -50%) scale(1.2); } 50% { transform: translate(-50%, -50%) scale(0.7); }}
li.country_name_style small { position: absolute; height: 50px; width: 50px; left: 3px; bottom: 22px; pointer-events: none; z-index: -1; opacity: 0; transition: all 0.4s;}
li.country_name_style:hover small,
li.country_name_style.active small { bottom: 4px; opacity: 1;}
li.country_name_style small:before,
li.country_name_style small:after { content: ""; display: block; position: absolute; top: 0; animation: manufacturingBorder 0.7s infinite linear; background-color: transparent; pointer-events: none; z-index: 0; left: 0;}
li.country_name_style small:before {height: calc(100% + calc(0% + 0px));background-image: linear-gradient(-180deg, #2f3e72 50%, #00000000 50%);background-size: 1px 11px;width: 2px;}
li.country_name_style small:after {width: calc(100% + calc(0% + 0px));background-image: linear-gradient(90deg, #2f3e72 50%, #00000000 50%);background-size: 11px 1px;height: 2px;}

.components{ margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; position: relative;}
.components li{padding: 6px 20px 6px 35px;margin: 0px 0px 0px 0px;position: relative;list-style: none;font-size: 17px;font-weight: 500;color: #444;}
.components li::before{content: '';display: block;position: absolute;left: 0;top: 8px;width: 23px;height: 23px;background: #F8B901 url(../img/point-arrow.svg) no-repeat;border-radius: 5px;background-position: center;}
.components li strong{ display:block; margin:0px 0px 10px 0px;}

.why-points{ margin: 0px 0px 35px 0px; padding: 0px 0px 0px 0px; position: relative;}
.why-points li{padding: 6px 20px 6px 35px;margin: 0px 0px 0px 0px;position: relative;list-style: none;font-size: 17px;font-weight: 500;color: #444;}
.why-points li::before{content: '';display: block;position: absolute;left: 0;top: 8px;width: 23px;height: 23px;background: #2f3e72 url(../img/point-arrow.svg) no-repeat;border-radius: 5px;background-position: center;}

.career-page{ margin: 0px 0px 0px 0px; padding: 50px 0px; position: relative;}
.career-brief{ padding: 0px 0px 0px 0px; margin: 20px 20px 0px 20px; position:sticky; top: 120px;}
.career-brief h2 { font-size: 40px; color: #2f3e72; font-weight: 500; position: relative;}
.career-brief h2:before{content: '';display: block;position: absolute;top: -40px;left: 0;width: 33px;height: 33px;background: url(../sub-images/quote.png) no-repeat;background-size: contain;}
.career-brief p{ font-size: 17px; color: #444; font-weight: 500;}

.career-inner{margin: 0px 0px 0px 0px;padding: 0px 30px;position: relative;}
.career-top{ max-width: 1330px; margin: 0px auto; padding: 50px 0px; position: relative; text-align: center;}
.career-top h2{ font-size: 36px;font-weight: 500; color: #2f3e72; line-height: 1.4; margin: 0px 0px 20px 0px;}
.career-top p { color: #444; font-size: 17px; font-weight: 500; line-height: 28px;}
.career-part{ margin: 0px 0px 50px 0px; padding: 0px 0px; position: relative;}

.career-opportunity { padding: 20px; border: 1px solid #DBDBDB; margin: 0px 0px 0px 0px; position: relative; border-radius: 5px; height: 100%;}
.career-opportunity h3{font-size: 22px;font-weight: 500;color: #2f3e72;line-height: 1.4;margin: 0px 0px 15px 0px;}
.career-opportunity a{position: absolute;top: 15px;right: 15px;padding: 5px 15px;text-decoration: none;background: #f8b901;color: #2f3e72;border-radius: 5px;font-size: 14px;font-weight: 500;}
.career-opportunity .career-table{ margin: 0px 0px 0px 0px; position: relative; overflow-x: auto;}
.career-opportunity .career-table tr{ display: block; padding: 0px 0px; margin: 0px 0px 0px 0px; border-bottom: 1px dashed #dbdbdb; position: relative;}
.career-opportunity .career-table tr:last-child{ border: none;}
.career-opportunity .career-table tr td{ padding: 10px 20px;}
.career-opportunity .career-table tr td:first-child{min-width: 200px;background: linear-gradient(90deg, rgb(243 243 243 / 75%) 0%, rgba(255, 255, 255, 1) 100%);}

#career-form-section{padding: 50px 30px;margin: 0px 0px 50px 0px;position: relative;background: #2f3e72;scroll-margin-top: 70px;}
.career-form{margin: 0px 0px 0px 0px;padding: 50px 50px;position: relative;background: #fff;border-radius: 5px;}
.career-form h2{font-size: 30px;font-weight: 500;color: #2f3e72;line-height: 1.4;margin: 0px 0px 20px 0px;text-align: center;}
.career-form .form-group{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.career-form .form-group input{ font-size: 15px; color: #444; display: block; padding: 15px 15px; border: 1px solid #dbdbdb; width: 100%; border-radius: 5px; box-shadow: none; outline: none;}
.career-form .form-group select{ font-size: 15px; color: #444; display: block; padding: 15px 15px; border: 1px solid #dbdbdb; width: 100%; border-radius: 5px; box-shadow: none; outline: none;}
.career-form .form-group textarea{ font-size: 15px; color: #444; display: block; padding: 15px 15px; border: 1px solid #dbdbdb; width: 100%; height: 150px; border-radius: 5px; box-shadow: none; outline: none; resize: none;}
.career-form .form-group .file-drop-area {margin-top: 0;padding:10px 15px;width: 100%;height: 150px;border: 1px dashed #bdbdbd;border-radius: 10px;position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;transition: 0.2s;}
.career-form .form-group .file-drop-area.is-active {background: rgb(245 123 41 / 5%); }
.career-form .form-group .file-drop-area .fake-btn {margin: 0 0 10px 0;padding: 8px 25px;background: #f8b901;border-radius: 26px;font-size: 12px;color: #2f3e72;letter-spacing: 1.5px;text-transform: uppercase;flex-shrink: 0;font-weight: 500;}
.career-form .form-group .file-drop-area .file-msg {width: 100%;font-size: 16px;font-weight: 400;color: #c1c0c0;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.career-form .form-group .file-drop-area .file-input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.career-form .form-group .file-drop-area .file-input:focus {outline: none; }
.career-form .form-group .submit{text-transform: uppercase;font-weight: 600;font-size: 16px;margin: 0px auto;text-align: center;padding: 15px 100px;display: block;color: #fff;background: #2f3e72;border: none;box-shadow: none;width: fit-content;border-radius: 5px;}

.contact-information{ margin: 0px 0px 60px 0px; padding: 0px 0px 0px 0px; position: relative;}
.contact-top{padding: 50px 0px 25px 0px;/* display: flex; */justify-content: space-between;flex-wrap: wrap;}
.contact-left{margin: 0px 50px 20px 0px;padding: 0px 0px 0px 0px;}
.contact-top h2{font-size: 40px;color: #2f3e72;font-weight: 500;position: relative;}
.contact-top h2:before{content: '';display: block;position: absolute;top: -40px;left: 0;width: 33px;height: 33px;background: url(../sub-images/quote.png) no-repeat;background-size: contain;}
.right-contact-top{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;position: relative;max-width: 630px;}
.right-contact-top p{margin: 15px 0px 30px 0px;font-size: 18px;color: #444;font-weight: 500;line-height: 28px;}
.contact-middle { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}
.contact-data {padding: 30px 30px;border-left: 1px solid #e1e1e1;border-radius: 10px;height: 100%;background: linear-gradient(90deg, rgb(243 243 243 / 75%) 0%, rgba(255, 255, 255, 1) 100%);}
.contact-data h3 { font-size: 22px; font-weight: 600; color: #2f3e72; margin: 0px 0px 15px 0px;}
.contact-data span{display: block;margin: 0px 0px 20px 0px;width: 50px;height: 50px;background: #f8b901;line-height: 50px;text-align: center;border-radius: 50px;}
.contact-data span img {max-width: 25px;}
.contact-data p{margin: 0px 0px 15px 0px;font-size: 17px;color: #444;font-weight: 500;}
.contact-data p strong{margin: 0px 0px 5px 0px;display: block;font-weight: 700;color: #444;}
.contact-data a{ font-size: 17px; color: #444; display: block; text-decoration: none; margin: 0px 0px 10px 0px;}
.contact-data a.view-btn{padding: 3px 15px;background: #2f3e72;color: #fff;font-weight: 500;font-size: 14px;width: fit-content;border-radius: 5px;}

.contact-middle-part{ margin: 0px 30px 30px 30px; padding: 30px 15px 50px 15px; background: #2f3e72; border-radius: 10px; position: relative; z-index: 1; scroll-margin-top: 70px;}
.contact-title{ margin: 0px 0px 0px 0px; padding: 50px 0px 0px 0px; position: relative;}
.contact-title h2{ font-size: 35px; color: #fff; margin: 0px 0px 10px 0px;}
.contact-title p{ font-size: 17px; color: #fff; margin: 0px 0px 50px 0px;}
.contact-form{ margin: 0px 0px 35px 0px; padding: 0px 0px 0px 0px; position: relative;}
.contact-form .form-group{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.contact-form label{display: block;font-size: 16px;color: #fff;margin: 0px 0px 10px 25px; letter-spacing: 1px;}
.contact-form input{ padding: 15px 25px; border: 2px solid #ffffff85; color: #fff; font-size: 17px; width: 100%; border-radius: 10px; background: transparent; transition: all .4s linear;}
.contact-form textarea{ padding: 15px 25px; border: 2px solid #ffffff85; color: #fff; font-size: 17px; width: 100%; height: 150px; border-radius: 10px; background: transparent; transition: all .4s linear;}
.contact-form input::placeholder, .contact-form textarea::placeholder{ font-size: 15px; color: #fff; opacity: .35;}
.contact-form .submit{ padding: 15px 65px; background: #F8B901; color: #444; font-size: 17px; font-weight: 600; border-radius: 10px; border: none; box-shadow: none; outline: none;}
.contact-form input:focus, .contact-form textarea:focus{border-color: #fff; outline: none;}

.contact-map-part{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}
.contact-map-part .offcanvas{ height: 50vh;}
.contact-map-part .offcanvas .btn-close{position: absolute;right: 15px;top: -40px;z-index: 1;filter: invert(1);opacity: 1;font-size: 20px; outline: none; box-shadow: none;}
.contact-map{ width: 100%; height: 100%; position: relative;}
.enquire-btn { position: fixed; left: 0; bottom: 10px; z-index: 2;}
.enquire-btn a { padding: 20px 10px; background: #f8b901; color: #444; font-size: 14px; font-weight: 600; text-decoration: none; writing-mode: vertical-lr; transform: rotate(-180deg); text-transform: uppercase; letter-spacing: 1px;}
.services-btn {position: fixed;bottom: 2%;background: #f8b901;border-radius: 100%;left: 1%;z-index: 11;}
.testimonials_round { height: 130px; width: 130px; background: #f8b901; border-radius: 100%; display: block; position: relative;} 
.testimonials_round_clip { border-radius: 100%; max-width: 115px; max-height: 115px; margin: 0; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; padding: 1px; display: inline-block; width: 100%; height: 100%; background: #f8b901; position: absolute;}
.testimonials_round_clip svg { fill: #000; animation: rotate_text 18s infinite linear;}
.testimonials_round_clip img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 100%; height: calc(100% - 65px); width: calc(100% - 65px);}
@keyframes rotate_text { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); }}
@-webkit-keyframes rotate_text { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); }}
.testimonials_round_clip svg path#circlePath { fill: #f8b901;}
.testimonials_round_clip text textPath { font-weight: 500; font-size: 12px; word-spacing: 4.8px; text-transform: uppercase; letter-spacing: 0.7px; color: #444;}
.quality_assurance_inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.quality_assurance_inner .main_title { width: calc(100% - 170px);}
.testimonials_round span.center_icon { display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: 54px; height: 54px; background: #fff; border-radius: 100%; padding: 0px; transition: all 0.4s;}
.testimonials_round span.center_icon img { object-fit: contain;}
.testimonials_round_clip:before { content: ""; position: absolute; height: calc(100% - 42px); width: calc(100% - 42px); left: 50%; top: 50%; transform: translate(-50%, -50%); background: #f8f8f2; border-radius: 100%; z-index: 1;}
.testimonials_round:hover span.center_icon { background: #fff;}
.services-panel { /* display: none; */ position: absolute; bottom: 83%; right: 0px; margin: auto; max-width: 320px; padding: 25px; background: #f8b901; z-index: 1; border-radius: 15px; opacity: 0; visibility: hidden; transform: translateY(50px); transition: all .4s linear;}
.services-panel.show { /* display: block; */ opacity: 1; visibility: visible; transform: translateY(0);}

.services-panel ul { margin: 0px 0px; padding: 0px 0px; position: relative;}
.services-panel ul li{ list-style: none;}
.services-panel ul li a{font-size: 16px;color: #444;padding: 7px 10px;transition: all ease 0.5s;opacity: .85;font-weight: 500;}
.services-panel ul li a:hover{ transform: translateX(5px); opacity: 1; color: #fff;}

#under-construction-page{padding: 175px 15px; margin: 0px 0px 0px 0px; position: relative;}
.under-construction{text-align: center;text-shadow: 4px 3px 3px rgb(0 0 0 / 18%);text-transform: uppercase;}
.under-construction h3{font-size: 36px;color: #f8b901;font-weight: 600;margin: 0px 0px 10px 0px;}
.under-construction h2{font-size: 30px;color: #444;font-weight: 600;}


#error-page{ padding: 80px 10px; margin: 0px 0px 0px 0px; position: relative;}
.error-box{width: 100%;max-width: 800px;margin: 0px auto;padding: 35px 35px;position: relative;text-align: center;border: 2px solid #2f3e72;border-radius: 15px;}
.error-box span{width: 75px;height: 75px;background: #f8b901;border-radius: 75px;display: block;margin: 0px auto 20px auto;line-height: 75px;}
.error-box span img{width: 35px;height: 35px;filter: invert(1);}
.error-box h2{font-size: 36px;color: #2f3e72;font-weight: 600;text-transform: uppercase;margin: 0px 0px 25px 0px;padding: 0px 0px 20px 0px;border-bottom: 1px solid #ccc;}
.error-box h3.high-font{font-size: 100px;font-weight: 900;margin: 0px 0px 0px 0px;color: #f8b901;text-shadow: 4px 4px 0px rgb(0 0 0 / 11%);letter-spacing: 3px;}
.error-box p{ font-size: 17px; color: #444; font-weight: 500; margin: 0px 0px 25px 0px;}
.error-box a{padding: 7px 25px;display: inline-block;background: #f8b901;color: #fff;text-decoration: none;border-radius: 25px;}

/* 28-09-2026 */

.infrastructure-slider-part{margin: 0px 0px 0px 0px; padding:0px 0px 50px 0px; position: relative; z-index: 1;}
/* .infrastructure-slider-part::before{content: ''; position: absolute; left: 0; top: 0; height: 65%; background: #2F3E72; margin: auto; width: calc(100% - 60px); display: block; right: 0; border-radius: 15px 15px 0px 0px; z-index: -1;} */
.slider-brief{margin: 0px 0px;padding: 0px 0px;position: relative;max-width: 1200px;}
.slider-brief p{font-size: 20px;color: #fff;font-weight: 500;margin: 0px 0px 30px 0px;line-height: 34px;}

.infrastructure-page{padding: 50px 10px 20px 10px; margin: 0px 0px 0px 0px; position: relative;}
.infrastructure-page h2{ font-size: 50px; color: #2f3e72; margin: 0px 0px 30px 0px;}
.infra-brief{margin: 0px 0px 30px 0px; padding: 0px 0px; position: relative;}

.infra-slider{margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.infra-slider .item{margin: 0px 0px 0px 0px; border-radius: 10px; overflow: hidden;}
.infra-slider .item a{display: block; position: relative; overflow: hidden; z-index: 1;}
.infra-slider .item a::before{ content: ''; display: block; position: absolute; right: 35px; bottom: 10px; width: 50px; height: 50px; background: #f8b901; border-radius: 5px; background-image: url(../img/arrow.svg); background-repeat: no-repeat; background-position: center; z-index: 1; transition: all .4s linear; opacity: 0;}
.infra-slider .item a:hover::before{ bottom: 35px; opacity: 1;}
.infra-slider .item a img{ transition: all .4s linear;}
.infra-slider .item a:hover img{transform: scale(1.1);}

.photo-gallery { margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; overflow: hidden; border-radius: 10px;}
.photo-gallery a{position: relative; display: block;}
.photo-gallery img{width: 100%; min-height: 250px; max-height: 250px; object-fit: cover; }
.photo-gallery a::before{ content: ''; display: block; position: absolute; right: 35px; bottom: 10px; width: 50px; height: 50px; background: #f8b901; border-radius: 5px; background-image: url(../img/arrow.svg); background-repeat: no-repeat; background-position: center; z-index: 1; transition: all .4s linear; opacity: 0;}
.photo-gallery a::after{content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgb(0 0 0 / 20%);}
.photo-gallery a:hover::before{ bottom: 35px; opacity: 1;}
.photo-gallery a img{ transition: all .4s linear;}
.photo-gallery a:hover img{transform: scale(1.1);}

.video-gallery{margin: 0px 0px 0px 0px;}
.video-gallery a{position: relative; display: block;}
.video-gallery h2{font-size: 36px;color: #ffffff;font-weight: 600;margin: 0px 0px 25px 0px;padding: 0px 0px 20px 0px;border-bottom: 1px solid #cccccc29;}
.video-gallery p{font-size: 17px;color: #ffffffb3;font-weight: 500;margin: 0px 0px 25px 0px;}

.youtube-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px;}
.youtube-card { position: relative; overflow: hidden; border-radius: 10px; background: #000; cursor: pointer; aspect-ratio: 16 / 9;}

.youtube-thumb,
.youtube-card iframe { width: 100%; height: 100%; display: block;}
.youtube-thumb { position: relative;}
.youtube-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease;}
.youtube-card:hover img { transform: scale(1.05);}
.play-btn { position: absolute; top: 50%; left: 50%; width: 45px; height: 45px; transform: translate(-50%, -50%); background: #1f1f1fc2; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 15px; padding-left: 3px;}
@media (max-width: 767px) { 
    .youtube-gallery { grid-template-columns: 1fr; }
}

.infrastructure-gallery {
    padding: 25px; margin: 0px 0px 30px 0px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Desktop Tabs */
.tab-buttons {
    display: flex;
    gap: 10px;
    margin: 0px auto 25px auto;
    background: #f5f5f5;
    width: fit-content;
    justify-content: center;
    padding: 5px;
    border-radius: 10px;
}

.tab-btn {
    border: 0;
    background: transparent;
    padding: 8px 25px;
    cursor: pointer;
    font-size: 17px;
    border-radius: 10px;
    font-weight: 500;
    color: #444;
}

.tab-btn.active {
    background: #f8b901;
    color: #444;
}

.tab-item {
    display: none;
}

.tab-item.active {
    display: block;
}

.tab-title {
    display: none;
}

.tab-panel {
    padding: 0px 0;
}


/* Mobile Accordion */
@media (max-width: 767px) {
    .infrastructure-gallery{padding: 0px 0px;}
    .tab-buttons {
        display: none;
    }

    .tab-item {
        display: block;
        border-bottom: 1px solid #ddd;
    }

    .tab-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 15px;
        cursor: pointer;
        font-weight: 600;
        position: relative;
    }

    .tab-title::after {
        content: "+";
        font-size: 22px;
        transition: 0.3s ease;
    }

    .tab-item.active .tab-title::after {
        content: "−";
    }

    .tab-panel {
        display: none;
        padding: 0 15px 20px;
    }

    .tab-item.active .tab-panel {
        display: block;
    }
}


/* 29.09.2026 */
.industries-modal{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.industries-modal .offcanvas{width: calc(100% - 20px); height: auto; max-width: 1000px; margin: 20px; border-radius: 10px;}
.industries-modal .offcanvas button.btn-close { font-size: 24px; font-weight: 400; margin: 0px 0px 0px 0px; position: absolute; right: 20px; top: 20px;}
.industries-body{ padding: 25px 25px;}
.industries-body h3{font-size: 32px;font-weight: 600;margin: 0px 0px 20px 0px;color: #2f3e72;}
.industries-body h3 small{ display: block; font-size: 18px; line-height: 28px;}
.industries-body h4{font-size: 20px;color: #2f3e72;font-weight: 600;margin: 0px 0px 10px 0px;}
.industries-body p{ font-size: 17px; color: #444; font-weight: 500; margin: 0px 0px 30px 0px;}

.industries-slider-part{padding: 25px;border: 1px solid #ccc;border-radius: 15px;position: sticky;top: 20px;}
.industries-products{display: flex; flex-wrap: wrap;}
.industries-pro{margin: 0px 20px 30px 0px; position: relative; display: block;transition: all 0.5s;}
.industries-pro a img{transition: all 0.5s;}
.industries-pro a::before { content: ''; display: block; position: absolute; right: 8px; bottom: 2px;width: 26px;height: 26px;background: #f8b901; border-radius: 5px;background-image: url(../img/arrow.svg); background-repeat: no-repeat;background-position: center;z-index: 1;transition: all .4s linear;opacity: 0;background-size: 12px 12px;}
.industries-pro a:hover::before {bottom: 8px;opacity: 1;}
.industries-pro a:hover img {transform: scale(1.1);}

.industries-slider-part .owl-nav{position: absolute;bottom: 0;right: 0;left: 0;margin: auto;text-align: center;}
.industries-slider-part .owl-nav span { font-size: 40px; opacity: .5;}