:root {
  --primary1: #008bd2;
  --primary2: #afca05;
  --color_black : #141516;
  --color_white : #ffffff;
  --color_gray : #999999;
  --color_light : #f7f7f7!important;
  --color_lime : #f5f8ea;
  --titleFont: 'Playfair Display', serif;
  --baseFont:'Roboto', sans-serif;
  --imgPrimary1: invert(45%) sepia(75%) saturate(5107%) hue-rotate(178deg) brightness(96%) contrast(102%);
  --imgPrimary2: invert(62%) sepia(82%) saturate(549%) hue-rotate(24deg) brightness(101%) contrast(96%);
  --imgWhite: invert(100%) sepia(99%) saturate(0%) hue-rotate(232deg) brightness(109%) contrast(100%);
  --imgGray: invert(70%) sepia(8%) saturate(22%) hue-rotate(322deg) brightness(85%) contrast(95%);
}

body {font-family: var(--baseFont); font-size: 1rem; font-weight: 400; font-display: swap; color: var(--color_black);}
h1, h2, h3, h4, h5 {font-family: var(--titleFont);}
h2, h3 {margin-top:2rem;margin-bottom:1rem;}
h2{font-size:1.5rem;}
h3{font-size:1.25rem;}
a {color: #505050;}
a:hover {color: var(--primary1);}
a:hover, a:focus {outline: none; -webkit-box-shadow: none; box-shadow: none;}
button:focus {outline: none;}
.sprite {background-image: url("../images/sprite.png"); background-position: 0 0; background-repeat: no-repeat; display: inline-block; vertical-align: middle;}
.transition {-webkit-transition: all .3s linear; transition: all .3s linear;}
strong.medium {font-weight: 500;}
strong.semibold {font-weight: 600;}

/* icons */
.inq-icon {background-position: -2px -1px; width: 17px; height: 21px;}
.call-icon {background-position: -29px -3px; width: 19px; height: 19px;}
.email-icon {background-position: -66px -1px; width: 20px; height: 17px;}
.location-icon {background-position: -103px 0px; width: 18px; height: 24px;}
/**/

.bg-white { background-color: var(--color_white); }
.bg-light { background-color: var(--color_light)!important; }
.bg-lime { background-color: var(--color_lime); }

.curve-top, .curve-bottom, .curve { position: relative; overflow-x: hidden; }
.curve-top:before, .curve-bottom:after, .curve:before, .curve:after { content: ''; width: 1920px; height: 79px; position: absolute; left: 50%; transform: translateX(-50%); display: block; background-repeat: no-repeat; background-position: top center; background-size: 100%; z-index: 1; }
.curve-top:before, .curve:before { top: 0; }
.curve-bottom:after, .curve:after { bottom: 0; }

.curve-top-convex-white:before, .curve-convex-white:before { background-image: url('../images/curve-convex-white.png'); }
.curve-bottom-convex-white:after, .curve-convex-white:after { background-image: url('../images/curve-convex-white.png'); }
.curve-top-concave-white:before, .curve-concave-white:before { background-image: url('../images/curve-concave-white.png'); }
.curve-bottom-concave-white:after, .curve-concave-white:after { background-image: url('../images/curve-concave-white.png'); }

.curve-top-convex-light:before, .curve-convex-light:before { background-image: url('../images/curve-convex-light.png'); }
.curve-bottom-convex-light:after, .curve-convex-light:after { background-image: url('../images/curve-convex-light.png'); }
.curve-top-concave-light:before, .curve-concave-light:before { background-image: url('../images/curve-concave-light.png'); }
.curve-bottom-concave-light:after, .curve-concave-light:after { background-image: url('../images/curve-concave-light.png'); }

.curve-top-convex-lime:before, .curve-convex-lime:before { background-image: url('../images/curve-convex-lime.png'); }
.curve-bottom-convex-lime:after, .curve-convex-lime:after { background-image: url('../images/curve-convex-lime.png'); }
.curve-top-concave-lime:before, .curve-concave-lime:before { background-image: url('../images/curve-concave-lime.png'); }
.curve-bottom-concave-lime:after, .curve-concave-lime:after { background-image: url('../images/curve-concave-lime.png'); }

#wrapper {max-width: 1920px; margin: 0 auto;}

#header.navbar {position: fixed; left: 0; right: 0; top: 0; z-index: 99; transition: all 0.4s; z-index: 1021; padding: 20px 0 0 0; box-shadow: 0px 10px 33px 0px rgba(0, 0, 0, 0.1);}
#header.navbar:before {content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 100%; background-color: var(--color_white); transform: translateX(-50%); border-radius: 0;}
#header.navbar:after {content: ''; position: absolute; left: 0; right: 0; bottom: -79px; background-image: url('../images/curve-concave-white.png'); background-position: top center; background-repeat: no-repeat; background-size: 100%; height: 79px; }
#header.navbar .navbar-brand {margin-right: 0;}
#header.navbar .navbar-brand img { margin-top: 10px; }
#header.navbar.fixed, #header.navbar.active, .inner #header.navbar {background-color: var(--color_white); box-shadow: 0 0 100px rgba(0,0,0,0.15);}
#header.navbar.active #top-links {display: none !important;}
#header.navbar.active #main-menu {display: flex !important;}
#header.navbar > .container > div { padding: 0 50px; }
.inq-btn {margin-left: 1rem;}
.inq-btn i {filter: var(--imgWhite);}

/* main-menu */
#main-menu ul {flex-direction: row; padding: 0;}
#main-menu ul li {position: relative; margin-left: 1.5rem;}
#main-menu ul li a {color: var(--color_black); font-size: 1.063rem; position: relative; padding: 1rem 0; overflow: hidden;}
#main-menu ul > li > a:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #008bd2; transform: translateX(-100%); transform-origin: right; transition: 0.4s;}
#main-menu ul li.has-submenu > a:after {content: '\f107'; font-family: 'FontAwesome'; font-display: swap; margin-left: 5px; font-size: 1rem;}
#main-menu ul li:hover a, #main-menu ul li.active a {color: var(--primary1);}
#main-menu ul > li:hover > a:before, #main-menu ul li.active > a:before {transform: translateX(0); transform-origin: left;}
#main-menu ul li.last a{padding: 11px 30px 10px;color: #fff;}inner
#main-menu ul li.last .btn-custom1:before {content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 0;height: 100%;background-color: var(--primary2);-webkit-transition: all 0.4s;transition: all 0.4s;}
#main-menu ul li.last .btn-custom1:hover:before{width:100%;}
/* menu hover effect */
#main-menu .navbar-nav li ul.sub-menu {display: none; position: absolute; left: 0; top: 100%; z-index: 99; min-width: 170px; border: 1px solid #b0b1b5; margin-top: -1px; border-radius: 0 4px 4px 4px; background-color: var(--color_white);}
#main-menu .navbar-nav li:hover > ul {display: block;}
#main-menu .navbar-nav li ul li {border-bottom: 1px solid #b0b1b5; margin: 0;}
#main-menu .navbar-nav li ul li a {white-space: nowrap; padding: 10px 15px; display: block; border: none; border-radius: 0; color: var(--color_black); font-weight: 400;}
#main-menu .navbar-nav li ul li:hover a {text-decoration: none; color: var(--primary1);}
#main-menu .navbar-nav li ul li:last-child{border-bottom: none;}
#main-menu .navbar-nav li .sub-menu {list-style: none;}

/* rotate caret on hover */
#main-menu .sub-menu > li > a:hover:after {text-decoration: underline;transform: rotate(-90deg);} 
.dropdown-item.active, .dropdown-item:active,.dropdown-item:focus,.dropdown-item:hover{background-color: #f8f9fa; color: var(--color_white);}

#lang-menu { font-size: 80%; }
#lang-menu > ul.navbar-nav { margin: 0; padding: 0; line-height: 46px; border-radius: 20px; }
#lang-menu > ul.navbar-nav > li > a { display: block; position: relative; background-color: var(--color_light); border-radius: 30px; padding: 0 40px 0 20px; z-index: 2; }
#lang-menu > ul.navbar-nav > li > a:hover { text-decoration: none;}
#lang-menu > ul.navbar-nav > li > a:after { content: ''; position: absolute; top: 16px; right: 20px; border: solid #505050; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#lang-menu > ul.navbar-nav li img { margin-right: 10px; -webkit-transform: scale(0.5); transform: scale(0.7) translateY(-2px); }
#lang-menu > ul.navbar-nav > li > ul.sub-menu {display: none; width: 100%; position: absolute; list-style-type: none; margin: 0; padding: 0; left: 0; top: 0; padding-top: 40px; z-index: 99; border-radius: 20px; background-color: var(--color_white); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); z-index: 1; }
#lang-menu > ul.navbar-nav > li > ul.sub-menu > li > a { display: block; padding: 5px 40px 5px 20px; }
#lang-menu > ul.navbar-nav > li:hover > ul {display: block;}
#lang-menu > ul.navbar-nav > li:hover > ul > li > a:hover { text-decoration: none; }

/* button custom */
.btn-set {display: flex;}
.btn-custom1 {position: relative; border: none; border-radius: 30px; text-decoration: none; padding: 11px 30px 10px; overflow: hidden; min-width: 145px; background-color: var(--primary1); color: var(--color_white); font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);}
.btn-custom1:before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 0; height: 100%; background-color: var(--primary2); -webkit-transition: all 0.4s; transition: all 0.4s;}
.btn-custom1:focus:before, .btn-custom1:hover:before {width: 100%;}
.btn-custom1:focus span, .btn-custom1:hover span {color: var(--color_white); position: relative;}
.btn-custom1.focus, .btn-custom1:focus {-webkit-box-shadow: none; box-shadow: none;}

