#inner-page-top{ margin: 0px 0px; padding:175px 0px 50px 0px; position: relative; background: #34312F;}
#inner-page-top::before{ content: ''; display: block; position: absolute; top: 0; left: 0; background: url(../img/intro-bg.svg) no-repeat; background-size: cover; width: 100%; height: 100%; mix-blend-mode: multiply; opacity: .95;}
.inner-main-title{ padding: 0px 80px; margin: 0px 0px 0px 0px; position: relative;}
.inner-main-title h1{ font-size: 50px; color: #fff; text-align: center; font-weight:300;} 
.breadcrumbs-page{ margin: 0px auto 0px auto; padding: 0px 0px; position: relative; text-align: center;}
.breadcrumbs-page li{ font-size: 16px; color: #ffffff66; list-style: none; display: inline-block; padding: 0px 15px; border-right: 1px solid ;}
.breadcrumbs-page li a{ color: #fff; text-decoration: none;}
.breadcrumbs-page li:last-child{ border: none; padding-right: 0;}

#contact-banner{margin: 0px 0px 0px 0px;/* padding: 150px 0px; */position: relative;background: url(../sub-img/contact-banner.jpg);background-position: center; background-size: cover; overflow: hidden;}
#contact-banner::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2B2927; opacity: .35;}

#management-banner{margin: 0px 0px 0px 0px;/* padding: 150px 0px; */position: relative;background: url(../sub-img/management-banner.jpg);background-position: center; background-size: cover; overflow: hidden;}
#management-banner::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2B2927; opacity: .35;}
/********************Custom-parallex-effect************/

#infrastructure-banner{margin: 0px 0px 0px 0px;/* padding: 150px 0px; */position: relative;background: url(../sub-img/infrastructure-banner.jpg);background-position: center; background-size: cover; overflow: hidden;}
#infrastructure-banner::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2B2927; opacity: .35;}
/********************Custom-parallex-effect************/

#about-banner{margin: 0px 0px 0px 0px;/* padding: 150px 0px; */position: relative;background: url(../sub-img/about-banner.jpg);background-position: center; background-size: cover; overflow: hidden;}
#about-banner::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2B2927; opacity: .35;}
/********************Custom-parallex-effect************/

#duck-type-plant-banner, .parallax-item{margin: 0px 0px 0px 0px;/* padding: 150px 0px; */position: relative;background: url(../sub-img/ductile_iron_pipe.jpg);background-position: center; background-size: cover; overflow: hidden;    background-size: calc(100% + 270px);}
#duck-type-plant-banner::before, .parallax-item::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2B2927; opacity: .35;}
/********************Custom-parallex-effect************/

#core-values-section{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; background: #f5f5f5;}
.quality-section{ padding: 80px 80px; margin: 0px 0px 0px 0px; position: relative;}
.quality-para{ margin: 0px 0px 0px 0px; padding:35px 0px 0px 45px; position: relative;}
.quality-para p.large-text{font-size: 30px; font-family: "Vend Sans", sans-serif; font-weight: 300; color: #444444; line-height: 1.4;}
.quality-para h3{font-size: 30px; font-family: "Vend Sans", sans-serif; font-weight: 300; color: #444444; line-height: 1.4;}
.quote{margin: 50px 0px;padding: 30px 45px 30px 55px;position: relative;border: 1px dashed #B5B5B5;border-radius: 30px;border-left: none;}
.quote::before{content: '';display: block;position: absolute;left: -5px;top: 10px;background: url(../sub-img/double-quotes.svg) no-repeat;background-size: contain;width: 40px;height: 40px;transform: rotate(180deg);}
.quote p{ font-size: 17px; margin: 0px 0px 5px 0px; padding: 0px 0px; position: relative;}
.quote h6{ font-size: 30px; font-family: "Vend Sans", sans-serif; font-weight: 300; color: #444444; line-height: 1.4; margin: 0px 0px 0px 0px;}

.quality-points{ margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; position: relative;}
.quality-points li{ list-style: none; margin: 0px 0px 0px 0px; padding: 30px 0px 30px 80px; border-bottom: 1px solid #B5B5B5; font-size:17px; color:#444;}
.quality-points li span{ position: absolute; left: 0;}

.certi-img { position: sticky; top: 35px;}
.certi-img a{ position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px; background: #444; display: block;}
.certi-img a img{ transition: all ease 0.5s;}
.certi-img a::before{content: '';display: block;position: absolute;bottom:0;left: 0;right: 0; top: 0; width: 54px;height: 54px;background: #FF9204;border-radius: 50px;z-index: 1;margin: auto; border: 7px solid #D7D7D7; opacity: 0; transition: all ease 0.5s;}
.certi-img a::after{content: '';display: block;position: absolute;bottom: 0px;left: 0;right: 0; top: 0; background: url(../img/arrow.svg) no-repeat;width: 21px;height: 17px;z-index: 111;filter: brightness(0) invert(1);margin: auto;background-size: contain;transform: rotate(-45deg) translateX(0px); transition: all ease 0.5s; opacity: 0;}
.certi-img a:hover img{ opacity: .35; filter: grayscale(1);} 
.certi-img a:hover::before, .certi-img a:hover::after{ opacity: 1;}

.inner-page{display: flex;/* padding: 0px 80px; */flex-direction: column;justify-content: space-evenly;flex-wrap: wrap;}
.inner-page-top{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.inner-page-dark{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;position: relative;display: flex;}
.inner-page-dark li{ list-style: none; width: 12.5%; height: 40px; display: flex;}
.inner-page-dark li.dark-brown{ background: #33302E;}
.inner-page-dark li.light-brown{background: #33302E; opacity: .25;}
.inner-page-dark li.transparent-10{ background: #33302E; opacity: .10;}
.inner-page-dark li.transparent-bg{ background: transparent;}

.inner-page-middle{ margin: 0px 0px 0px 0px; padding: 80px 80px; position: relative;}
.inner-page-middle h2{ font-size: 50px; color: #fff;}

.inner-page-bottom{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.inner-page-white{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;position: relative;display: flex;}
.inner-page-white li{ list-style: none; width: 12.5%; height: 40px; display: flex;}
.inner-page-white li.white-bg{ background: #fff;}
.inner-page-white li.white-bg-10{ background: #fff; opacity: .10;}
.inner-page-white li.white-bg-20{ background: #fff; opacity: .20;}
.inner-page-white li.white-bg-25{ background: #fff; opacity: .25;}
.inner-page-white li.white-bg-35{ background: #fff; opacity: .35;}
.inner-page-white li.white-transparent{ background:transparent; opacity: .25;}

#management-team{ margin: 0px 0px 0px 0px; padding: 80px 80px; position: relative; background:#fbfbfb;}
.management-inner{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap;}
.management-paragraph{ max-width: 1075px; margin: 0px 0px 0px 0px;}
.management-paragraph p{ font-size: 17px; color: #444; font-weight: 500; margin: 0px 0px 25px 0px;}
.management-paragraph p.large-text{ font-size: 30px; font-family: "Vend Sans", sans-serif; font-weight: 300; color: #444444; line-height: 1.4;}
.team-photo{ margin: 0px 0px 30px 0px; position: relative;}

#directors-section{ padding: 80px 0px 0px 0px; margin: 0px 0px 0px 0px; position: relative; background: #f5f5f5;}
.directors-data{ padding: 0px 80px;}

.director-profile{margin: 0px 0px 50px 0px;padding: 0px 0px 25px 0px;position: relative;}

.director-profile h2{font-size: 35px; font-family: "Vend Sans", sans-serif; color: #444444; font-weight: 300; margin: 0px 0px 30px 0px;}
.director-profile p{font-size: 17px; color: #444; font-weight: 500; margin: 0px 0px 25px 0px;}
.director-profile p.large-text{ font-size: 30px; font-family: "Vend Sans", sans-serif; font-weight: 300; color: #444444; line-height: 1.4; position: relative; padding: 50px 0px 0px 0px;}
.director-profile p.large-text::before{content: '';display: block;position: absolute;left: 0;top: 0;background: url(../sub-img/double-quotes.svg) no-repeat;background-size: contain;width: 40px;height: 40px;transform: rotate(180deg);} 
.director-profile small{ color: #FF9204; font-size: 18px; display: block; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; position: relative;}
.director-img{ max-width: 550px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; top: 0px; z-index: 1;}
.director-img::before{content: '';display: block;position: absolute;bottom: -60px;width: 100%;height: 30%;background: #f5f5f5;transform: rotate(-8deg);border-top: 2px solid #ccc;}
.director-img h3{position: absolute;bottom: 15px;left: 0;right: 0;transform: rotate(-8deg);z-index: 1;text-align: center;font-size: 40px;font-family: "Vend Sans", sans-serif;color: #444444;font-weight: 300;}
.director-img.anil{ position:relative; top: 0px;}
.director-img.anil::before{ background: #fff;}

.director-profile .read-more a{ color: #444;}
.directors-data.white-bg{ padding: 80px 80px 0px 80px; background: #fff;}

#infrastructure-gallery{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.gallery-data{ padding: 0px 80px 80px 80px; margin: 0px 0px 0px 0px; position: relative;}
.infra-gallery{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; border-radius: 5px; overflow: hidden;}
.infra-gallery a{ display: block; position: relative; z-index: 1;}
.infra-gallery a::after{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:linear-gradient(3deg, rgb(0 0 0 / 44%) 0%, rgb(0 0 0 / 0%) 100%); border-radius: 5px;}
.infra-gallery img{ width:100%; max-height:265px; min-height:265px; object-fit:cover; object-position:center; border-radius: 5px; transition: all ease 0.5s;}
.infra-gallery:hover img{ transform: scale(1.1);}

#turnkey-solution-section{ padding: 80px 0px; margin: 0px 0px 0px 0px; position: relative; overflow: hidden;}
.turnkey-top{ max-width: 1400px; padding: 0px 80px; margin: 0px auto 50px auto; position: relative; text-align: center;}
.turnkey-top h2{font-size: 30px; font-family: "Vend Sans", sans-serif; font-weight: 300; color: #444444; line-height: 1.4; margin: 0px 0px 20px 0px;}
.turnkey-top p{ color: #444; font-size: 17px; font-weight: 500;}

.turnkey-step{ max-width: 1500px; margin: 0px auto 0px auto; padding: 0px 80px 0px 80px; position: relative; text-align: center;}
.turnkey-step p{ text-align: center; color: #444; font-size: 17px; font-weight: 500;}
.turnkey-step-box{padding: 50px 50px 50px 50px; margin: 0px auto 30px auto; position: relative; border: 1px solid #DBDBDB; border-radius: 5px; text-align: center;}
.turnkey-step-box h3{font-size: 30px; font-family: "Vend Sans", sans-serif; font-weight: 300; color: #444444; line-height: 1.4;}
.turnkey-step-box span{ display: block; margin: 0px 0px 30px 0px;}
.turnkey-step-box span img{ max-width: 120px;}

#project-info{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}
.project-content{ padding: 50px 50px; margin: 0px 0px; position: relative; max-width: 950px;}
.project-content h2{font-size: 50px; font-family: "Vend Sans", sans-serif; color: #444444; font-weight: 300; margin: 0px 0px 20px 0px;}
.project-content p{color: #444; font-size: 17px; font-weight: 500; margin: 0px 0px 25px 0px;}

.project-img{ margin: 0px 0px; padding: 0px 0px; position: relative; height: 100%;}
.project-img img{ width: 100%; height: 100%; object-fit: cover;}

#product-main{ padding: 80px 80px; margin: 0px 0px 0px 0px; position: relative;}
.product-top{ padding: 0px 0px; margin: 0px auto 50px auto; position: relative;}
.product-top h2{margin: 0px 0px 20px 0px;}
.product-top p{ color: #444; font-size: 17px; font-weight: 500;}
.product-top p.large-text{font-size: 30px; font-family: "Vend Sans", sans-serif; font-weight: 300; color: #444444; line-height: 1.4;}

.product-range{ display: block; margin: 35px 0px 35px 0px; position: relative;}
.product-range h3{font-size: 30px; font-family: "Vend Sans", sans-serif; font-weight: 300; color: #444444; line-height: 1.4;}

.product-list{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;position: relative;}
.product-list li{list-style: none;padding: 12px 20px 12px 30px;position: relative;color: #444;font-size: 17px;font-weight: 500;border-bottom: 1px solid #dbdbdb;}
.product-list li::before {content: '';display: block;position: absolute;left: 3px;top: 18px;width: 15px;height: 15px;background: #fff;border: 5px solid #ff9204;border-radius: 50px;}
.product-list li:last-child{ border: none;}

.product-right{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}
.product-right p{ margin: 0px 0px 30px 0px; font-size: 17px; font-weight: 500;}
.product-right .read-more a{ color: #444; font-weight: 500;}
.product-right .read-more a:hover{ color: #fff;}

#product-range-section{ margin: 0px 0px 0px 0px; padding: 80px 0px 80px 0px; position: relative;}
#product-range-section::before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/welcome-bg.jpg) no-repeat;z-index: -1;background-size: cover; background-position: right; transform: rotate(180deg);mix-blend-mode: luminosity;opacity: .25;}

.product-range{ padding: 0px 0px 0px 0px;}
.product-range h2{font-size: 30px; font-family: "Vend Sans", sans-serif; color: #444444; font-weight: 300; margin: 0px 0px 20px 0px;}

.product-img{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: sticky; top: 30px;}
.product-img img{ border-radius: 5px;}

#related-products{ padding: 0px 0px; margin: 0px 0px 0px 0px; position: relative;}
.related-gallery{ margin: 0px 0px 4px 0px; padding: 0px 0px 0px 0px; position: relative;}
.related-gallery h2{font-size: 50px; font-family: "Vend Sans", sans-serif; font-weight: 300; color: #444444; line-height: 1.4; margin: 0px 0px 30px 0px; text-align: center;}
#related-products.export-gallery .related-gallery .item img{ max-height: 230px; height:auto !important; object-fit: cover;}
.related-gallery .item img{ max-height: 245px; height:245px; object-fit: cover;}
/*.gallery-slider .item img{ max-height: 200px; object-fit: cover; min-height: 200px; width: 100%;}*/

#global-banner{margin: 0px 0px 0px 0px;/* padding: 150px 0px; */position: relative;background: url(../sub-img/global-banner.jpg);background-position: center; background-size: cover; overflow: hidden;}
#global-banner::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2B2927; opacity: .35;}
/********************Custom-parallex-effect************/
#export-page{ padding: 80px 80px; margin: 0px 0px; position: relative;}
/* ======= 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: #5e5e5e; background: #5e5e5e; left: 50%; top: 50%; z-index: 0; transform: translate(-50%, -50%);}
.country_name_style.india:before { background: #5e5e5e;}
.country_name_style.india:after { border-color: #5e5e5e;}
.india { top: 46%; left: calc(68% + 3px);}
.sweden { top: 20%; left: 50.7%;}
.germany { top: 29%; left: 49.5%;}
.italy { top: 34.5%; left: 50%;}
.uk { top: 26.5%; left: 45.8%;}
.nepal { top: 44.5%; left: 70%;}
.vietnam { top: 50.5%; left: 76%;}
.srilanka { top: 55.7%; left: 69.2%;}
.netherland { top: 28.4%; left: 48%;}
.indonesia { top: 60.5%; left: 78.9%;}
.australia { top: 75%; left: 85%;}
.africa { top: 52%; left: 51%;}
.saudiarabia { top: 46%; left: 59%;}
.uae { top:45.8%; left: 60.6%;}
.europe{ top: 30%; left: 49%;}
.denmark { top: 25%; left: 49%;}
.switzerland { top: 32%; left: 48.7%;}
.bangladesh {top: calc(46% + 5px);left: 71.5%;}
.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: -125px;left: 46px;background: #444;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: -107px; 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 #5e5e5e; 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: 100px; 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, #444444 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, #444444 50%, #00000000 50%);background-size: 11px 1px;height: 2px;}


#career-banner{margin: 0px 0px 0px 0px;/* padding: 150px 0px; */position: relative;background: url(../sub-img/career-banner.jpg);background-position: center; background-size: cover; overflow: hidden;}
#career-banner::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2B2927; opacity: .35;}
/********************Custom-parallex-effect************/

#career-page{padding: 0px 0px 75px 0px; margin: 0px 0px 0px 0px; position: relative; background: #fff; z-index: 1;}
.career-inner{ margin: 0px 0px 0px 0px; padding: 0px 80px; position: relative;}
.career-top{ max-width: 1400px; margin: 0px auto; padding: 80px 0px; position: relative; text-align: center;}
.career-top h2{ font-size: 30px; font-family: "Vend Sans", sans-serif; font-weight: 300; color: #444444; line-height: 1.4; margin: 0px 0px 20px 0px;}
.career-top p { color: #444; font-size: 17px; font-weight: 500;}

.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-family: "Vend Sans", sans-serif; font-weight: 300; color: #444444; 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: #FF9204;color: #fff;border-radius: 5px;}
.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: #f5f5f5;}

#career-form-section{ padding: 80px 80px; margin: 0px 0px 0px 0px; position: relative; background: #f5f5f5;}
.career-form{margin: 0px 0px 0px 0px;padding: 50px 50px;position: relative;background: #fff;border-radius: 5px;}
.career-form h2{font-size: 30px; font-family: "Vend Sans", sans-serif; font-weight: 300; color: #444444; 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: #ff9204;border-radius: 26px;font-size: 12px;color: #fff;letter-spacing: 1.5px;text-transform: uppercase;flex-shrink: 0;}
.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: #2B2927;border: none;box-shadow: none;width: fit-content;border-radius: 5px;}

#contact-page{ padding: 75px 0px; margin: 0px 0px 0px 0px; position: relative; background: #fff; z-index: 1;}
#contact-page::before{content: '';display: block;position: absolute;top: 0;left: 0;width: 50%;height: 100%;background: url(../img/welcome-bg.jpg) no-repeat;z-index: -1;background-size: cover; background-position: right; transform: rotate(180deg);mix-blend-mode: luminosity;opacity: .25;}
#contact-page::after{content: '';display: block;position: absolute;top: 0;right: 0;width: 50%;height: 100%;background: #fbfbfb;z-index: -2;}

.contact-info{ margin: 0px 0px 30px 0px; padding: 0px 50px 0px 50px;}
.contact-info p.large-text{ font-size: 50px; font-family: "Vend Sans", sans-serif; font-weight: 300; color: #444444; white-space: pre-line; margin: 0px 0px 30px 0px; max-width: 600px; line-height: 60px;}
.contact-info p { font-size: 22px; font-weight: 500; color: #444; margin: 0px 0px 30px 0px;}
.address{ margin: 0px 0px 50px 0px; padding: 0px 0px 0px 0px; position: relative;}
.address h3{font-size: 18px;text-transform: uppercase;color: #ff9204;margin: 0px 0px 15px 0px;font-weight: 600;}
.address p{ font-size: 18px; color: #444; font-weight: 400;}
.address .address-link{ margin: 0px 0px; padding: 0px 0px; position: relative;}
.address .address-link li{ list-style: none;}
.address .address-link li a{ color: #444; font-size: 18px; font-weight: 400; text-decoration: none;}

.contact-form{ margin: 0px 0px 0px 0px; padding: 0px 50px 0px 50px;}
.contact-form h3{font-size: 50px; font-family: "Vend Sans", sans-serif; color: #444444; font-weight: 300; margin: 0px 0px 20px 0px;}
.contact-form .form-group{ padding: 0px 0px; margin: 0px 0px 10px 0px; position: relative;}
.contact-form .form-group input{width: 100%;padding: 15px 25px;background: #fff;border: 1px solid #b7b7b7;outline: none;box-shadow: none; display: block;} 
.contact-form .form-group textarea{width: 100%; height: 140px; padding: 15px 25px;background: #fff;border: 1px solid #b7b7b7;outline: none;box-shadow: none; resize: none;} 
.contact-form .form-group .submit{padding: 20px 0px 20px 70px;position: relative;display: flex;align-items: center;font-size: 17px;color: #444;font-weight: 400;border: none;outline: none;background: transparent;z-index: 1;}
.contact-form .form-group .submit::before{content: '';display: block;position: absolute;left: 0;width: 55px;height: 55px;background:#ff9204;border-radius: 55px;transition: all ease 0.5s;z-index: -1;}
.contact-form .form-group .submit::after{content: '';display: block;position: absolute;bottom: 25px;left: 17px;background: url(../img/arrow.svg) no-repeat;width: 21px;height: 17px;z-index: 111;filter: brightness(0) invert(1);margin: auto;background-size: contain;transform: rotate(-45deg) translateX(0px);transition: all ease 0.5s;}
.contact-form .form-group .submit:hover::before{-webkit-animation-name: hvr-icon-buzz-out; animation-name: hvr-icon-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; transform: scale(1.1);}
.contact-form .form-group .submit:hover::after{ transform: rotate(0deg);}

#product-inquiry-form{margin: 0px 0px 0px 0px; position: relative;}
#product-inquiry-form .offcanvas{ width: 500px; overflow: hidden;}
#product-inquiry-form .offcanvas::after{content: ''; display: block; position: absolute; right: -10%; bottom: -12px; background: url(../img/logo-shape.svg) no-repeat; width: 100%; height: 100%; max-width: 390px; max-height: 390px; z-index: -1; background-size: contain;}
#product-inquiry-form .offcanvas .btn-close{ outline: none; box-shadow: none;}
.product-form-content{ padding: 50px 20px; position: relative;}
.product-form-content h2{font-size: 30px; font-family: "Vend Sans", sans-serif; color: #444444; font-weight: 300; margin: 0px 0px 20px 0px;}
.product-form-content p{ font-size: 17px; margin: 0px 0px 30px 0px;}

.product-form-content .form-group{ margin: 0px 0px 15px 0px; padding: 0px 0px; position: relative;}
.product-form-content .form-group input{ display: block; width: 100%; padding: 10px 15px; border: 1px solid #bdbdbd; transition: all ease 0.5s; outline: none; position: relative; border-radius: 5px;}
.product-form-content .form-group textarea{ width: 100%; height: 125px; padding: 10px 15px; border: 1px solid #bdbdbd; resize: none; transition: all ease 0.5s; outline: none; border-radius: 5px;}
.product-form-content .form-group .submit{text-align: center; width: 100%; font-size: 16px; padding: 15px 25px; display: block; color: #fff; background: #ff9204; border: none; position: relative; border-radius: 5px;}
.product-form-content .form-checkbox { margin: 0px 0px; padding: 0px 30px 0px 0px; position: relative; display: block;}
.product-form-content .form-checkbox li{ list-style: none; font-size: 14px; color: #444; padding: 0px 0px 0px 25px; position: relative;}
.product-form-content .form-checkbox li input{ position: absolute; left: 0; top: 3px; width: 15px; height: 15px; transition: all ease 0.5s;}
.product-form-content .form-checkbox .form-group input{ width:15px; height: 15px; max-width: 15px; position: relative; top: 24px;}
.product-form-content .form-checkbox .form-group label{ position: relative; top: 0; left: 30px;}

/* 
@keyframes animate {
  0% {background-position: -500%;}
  100% {background-position: 500%;}
} */

#thanks-page{ padding: 75px 0px; margin: 0px 0px; padding: 0px 0px; position: relative;} 
.thanks-msg{padding: 100px 50px;margin: 0 auto;text-align: center;max-width: 750px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.thanks-msg span{max-width: 150px;display: block;margin: 0px 0px 10px 0px;}
.thanks-msg h2{font-size: 60px;font-weight: 700;color: #FF9204; margin: 0px 0px 30px 0px;}
.thanks-msg h2.error-ttl{ font-size: 7.5rem; font-weight: 700; color: #ff9204; margin: 0px 0px 0px 0px;}
.thanks-msg h6{ font-size: 26px; color: #444; font-weight: 600;}
.thanks-msg p{ font-size: 17px; color: #444; margin: 0px 0px 0px 0px; max-width: 750px;}

.read-more a{ color: #444; font-weight: 500; transition: all ease 0.5s;}
.read-more a:hover{ color: #fff;}


/* 23-04-2026 */

#management-slogan {
    padding: 80px 0px;
    background: #f5f5f5;
}

.slogan-data{margin: 50px 0px; padding: 30px 45px 30px 55px; position: relative; border: 1px dashed #B5B5B5; background: #ffffff; border-radius: 30px; border-left: none;}
.slogan-data::before { content: ''; display: block; position: absolute; left: -20px; top: 10px; background: url(../sub-img/double-quotes.svg) no-repeat; background-size: contain; width: 40px; height: 40px; transform: rotate(180deg);}
.slogan-data p { font-size: 20px; color: #444; font-weight: 500; font-style:italic; margin: 0px 0px 15px 0px;}
.slogan-data h3{ color: #FF9204; font-size: 22px; font-weight: 600; margin: 0px 0px 0px 0px;}

#turnkey-project{ margin: 80px 0px 0px 0px; padding: 80px 80px; position: relative; background: #f5f5f5;}
.project-row{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.project-gallery{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.project-gallery img{ max-height: 250px; min-height: 250px; width: 100%; object-fit: cover;}


.accordion h3{ font-size: 50px; font-weight: 300; color: #444; font-family: "Vend Sans", sans-serif; margin: 0px 0px 30px 0px; text-align: center;}
#turnkey-project .accordion-button::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
    transition: all 0.5s; filter: grayscale(100%) sepia(100%) hue-rotate(90deg); mix-blend-mode: hard-light;}
#turnkey-project .accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");}    
#turnkey-project .accordion-button::after {transition: all 0.5s;}
#turnkey-project .accordion-button:focus{ box-shadow: none; background: transparent;}
#turnkey-project .accordion-item{border: 1px solid #d5d5d5;margin: 0px 0px 15px 0px;padding: 0px 25px;border-radius: 10px;}
#turnkey-project .accordion-item:not(:first-of-type){/* border-top: 1px solid #d3d3d3; */}
#turnkey-project .accordion-button:not(.collapsed){background: transparent;box-shadow: none; border-bottom: 1px solid #d7d7d7;color: #FF9204; margin: 0px 0px 25px 0px;}
#turnkey-project .accordion-button{font-size: 22px; font-family: "Vend Sans", sans-serif; color: #444;line-height: 1.5;padding:25px 0px 25px 35px;position: relative;z-index: 0;}
#turnkey-project .accordion-button span{position: absolute;left: 0;width: 35px;height: 35px;background: #f6b527;color: #ffffff;border-radius: 50px;text-align: center;line-height: 35px;font-size: 15px;font-weight: 600; display: none;}
#turnkey-project .accordion-body{padding: 0px 0px 30px 0px;}

#turnkey-project  .accordion-header{position: relative;z-index: 1;}
#turnkey-project  .accordion-header::after{content: ''; display: block; position: absolute; top: 31px; left: 0; width: 20px; height: 20px; background: #fff; border: 8px solid #FF9204; border-radius: 50px;}

#vision-values{ margin: 0px 0px 0px 0px; padding: 80px 0px 80px 0px; position: relative; overflow: hidden;}
.vision-part{ margin: 0px 0px 0px 0px; padding: 0px 80px; position: relative;}

#vision-values .progress-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background: #B5B5B5;
	border-radius: 2px;
	margin: auto;
}

.progress-bar {
	width: 2px;
	background: #e68200;
	border-radius: 2px;
}

.progress-bar:before {
	height: 1%;
}

.vision-values-data{ margin: 0px 0px 0px 0px; padding: 0px 80px 0px 80px; position: relative;}
.vision-value-information{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}
.vision-value-information p.large-font{ margin: 0px 0px 80px 0px; white-space: pre-line;}
.vision-data { margin: 0px 0px 0px 0px; padding: 0px 250px 100px 0px; position: relative; max-width: 850px;}
.vision-data span{ position: absolute; top: 0px; left: -165px; color: #444; font-size: 25px; font-family: "Vend Sans", sans-serif; font-weight: 500; margin: 0px 0px 20px 0px;}
.vision-data h3{ color: #444; font-size: 25px; font-family: "Vend Sans", sans-serif; font-weight: 500;}
.vision-data p{ font-size: 19px; color: #444; max-width: 600px; margin: 0px 0px 30px 0px;}
.vision-data img{ position: absolute; right: 0; top: -20px; max-width: 150px;}

.vision-data .progress-points{ margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; position: relative; max-width: 600px;}
.vision-data .progress-points li{list-style: none;font-size: 19px;color: #444;padding: 0px 0px 0px 25px;position: relative;}
.vision-data .progress-points li::before{content: '';display: block;position: absolute;top: 15px;left: 0;width: 9px;height: 1px;background: #444;}


.ppolicy.secgap {
    padding: 80px 0px;
}
.ppolicy.secgap h2{ font-size:50px; color:#333; font-weight:300; font-family: "Vend Sans", sans-serif; margin:0px 0px 25px 0px;}
.ppolicy.secgap h3{ font-size:32px; color:#333; font-weight:300; font-family: "Vend Sans", sans-serif; margin:0px 0px 25px 0px;}
.ppolicy.secgap h4{ font-size:22px; color:#333; font-weight:300; font-family: "Vend Sans", sans-serif; margin:0px 0px 15px 0px;}
.ppolicy.secgap p {font-size: 17px; color: #444; font-weight: 400; line-height:32px; margin: 0px 0px 25px 0px;}
.ppolicy.secgap ul{ margin:0px 0px 30px 0px; padding:0px 0px; position:relative;}
.ppolicy.secgap ul li{list-style:none;padding: 10px 25px;font-size: 17px;color:#444;font-weight:500;position:relative;}
.ppolicy.secgap ul li:before{content:'';display:block;position:absolute;left: 5px;top: 16px;clip-path: polygon(0 1%, 0% 100%, 64% 49%);width: 12px;height: 12px;background: #FF9800;}
.ppolicy.secgap ul li strong{ font-weight:600; color:#333;}