.btn-custom1.black-brd {border-color: var(--color_black); background-color: var(--color_white);}
.btn-custom1.black-brd:hover, .btn-custom1.black-brd:focus {border-color: var(--primary1);}

.btn-custom1.has-bg {color: var(--primary2); border-color: var(--primary2);}

h2.title {font-size: clamp(1.5rem, 1.275rem + 1.125vw, 2rem); font-weight: 700; color: var(--color_black);}
h2.title span {color: var(--primary2);}
h3.title {font-family: var(--titleFont); font-size: 1.25rem; font-weight: 600; color: var(--color_black);}

.style1 .owl-nav button.owl-prev, .style1 .owl-nav button.owl-next {
  position: absolute; top: calc(50% - 27.5px); width: 55px; height: 55px; margin: 0; transition: all .3s linear;
}
.style1 .owl-nav button.owl-prev, .style1 .owl-nav button.owl-next {right: -45px;}
.style1 .owl-nav button.owl-prev:before, .style1 .owl-nav button.owl-next:before {
  content: ''; background-image: url("../images/sprite.png"); background-position: -130px -1px; background-repeat: no-repeat;
  width: 37px; height: 20px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;
  filter: invert(62%) sepia(82%) saturate(549%) hue-rotate(24deg) brightness(101%) contrast(96%);
}
/* .style1 .owl-nav button.owl-prev:hover, .style1 .owl-nav button.owl-next:hover {background-color: #0067ac;} */
.style1 .owl-nav button.disabled {opacity: 0.5;}
.style1 .owl-nav button.owl-prev {left: -45px;}
.style1 .owl-nav button.owl-prev:before {-webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
.style1 .owl-dots {margin-top: 15px; text-align: center;}
.style1 .owl-dots .owl-dot span {width: 16px; height: 10px; background: var(--primary2); display: block; border-radius: 5px; position: relative; opacity: 0.6; margin: 0 5px; transition: 0.5s;}
.style1 .owl-dots .owl-dot.active span {background-color: var(--primary2); opacity: 0.85; width: 36px;}
.style1 .owl-dots button:focus {outline: none;}

/* Typography */
.padding {padding: 3.5rem 0;}
.container {width: 100%; max-width: 1410px;}

#mobile-menu{display: none;}

/* mobile menu icon */
#mobile-menu-icon{display:none;position:absolute;right:12px;top:23px;width:30px;height:30px;z-index:9999;}
#mobile-menu-icon span, #mobile-menu-icon span:before, #mobile-menu-icon span:after{width:28px;height:3px;background-color:#1b64ad;display:block;position:absolute;top:7px;transition:all 0.3s;}
#mobile-menu-icon span:before{content:'';top:-7px;width:20px;left:25%;}
#mobile-menu-icon span:after{content:'';top:7px;width:14px;left:50%;}
#mobile-menu-icon.active span{background-color:transparent;}
#mobile-menu-icon.active span:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);top:0;}
#mobile-menu-icon.active span:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);top:0;left:25%;width:20px;}

/* mobile menu */
#mobile-menu{display:none;background-color:#ffffff;border-left:4px solid var(--primary1);position:fixed;width:250px;top:0px;height:100%;z-index:1;overflow-y:scroll;right:-250px;}
#mobile-menu ul{margin:0;padding:0;list-style:none;float:none;display: block;}
#mobile-menu ul li{float:none;padding:0;margin:0;border:none;position:relative;border-bottom:1px solid #d6d0d0;}
#mobile-menu ul li a{padding:12px 20px;display:block;color:var(--primary1);font-weight:400;text-decoration:none;}
#mobile-menu ul li.last{border:0;margin-top:1rem;}
#mobile-menu ul li.last a{color: var(--color_white);}

#mobile-menu ul li ul li a{color:var(--primary1);font-size:85%;text-decoration:none;}
#mobile-menu ul li.active ul li a{color:var(--primary1);}
#mobile-menu ul li ul li a:hover{color:#fff;}
#mobile-menu ul li > a:hover, #mobile-menu ul li.active > a, #mobile-menu ul li a:hover{color:#fff;border-bottom:none;background-color:var(--primary1);}
#mobile-menu ul li > a:hover .submenu:before, #mobile-menu ul li.active > a .submenu:before, #mobile-menu ul li a:hover .submenu:before{background-color:#ffffff;}
#mobile-menu ul li > a:hover .submenu:after, #mobile-menu ul li.active > a .submenu:after, #mobile-menu ul li a:hover .submenu:after{background-color:#ffffff;}
#mobile-menu ul li.changebg > a{background-color:var(--primary1);color:#fff;}
#mobile-menu ul li > a:focus{background-color:var(--primary1);color:#fff;}
#mobile-menu ul li:hover > a{border-bottom:none;}
#mobile-menu ul li a .submenu{position:absolute;width:48px;height:48px;right:0;top:3px;display:block;cursor:pointer;-moz-transition:transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;}
#mobile-menu ul li a .submenu:before,#mobile-menu ul li a .submenu:after{content:"";background-color:var(--primary1);display:block;-moz-transition:transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;}
#mobile-menu ul li a .submenu:before{width:1px;height:15px;position:relative;left:20px;top:12px;}
#mobile-menu ul li a .submenu:after{width:15px;height:1px;position:relative;left:13px;top:4px;}
#mobile-menu ul li.changebg>a>.submenu:before{transform:rotate(-90deg);}
#mobile-menu ul li.changebg>a>.submenu:after{display:none;}
#mobile-menu ul li > ul{padding:0;border:none;}
#mobile-menu ul li.submenu-one:hover > ul{top:0;}
#mobile-menu ul li.submenu-one ul{margin-bottom:-1px;}
#mobile-menu ul li ul,#mobile-menu ul li:hover>ul,#mobile-menu ul li ul li ul,#mobile-menu ul li ul li:hover>ul{width:auto;display:none;opacity:1;position:relative;left:0;top:0;visibility:visible;transition:none;box-shadow:none;}
#mobile-menu ul.mob-view{display:block;}
#mobile-menu ul.mob-view ul li a{padding:12px 30px;}
#mobile-menu ul li ul li a{padding:12px 30px;}
#mobile-menu ul li ul li ul li a{padding:12px 40px;}
#mobile-menu ul li ul li{border-bottom:1px solid #d6d0d0;}

/* banner */
#banner {position: relative; max-height: 950px; height: 950px; overflow: hidden;}
#banner:after {content: ''; width: 1920px; height: 79px; background: url('../images/statistics-sec-bg.png') center center no-repeat #fff; position: relative; left: 50%; transform: translateX(-50%); display: block;}
#banner .slider .item {max-height: 950px; position: relative;}
#banner .slider .item .bg {width: 100%; max-height: 950px; position: relative; display: block; background-color: #050708;}
#banner .slider .item .bg img {width: 100%; height: 100%; object-fit: cover; object-position: center top; opacity: 0.75;}
#banner .slider .item .bg:after {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: linear-gradient(45deg, var(--primary1), transparent 70%);}
#banner .slider .item .bg video { position: absolute; width: 100%; left: 50%; top: calc(50% - 40px); transform: translateX(-50%) translateY(-50%); }
#banner .slider .item .container {position: absolute; left: 0; right: 0; top: 0; height: 100%;}
#banner .slider .item .container .banner-text {max-width: 625px; text-align: center;}
#banner .slider .item .container .banner-text h2.title {font-size1: clamp(1.5rem, 1.05rem + 2.25vw, 3.75rem); font-weight: 700; color: var(--color_white);}
#banner .slider .item .container .banner-text h2.title span {display: block; font-family: var(--baseFont); font-size: clamp(1rem, 1.05rem + 1vw, 1.25rem); font-weight: 400; color: var(--color_white);}
#banner .slider .item .container .banner-text h2.title em {font-style: normal; color: var(--primary2);}

/* main-container */
.sec-header p {font-size: 1.125rem; color: var(--color_gray);}

.statistics .item {padding: 0 25px;}
.statistics .item .numbers {font-size: 2.5rem; font-family: var(--titleFont); color: var(--primary1);}
.statistics .item .numbers sup {top: -0.4em; font-size: 50%; font-weight: 400; left: 0.5rem; }
.statistics .item .title {font-size: 1.2rem; font-family: var(--titleFont); font-weight: 600; color: var(--primary2);}
.statistics .item .text {font-size: 1rem; color: var(--color_gray);}

.products .owl-stage {display: flex;}
.products .item {position: relative; transition: 0.5s; height: 100%; text-align: center;}
.products .item .img-wrapper {position: relative; width: 100%; height: 270px; display: flex; align-items: end; justify-content: center; padding: 0 0 30px 0; }
.products .item .img-wrapper img {max-width: 100%; max-height: 100%; width: auto;}
.products .item .details {position: relative; padding: 1.5rem;}
.products .item h3 {font-family: var(--titleFont); font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); font-weight: 500; color: var(--color_black);}
.products .item p {font-size: 0.938rem; color: var(--color_gray); line-height: normal; margin-bottom: 0;}
.products .item:hover {text-decoration: none; }
.products .item:hover .details {text-decoration: none; background-color: var(--primary1); }
.products .item:hover .details:before {content: ''; background-image: url('../images/block-curve-concave-white.png'); background-position: center top; background-repeat: no-repeat; background-size: cover; width: 100%; width: 100%; height: 31px; position: absolute; left: calc(50% + 30px); transform: translateX(calc(-50% + -30px)); top: 0;  display: block;}
.products .item:hover h3, .products .item:hover p {color: var(--color_white);}

.industries .owl-stage {display: flex;}
.industries .item {position: relative; transition: 0.5s; height: 100%; text-align: center;}
.industries .item .img-wrapper {position: relative; padding-top: 60.6%; width: 100%; display: block;}
.industries .item .img-wrapper img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.industries .item .img-wrapper:before {content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 5px; background-image: linear-gradient(to right, var(--primary1), var(--primary2)); z-index: 1;}
.industries .item h3 {font-family: var(--baseFont); font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); font-weight: 500; color: var(--color_black);}
.industries .item p {font-size: 0.938rem; color: var(--color_gray); line-height: normal; margin-bottom: 0;}
.industries .item:hover {text-decoration: none; background-color: var(--primary2); color: var(--color_white);}
.industries .item:hover h3, .industries .item:hover p {color: var(--color_white);}
.industries .style1 .owl-dots {margin-top: 30px;}

/*inner banner css starts here*/

.inner-banner {margin-top: 128px;position: relative; max-height: 447px; height: 447px;overflow: hidden;background-size:cover !important; background-position:  center center !important;}
.inner-banner:before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(45deg, var(--primary1), transparent 84%);z-index: 1;}

.inner-banner .banner-content{z-index: 4; text-align: center;}
.inner-banner .banner-content h1{color: var(--color_white);font-size: 45px;margin: 0 0 60px;}
.inner-banner .banner-content span{color: var(--color_white);font-family: var(--baseFont);font-size: 20px; font-weight: 400; margin: 0 0 20px;}

.breadcrumb{background: transparent;padding: 0;margin: 0;}
.breadcrumb-item a{font-family: var(--baseFont);font-weight: 400;font-size: 14px;color: var(--color_white);text-decoration: none;}
.breadcrumb-item.active{font-weight: 700;color: var(--color_white);}
.breadcrumb-item.active .text{position: relative;padding-bottom: 5px;}
.breadcrumb-item.active .text:after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 1px;width: 100%;background:#fff;}
.breadcrumb-item+.breadcrumb-item::before{content: '>';color: var(--color_white);font-weight: 400;}
/*inner banner css ends here*/

.content a:not(.btn-custom1), section.padding .container a:not(.btn-custom1) {color: var(--primary1);}
.right-content .content-box p {font-size: 120%;}


/*about us page*/

.about-content .img-box{position: relative;max-width:568px;overflow: hidden;}
.about-content .right-content .content-box p .middle{font-weight: 700;font-style: italic;}

.infra-page-wrapper .right-content .content-box .technologies-list h2{color: var(--color_black);font-size: 24px;text-decoration: underline;margin: 0 0 30px;}
.infra-page-wrapper .right-content .content-box .technologies-list ul li{margin: 0 0 10px;position: relative;padding-left: 30px;}
.infra-page-wrapper .right-content .content-box .technologies-list ul li:before{content: '';position: absolute;left: 0;top: 0;background: url('../images/infra/list-round.png') center center no-repeat;width: 18px;height: 18px;top: 3px;}
.infra-page-wrapper .right-content .content-box .technologies-list ul li .icon{margin-right: 15px;}
.infra-page-wrapper .right-content .content-box .technologies-list ul li .text{color: var(--color_black);font-size: 17px;font-style: italic;}
.infra-page-wrapper .about-content .short-info{margin-top: 65px;}
.infra-page-wrapper .about-content .short-info p{font-size: 24px;font-family: var(--titleFont);color: var(--color_black);}

.infra-page-wrapper .glimpses-infra{background-color: rgba(175,202,5,0.10);position: relative;overflow: hidden;}
.infra-page-wrapper .glimpses-infra:before{content: '';background: url('../images/inner-banner/top-shape.png') center center no-repeat;width: 1920px;height: 79px;position: relative;left: 50%;transform: translateX(-50%);display: block;}
.infra-page-wrapper .glimpses-infra:after{content: '';background: url('../images/inner-banner/bottom-shape.png') center center no-repeat;width: 1920px;height: 79px;position: relative;left: 50%;transform: translateX(-50%);display: block;}

.infra-page-wrapper .glimpses-infra .col-md-4{margin-bottom: 10px;}
.infra-page-wrapper .glimpses-infra  .item{display: block;}

.sustain-wrapper .about-content{padding-bottom: 0;}
.sustain-wrapper .industries{background-color: rgba(175,202,5,0.10);position: relative;overflow: hidden;}
.sustain-wrapper .industries:before{content: '';background: url('../images/inner-banner/top-shape.png') center center no-repeat;width: 1920px;height: 79px;position: relative;left: 50%;transform: translateX(-50%);display: block;}
.sustain-wrapper .industries:after{content: '';background: url('../images/inner-banner/bottom-shape.png') center center no-repeat;width: 1920px;height: 79px;position: relative;left: 50%;transform: translateX(-50%);display: block;}


/*about us page*/

.product-page-wrapper .our-products{background-color: rgba(175,202,5,0.10);position: relative;overflow: hidden;}
.product-page-wrapper .our-products:before{content: '';background: url('../images/inner-banner/top-shape.png') center center no-repeat;width: 1920px;height: 79px;position: relative;left: 50%;transform: translateX(-50%);display: block;}
.product-page-wrapper .our-products:after{content: '';background: url('../images/inner-banner/bottom-shape.png') center center no-repeat;width: 1920px;height: 79px;position: relative;left: 50%;transform: translateX(-50%);display: block;}

.our-products .pro-list .col-lg-3{margin: 0 0 30px;}
.our-products .item {position: relative; transition: 0.5s; background-color: #fff; height: 100%; text-align: center;}


.our-products .item .img-wrapper {position: relative; width: 100%; height: 270px; display: flex; align-items: center; justify-content: center; padding: 30px; background-color: #fff;}
.our-products .item .img-wrapper img {max-width: 100%; max-height: 100%; width: auto;}
.our-products .item .details {position: relative;padding-top: 0px !important;overflow: hidden;}
.our-products .item .details:before{ content: ''; background-image: url('../images/block-curve-concave-white.png'); background-position: center top; background-repeat: no-repeat; background-size: cover; width: calc(100% + 60px); height: 31px; position: relative; left: calc(50% + 30px); transform: translateX(calc(-50% + -30px)); display: block;}

.our-products .item h3 {font-family: var(--baseFont); font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); font-weight: 500; color: var(--color_black);}
.our-products .item p {font-size: 0.938rem; color: var(--color_gray); line-height: normal; margin-bottom: 0;}
.our-products .item:hover {text-decoration: none; background-color: var(--primary2); color: var(--color_white);box-shadow: 17px 29px 32.34px 0.66px rgba(5, 49, 71, 0.1);transition: all 0.3s ease-in;}
.our-products .item:hover h3, .our-products .item:hover p {color: var(--color_white);}
.our-products .item .details .view-detail{opacity: 0;visibility: hidden;transition: all 0.3s ease-in;margin-top: 20px;font-weight: 500;color: #fff;font-size: 17px;}
.our-products .item:hover .details .view-detail{opacity: 1; visibility: visible;transition: all 0.3s ease-in;}

/*contact page*/

.contact-page-wrapper .address-content .address-area h3{font-weight: 700;color: var(--primary2);font-family: var(--titleFont);font-size: 20px;}
.contact-page-wrapper .address-content .address-area .short-add{margin: 30px 0;}
.contact-page-wrapper .address-content .address-area .address-block a:hover {color: var(--primary1); text-decoration: none;}

.contact-page-wrapper .department-area .item-wrap h3{margin: 0 0 30px;font-size: 20px;font-weight: 700;color: var(--primary2);font-family: var(--titleFont);}
.contact-page-wrapper .department-area .item-wrap .address-block a:hover {color: var(--primary1);}

.contact-page-wrapper .units-area{background-color: #f7f7f7;position: relative;overflow: hidden;margin-bottom:75px;}
.contact-page-wrapper .units-area:before{content: '';background: url('../images/inner-banner/top-shape.png') center center no-repeat;width: 1920px;height: 79px;position: relative;left: 50%;transform: translateX(-50%);display: block;}
.contact-page-wrapper .units-area:after{content: '';background: url('../images/inner-banner/bottom-shape.png') center center no-repeat;width: 1920px;height: 79px;position: relative;left: 50%;transform: translateX(-50%);display: block;}

.contact-page-wrapper .units-area .unit-block h5{font-size: 24px;font-weight: 700;color: var(--primary2);font-family: var(--baseFont);}
.contact-page-wrapper .units-area .unit-block .short-info{margin: 30px 0;}
.contact-page-wrapper .units-area .unit-block .short-info p{font-size: 20px;}
.contact-page-wrapper .units-area .unit-block .address-block p{font-size: 20px;}

/*contact page*/

/*inquiry page*/
.inquiry-page-wrapper .inquiry-content{position: relative;overflow: hidden;}

.inquiry-page-wrapper .inquiry-content{background-color: #f7f7f7;}
.inquiry-page-wrapper .inquiry-content .wrap-content p{font-weight: 700;font-size: 15px;color: #999999;}

.form-block .form-group{margin-bottom: 30px;}
.form-block .form-group > label { font-size: 80%; }
.form-block .form-group.required > label:after { content: '*'; color: #cc0000; margin-left: 5px; }
.form-block .form-control{border: 2px solid #dfdfdf;border-radius: 2px;color: var(--primary1);font-size: 17px; padding: 0.75em; height: auto; font-weight: 500;}
.form-block .form-control::placeholder{color: #999999;}
.form-block .form-control:focus{outline: none;box-shadow: none;border-width: 2px;
   border-radius: 2px;                                                                       
    -o-border-image: linear-gradient(to right bottom,#0095da,#a6ce39);
    border-image: -webkit-gradient(linear,right top,right bottom,from(#0095da),to(#a6ce39));
    border-image: linear-gradient(to right,#0095da,#a6ce39);
    border-image-slice: 2;}
.form-block textarea.form-control {height: 130px;}
.form-block .input-group-addon:last-child {display:flex; align-items: center; width:auto; background:#fff; border:1px solid #e9e9e9; height:auto; border-radius: 0; padding: 0; margin-left: -1px;}
.form-block .refresh {cursor: pointer; width:40px; line-height: 48px; display: inline-block; vertical-align: top; position: relative;text-align: center;}
.form-block .custom-file-label::after {height: auto; display: flex; align-items: center;}

#inquiry #footer #top{overflow: hidden;}
#inquiry #footer #top:before{content: '';position: absolute;left: 0;right: 0;margin: 0 auto;top: 0;background: url('../images/inner-banner/top-shape.png') center center no-repeat;width: 1920px;height: 79px;z-index: 2;}

.inquiry-page-wrapper .inquiry-content .inquiry-form .btn-wrap .btn-custom1{position: relative;overflow: visible;color: var(--color_white);}
.inquiry-page-wrapper .inquiry-content .inquiry-form .btn-wrap .btn-custom1:hover{color: var(--color_white);}
.inquiry-page-wrapper .inquiry-content .inquiry-form .btn-wrap .btn-custom1:focus{color: var(--color_white);}
.inquiry-page-wrapper .inquiry-content .inquiry-form .btn-wrap .btn-custom1:after{content: '';position: absolute;width:100%;height: 100%;border: 1px solid var(--primary1);top:2px;left: 0;right: 0;border-radius: 30px;}
.inquiry-page-wrapper .inquiry-content .inquiry-form .btn-wrap .btn-custom1:before{display: none;}
.inquiry-page-wrapper .inquiry-content .inquiry-form .select2-container--default .select2-selection--single{height: 44px;border:2px solid #dfdfdf;}
.inquiry-page-wrapper .inquiry-content .inquiry-form .select2-container--default .select2-selection--single .select2-selection__rendered{color: #999999;font-size: 16px;line-height: 44px;}

/* footer */
footer #top {position: relative;}
footer #top h3 {font-size: clamp(1.125rem, 0.9375rem + 0.9375vw, 1.5rem); font-weight: 700; color: var(--color_black); margin-bottom: 20px; position: relative;}
.address-block {color: var(--color_black);}
.address-block p {font-size: 1.063rem; font-weight: 300; margin-bottom: 10px;}
.address-block a {color: var(--color_black); transition: 0.4s;}
.address-block .has-icon {display: flex; align-items: center;}
.address-block .has-icon .icon {width: 35px;}
.address-block .has-icon .icon i {filter: var(--imgPrimary2);}
.address-block .phone-icon {background-position: -270px 0; width: 22px; height: 22px;}
.address-block .mobile-icon {background-position: -297px 0; width: 14px; height: 23px;}
.address-block .mail-icon {background-position: -316px 0; width: 20px; height: 15px;}
.address-block a:hover {color: var(--primary2); text-decoration: none;}

footer .quick-links {margin: 0; padding: 0; list-style: none;}
footer .quick-links li a {font-size: 1.063rem; font-weight: 300; color: var(--color_black); position: relative; display: flex; padding-left: 20px; transition: 0.4s;}
footer .quick-links li a:before {content: ''; width: 7px; height: 7px; background-color: var(--color_black); border-radius: 50%; position: absolute; left: 0; top: 8px; transition: 0.4s;}
footer .quick-links li:hover a {color: var(--primary2); text-decoration: none;}
footer .quick-links li:hover a:before {background-color: var(--primary2);}

.social-links {margin:10px 0 0 0; padding:0; list-style:none;}
.social-links li {margin-right: 10px;}
.social-links li a {width: 50px; height: 50px; border-radius: 50%; color: var(--color_black); border: 1px solid var(--color_black); display: flex; align-items: center; justify-content: center; transition: all 0.4s;}
.social-links li a i {font-size: 1.25rem;}
.social-links li a:hover {background-color: var(--primary1); border-color: var(--primkary1); text-decoration: none; color: var(--color_white);}

footer #bottom {background-color: #f7f7f7; text-align: center; color: var(--color_gray); font-size: 80%;}
footer #bottom a {color: var(--color_gray);}
footer #bottom a:hover {color: var(--primary1); text-decoration: none;}

#totop {bottom: 30px; cursor: pointer; display: block; width: 50px; height: 50px; position: fixed; right: 30px; z-index: 9; background: var(--color_white); text-align: center; transition: background-color .2s linear; opacity: 0; border-radius: 50%; border: 1px solid #000;}
#totop span {display: flex; justify-content: center; align-items: center; width: 50px; height: 100%;}
#totop i {color: var(--color_black); font-size: 30px;}

.fancybox-close{width: 38px;height:38px;}
#fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span{background-color: var(--primary2);}

.file-upload{display:block;text-align:center;font-size: 12px;}
.file-upload .file-select{display:block;border: 2px solid #dfdfdf;color: #34495e;cursor:pointer;height:44px;line-height:44px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select .file-select-button{background:var(--primary1);color: #fff;padding:0 10px;display:inline-block;height:44px;line-height:44px;font-size: 500;}
.file-upload .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
.file-upload .file-select:hover{border-color:var(--primary1);transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select:hover .file-select-button{background:var(--primary1);color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select{border-color:#3fa46a;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background:#3fa46a;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}