:root {
  --color-black: #000;
  --color-white: #fff;
  --color-green: #6fb244;
  --color-transparent: transparent;
  --color-night-rider: #2d2d2d;
  --color-white-smoke: #f8f8f8;
}
html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body {
  font-size: 16px;
  font-family: "Open Sans", sans-serif !important;
  color: var(--color-black);
}
p{
    text-align:justify;
}
.container-fluid {
  width: 98% !important;
  max-width: 98% !important;
}
.header-top-bar {
  border-top: 10px solid var(--color-night-rider);
  font-size: 14px;
}
.header-top-bar .container-fluid {
  width: 100% !important;
  max-width: 100% !important;
}
.header-top-content-area {
  height: 35px;
  background-color: var(--color-night-rider);
}
.main-menu .navbar-brand {
  padding-top: 0;
  margin-right: 0;
}

.mobile-menu-close {
  font-size: 25px;
  padding: 5px 15px;
  float: right;
  cursor: pointer;
}

.navbar-brand img {
  width: 90%;
}
.navbar-brand {
  padding-bottom: 15px;
}
ul.top-area-reach-us {
  margin-bottom: 0;
  padding-inline-start: 15px;
}

ul.top-area-location {
  padding-inline-start: 50px;
}

.header-top-content-area {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 2% 100%);
}

.top-area-location li {
  color: var(--color-white);
  /* list-style: none; */
  display: inline-block;
  margin-right: 5px;
}
.top-area-location li::marker {
  color: var(--color-white);
}

.top-area-location li:not(:first-child)::before{
  color: var(--color-white);
  content: "\2022";
  font-weight: bold;
  display: inline-block;
  width: 10px;
  vertical-align: middle;
  margin-right: 10px;
}
.top-area-reach-us li:nth-child(2) {
  margin-right: 10px;
}
.top-area-reach-us li:nth-child(3) a:hover svg path {
  fill: #0077b5;
  transition: 0.3s;
}
.top-area-reach-us li:nth-child(4) a:hover svg path {
  fill: #1da1f2;
  transition: 0.3s;
}
.top-area-reach-us li:nth-child(5) a:hover svg path {
  fill: #316ff6;
  transition: 0.3s;
}
.top-area-reach-us li a {
  color: var(--color-white);
  transition: 0.3s;
}
.top-area-reach-us li a:is(:focus, :hover) {
  color: var(--color-white);
}
.padding-right-0 {
  padding-right: 0;
}
.top-area-reach-us svg {
  width: 15px;
  height: 15px;
}
.top-area-reach-us svg path {
  fill: var(--color-white);
}
.top-area-reach-us li:first-child,
.top-area-reach-us li:nth-child(2) {
  border: none !important;
  height: auto !important;
  padding: 0 10px 0 0;
}
.top-area-reach-us li {
  /* border-left: 1px solid #ffffff9e; */
  height: 35px;
  padding: 0 5px;
  color: var(--color-white);
  /* list-style: none; */
  display: inline-block;
}
/* .top-area-reach-us li:last-child {
  border-right: 1px solid #ffffff9e;
} */
.top-area-right {
  padding-right: 50px;
  text-align: right;
}
.main-menu .navbar {
  padding: 0;
}
#mega-menu-wrap-primary {
  background-color: var(--color-white);
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item.mega-current-menu-item
  > a.mega-menu-link,
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item.mega-current-menu-ancestor
  > a.mega-menu-link,
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item.mega-current-page-ancestor
  > a.mega-menu-link {
  font-weight: bold;
  color: var(--color-black) !important;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item
  > a.mega-menu-link {
  color: var(--color-black) !important;
  font-weight: bold;
  font-size: 16px !important;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  li.mega-current-menu-ancestor.mega-item-align-float-left
  > a.mega-menu-link,
#mega-menu-wrap-primary
  #mega-menu-primary
  li.mega-current-menu-ancestor.mega-menu-flyout
  > a.mega-menu-link,
#mega-menu-wrap-primary
  #mega-menu-primary
  li.mega-current_page_item.mega-menu-flyout
  > a.mega-menu-link {
  color: var(--color-green) !important;
  background-color: var(--color-white) !important;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item
  > a.mega-menu-link {
  padding: 0 20px !important;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item.mega-toggle-on
  > a.mega-menu-link {
  background-color: var(--color-transparent);
  color: var(--color-green) !important;
  font-weight: bold;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item
  > a.mega-menu-link:hover,
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item
  > a.mega-menu-link:focus {
  background-color: var(--color-white);
  color: var(--color-green) !important;
  font-weight: bold !important;
}
.banner-one {
  background-image: url("../images/banner3.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 85vh;
  min-height: 100%;
  max-height: 100%;
}
.banner-content {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
  height: 55vh;
}
.banner-content h1 {
  font-size: 50px;
  color: var(--color-green);
  font-weight: bold;
  margin: 0;
  padding-bottom: 0;
  text-shadow: 4px 4px 4px #000;
}
.banner-content p {
  color: var(--color-white);
  font-size: 28px;
  text-shadow: 2px 2px 3px #000;
}
/* .carousel-fade .carousel-inner .carousel-item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .carousel-item.active {
  opacity: 0.9;
} */
.banner-two {
  background-image: url("../images/banner4.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 85vh;
  min-height: 100%;
  max-height: 100%;
}
.banner-three {
  background-image: url("../images/banner2.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 85vh;
  min-height: 100%;
  max-height: 100%;
}
.banner-four {
  background-image: url("../images/banner5.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 85vh;
  min-height: 100%;
  max-height: 100%;
}
.banner-five {
  background-image: url("../images/banner1.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 85vh;
  min-height: 100%;
  max-height: 100%;
}
.banner-cloud {
  background-image: url("../images/banner-cloud-connect.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 85vh;
  min-height: 100%;
  max-height: 100%;
}
.carousel-indicators li {
  background-color: var(--color-transparent) !important;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid var(--color-white);
}
.carousel-indicators li.active {
  background-color: var(--color-green) !important;
  border-color: var(--color-green) !important;
}
.carousel-indicators {
  bottom: 10%;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  background-color: var(--color-white) !important;
  box-shadow: 0 0 10px 0 var(--color-black) !important;
  animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
  0% {
    transform: translateY(-80px);
  }
  100% {
    transform: translateY(0px);
  }
}
.home-about-left-content-area {
  padding: 40px 0;
}
.home-about-left-content-area h6,
.home-ourproducts h6,
.home-services h6,
.our-associates-logo h6,
.about-left-content-area h6,
.about-history h6,
.leadership-team h6,
.quality-and-certificates-page h6,
.our-projects-page h6,
.our-associates-page h6,
.our-infra-page h6,
.contact-address-area h6,
.about-awards h6 {
  color: var(--color-green);
  margin: 0;
  font-size: 16px;
}
.home-about-left-content-area h2,
.home-ourproducts h2,
.home-services h2,
.our-associates-logo h2,
.about-left-content-area h2,
.about-history h2,
.leadership-team h2,
.quality-and-certificates-page h2,
.our-projects-page h2,
.our-associates-page h2,
.our-infra-page h2,
.contact-address-area h2,
.about-awards h2 {
  color: #121c22;
  font-size: 38px;
  margin-top: 0;
  padding-bottom: 0;
  font-weight: bold;
}
.home-about-left-content-area a {
  color: var(--color-green);
  text-decoration: underline;
}
.home-about-left-content-area a:is(:hover, :focus) {
  color: var(--color-green);
  text-decoration: underline;
}
.home-iso-logos {
  margin-top: 30px;
}
.home-vision-and-mission {
  background-color: var(--color-green);
  padding: 80px;
  height: 100%;
  background-image: url("../images/energy-about.png");
  background-repeat: no-repeat;
  background-position: center;
}
.vision-and-mission {
  background-color: var(--color-green);
  padding: 80px;
  background-image: url("../images/energy-about.png");
  background-repeat: no-repeat;
  background-position: center;
}
.home-vision-and-mission h2,
.vision-and-mission h2 {
  color: var(--color-white);
  font-size: 40px;
  margin-bottom: 10px;
  padding-bottom: 0;
  margin-top: 0;
}
.home-vision-and-mission p,
.vision-and-mission p {
  color: var(--color-white);
}
.margin-bottom-40 {
  margin-bottom: 40px;
}
.home-ourproducts {
  background-color: var(--color-white-smoke);
  padding: 60px 0;
}
.home-ourproducts-image {
  position: relative;
}
.home-ourproducts-number h6 {
  position: absolute;
  left: 2%;
  top: 0%;
  color: var(--color-white);
  font-size: 70px;
  font-weight: bold;
}
.products-slick .slick-list {
  overflow: hidden;
}
.product-energy img {
  position: absolute;
  left: 85%;
  bottom: 5px;
}

.home-products-content-area {
  width: 100%;
  display: block;
  background-color: var(--color-green);
  position: absolute;
  bottom: 40px;
  padding: 20px 10px;
}

.home-ourproducts-title h2 {
  color: var(--color-white);
  font-size: 20px;
  font-weight: normal;
  width: 75%;
  margin-bottom: 0;
}
.slick-class {
  flex-basis: auto;
  width: 100%;
}
.slide-item {
  margin: 10px;
  flex: 0 0 auto;
}
.home-services {
  padding: 60px 0;
}
.home-engineering-services {
  position: relative;
}

.overlay-bg-container {
  position: absolute;
  background-color: #6fb244e3;
  bottom: 10px;
  left: 0;
  right: 2px;
  padding: 10px 30px;
  transition: all 0.6s;
  /* clip-path: polygon(0 0, 95% 0, 100% 99%, 0% 100%); */
  height: 15%;
}

.home-engineering-services-title h2 {
  color: var(--color-white);
  font-weight: normal;
  font-size: 24px;
  margin: 0;
  padding: 0;
}
.home-engineering-services-content {
  display: none;
}
.home-engineering-services:hover .home-engineering-services-content {
  display: block;
  cursor: pointer;
}
.home-engineering-services:hover .overlay-bg-container {
  transition: all 0.6s;
  bottom: 0px;
  height: 45%;
  clip-path: none;
  right: 0;
}
.home-engineering-services-content p {
  color: var(--color-white);
}
.home-engineering-services-title h2::after {
  content: url("../images/icon-energy.png");
  position: relative;
  left: 1%;
  vertical-align: middle;
}
.home-trading-services {
  position: relative;
}

.overlay-trading-bg-container {
  position: absolute;
  background-color: #6fb244e3;
  bottom: 10px;
  left: 2px;
  right: 0;
  padding: 10px 30px;
  transition: all 0.6s;
  height: 15%;
}

.home-trading-services-title h2 {
  color: var(--color-white);
  font-weight: normal;
  font-size: 24px;
  margin: 0;
  padding: 0;
}
.home-trading-services-content {
  display: none;
}
.home-trading-services:hover .home-trading-services-content {
  display: block;
  cursor: pointer;
}
.home-trading-services:hover .overlay-trading-bg-container {
  transition: all 0.6s;
  bottom: 0px;
  height: 45%;
  clip-path: none;
  left: 0;
}
.home-trading-services-content p {
  color: var(--color-white);
}
.home-trading-services-title h2::before {
  content: url("../images/icon-energy.png");
  position: relative;
  right: 1%;
  vertical-align: middle;
}
.our-associates-logo {
  padding: 40px 0;
}
.footer {
  padding: 40px 0;
  background-color: var(--color-night-rider);
}
.footer-one {
  padding-bottom: 40px;
}
.footer-one h3 {
  color: var(--color-white);
  font-size: 24px;
  margin: 0;
}
.green-btn {
  background-color: var(--color-green);
  padding: 15px 30px;
  color: var(--color-white);
  border-radius: 6px;
  font-weight: bold;
}
.green-btn:is(:hover, :focus) {
  text-decoration: none;
  color: var(--color-white);
}

.footer-two .container {
  border-top: 1px solid var(--color-white);
}
.footer h4 {
  color: var(--color-green);
  font-size: 18px;
  margin-top: 0;
}
.footer-two-content-area {
  padding: 40px 0 0 0;
}
.footer-two ul {
  padding-inline-start: 20px;
}
.footer-two ul li::marker {
  color: var(--color-green);
}
.footer-two ul li a {
  color: var(--color-white);
}
.footer-two ul li {
  padding-bottom: 15px;
}
.footer-two ul:last-child {
  padding-bottom: 0;
}
.footer-two .nav-pills li {
  margin: 0 20px;
}
.footer-two ul.nav-pills {
  padding-inline-start: 0;
  border-bottom: 1px solid var(--color-white);
}
.footer-two .nav-pills li a.active {
  color: var(--color-green);
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 20px !important;
  background-color: var(--color-transparent);
}
.footer-two .nav-pills li:first-child {
  margin-left: 0;
}
.footer-two .nav-pills li a:is(:hover, :focus) {
  color: var(--color-green);
  background-color: var(--color-transparent);
}
.footer .tab-content {
  margin-top: 15px;
}
.footer .tab-content h4 {
  margin-bottom: 2px;
  font-size: 16px;
}
.footer .tab-content p {
  color: var(--color-white);
  margin-bottom: 5px;
}
.footer-address span {
  color: var(--color-white);
}
ul.footer-address {
  list-style: none;
  padding-inline-start: 0;
}
ul.footer-address b {
  float: left;
  width: 25px;
}
.footer-address li {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding-bottom: 0 !important;
}
.footer-address li span {
  width: 82%;
  float: left;
  padding: 2px 0 0 0;
}
.footer-address li a {
  color: var(--color-white);
}
.footer-address li a:hover {
  color: var(--color-white);
  text-decoration: none;
}
ul.footer-social-icons {
  padding-inline-start: 0;
}
ul.footer-social-icons li {
  display: inline-block;
  padding: 0 5px;
}
ul.footer-social-icons li:first-child {
  padding-left: 0;
}
ul.footer-social-icons svg {
  width: 25px;
  height: 25px;
  background-color: var(--color-green);
  border-radius: 50%;
}
ul.footer-social-icons svg path {
  fill: var(--color-white);
}
ul.footer-social-icons li svg g {
  fill: var(--color-white);
}
.copyrights {
  padding: 20px 0;
  background-color: var(--color-green);
  color: var(--color-white);
  font-size: 14px;
}
.copyrights a {
  color: var(--color-white);
}
.copyrights a:is(:hover, :focus) {
  color: var(--color-white);
}
.footer-address svg {
  width: 20px;
  height: 20px;
}
.footer-address svg path {
  fill: var(--color-green);
}

#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu {
  background-color: var(--color-green) !important;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link {
  background-color: var(--color-green) !important;
  font-size: 16px;
  padding: 7px 15px;
  color: var(--color-white);
  transition: 0.3s !important;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link:is(:hover, :focus) {
  color: var(--color-white);
}
.subpage-banner {
  background-image: url("../images/banner-empty.webp");
  background-color: var(--color-black);
  height: 250px;
  position: relative;
  background-position: center;
  background-size: cover;
}
.page-template-iiot .subpage-banner {
  background-image: url("../images/sub-banner-iiot.webp");
}
.page-template-automation-division .subpage-banner {
  background-image: url("../images/sub-banner-automation-division.webp");
}
.page-template-hazardous .subpage-banner {
  background-image: url("../images/sub-banner-hazardous-area-automation.webp");
}
.page-template-distributed .subpage-banner {
  background-image: url("../images/sub-banner-distributed-control-system.webp");
}
.page-template-electrical .subpage-banner {
  background-image: url("../images/sub-banner-electrical.webp");
}
.page-template-instrumentation .subpage-banner {
  background-image: url("../images/sub-banner-instrumentation.webp");
}
.page-template-trading .subpage-banner {
  background-image: url("../images/sub-banner-trading.webp");
}
.page-template-company-overview .subpage-banner {
  background-image: url("../images/banner-about.webp");
}
.page-template-leadership-team .subpage-banner {
  background-image: url("../images/banner-our-team.webp");
}
.page-template-quality .subpage-banner {
  background-image: url("../images/banner-quality-certificates.webp");
}
.page-template-our-projects .subpage-banner {
  background-image: url("../images/banner-our-projects.webp");
}
.page-template-our-associates .subpage-banner {
  background-image: url("../images/banner-our-associates.webp");
}
.page-template-careers .subpage-banner,
.single-awsm_job_openings .subpage-banner {
  background-image: url("../images/banner-careers.webp");
}
.page-template-contact .subpage-banner {
  background-image: url("../images/banner-contact-us.webp");
}
.page-template-our-infrastructure .subpage-banner {
  background-image: url("../images/sub-banner-infra.webp");
}
.page-template-engineering-services .subpage-banner {
  background-image: url("../images/sub-banner-engineering-services.webp");
}
.subpage-banner-content {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 250px;
  flex-wrap: wrap;
  flex-direction: column;
}
.subpage-banner-content .breadcrumb {
  padding: 0;
  background-color: var(--color-transparent);
  margin-bottom: 0;
}
.subpage-banner-content .breadcrumb a,
.subpage-banner-content .breadcrumb a:is(:hover, :focus),
.subpage-banner-content .breadcrumb span {
  color: var(--color-white);
}
.subpage-banner-content h1 {
  color: var(--color-green);
  margin: 0;
  font-size: 40px;
  font-weight: bold;
  padding: 0;
}
.about-left-content-area {
  padding: 40px 0;
}
.about-iso-logos {
  margin-top: 40px;
}
.about-video {
  padding: 80px 0;
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: var(--color-black);
  background-image: url("../images/about-intro-video-bg.webp");
}
.about-video h6 {
  color: var(--color-green);
  margin: 0;
}
.about-video h2 {
  color: var(--color-white);
  font-size: 40px;
  margin-top: 0;
  padding-bottom: 0;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  li.mega-menu-item-has-children
  > a.mega-menu-link
  > span.mega-indicator:after {
  content: "\f347" !important;
  color: var(--color-black) !important;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  li.mega-menu-item-has-children.mega-current-menu-parent
  > a.mega-menu-link
  > span.mega-indicator:after {
  content: "\f347" !important;
  color: var(--color-green) !important;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  li.mega-menu-item-has-children
  > a.mega-menu-link:is(:focus, :hover)
  > span.mega-indicator:after {
  content: "\f347" !important;
  color: var(--color-green) !important;
}
.about-video p {
  color: var(--color-white);
  margin-bottom: 0;
}
.about-video svg {
  width: 50px;
  height: 50px;
}
.about-video svg path {
  fill: var(--color-green);
}
/* videoPopup */
.popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 25px;
  border-radius: 5px;
  z-index: 9999;
  transition: all 0.3s ease; /* Add transition effect */
  background-color: var(--color-white);
}
.close {
  cursor: pointer;
  color: var(--color-white);
  opacity: 1;
  position: absolute;
  right: 0;
  top: -30px;
}
.close:is(:hover, :focus) {
  color: var(--color-white);
  opacity: 1 !important;
}

.popup.active {
  display: block;
  opacity: 1;
}
.popup iframe {
  width: 100%; /* Initial width */
  height: 500px;
  transition: width 0.3s ease; /* Add transition effect */
}
.popup.active iframe {
  width: 800px;
}

/* Styles for overlay */
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9998;
}
.overlay.active {
  display: block;
}

body.modal-open {
  overflow: hidden; /* Hide scrollbar */
}
.about-history {
  padding: 40px 0;
}
.margin-bottom-30 {
  margin-bottom: 30px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.leadership-team {
  padding: 40px 0;
}
.quality-and-certificates-page {
  padding: 40px 0;
}
.quality-main-content {
  margin-top: 30px;
}
.quality-and-certificates-page p {
  margin-bottom: 10px;
}
.quality-main-content ul {
  margin-bottom: 0;
}
.quality-main-content li {
  padding-bottom: 8px;
}
.quality-main-content li:last-child {
  margin-bottom: 0;
}
.certificates-area {
  margin-top: 30px;
}
.certificates-gallery img {
  border: 2px solid #f1f1f1;
}
/* .certificates-gallery h3 {
  color: var(--color-green);
  font-size: 18px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 10px;
} */
.certificates-area h2 {
  margin-bottom: 30px;
}
.our-projects-page {
  padding: 40px 0;
}
.ourprojects-tab {
  margin-top: 40px;
}

.ourprojects-tab .nav-pills li {
  margin: 0 2px;
}
.ourprojects-tab .nav-pills li:first-child {
  margin-left: 0;
}
.ourprojects-tab ul.nav-pills {
  padding-inline-start: 0;
}
.ourprojects-tab .nav-pills li a {
  padding: 5px 15px;
  border: 1px solid #707070;
  color: var(--color-black);
  font-weight: bold;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.ourprojects-tab .nav-pills li a:is(:hover, :focus),
.ourprojects-tab .nav-pills li a.active {
  background-color: var(--color-green);
  color: var(--color-white);
}
.america-projects-gallery,
.australia-projects-gallery,
.asia-projects-gallery,
.middle_east-projects-gallery,
.africa-projects-gallery {
  padding: 20px;
}

.ourprojects-tab h3 {
  color: var(--color-white);
  font-weight: bold;
  line-height: 110%;
  font-size: 16px;
}
.ourprojects-tab .tab-content {
  border: 1px solid #707070;
  margin-top: 4px;
}
.our-associates-page {
  padding: 40px 0;
}
.associates-border {
  border: 1px solid #707070;
  padding: 40px 0;
}
.our-associates-logos .container-fluid {
  width: 100% !important;
  max-width: 100% !important;
}
.our-infra-page {
  padding: 40px 0;
}
.contact-address-area {
  padding-top: 40px;
}

.contact-address-area-tab .nav-pills li {
  margin: 0 2px;
}
.contact-address-area-tab .nav-pills li:first-child {
  margin-left: 0;
}
.contact-address-area-tab ul.nav-pills {
  padding-inline-start: 0;
}
.contact-address-area-tab .nav-pills li a {
  padding: 5px 15px;
  border: 1px solid #ccc;
  color: var(--color-black);
  font-weight: bold;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.contact-address-area-tab .nav-pills li a:is(:hover, :focus),
.contact-address-area-tab .nav-pills li a.active {
  background-color: var(--color-green);
  color: var(--color-white);
}
.contact-address-area-tab {
  margin-top: 40px;
}
.contact-address-area-tab .contact-address-tab {
  padding: 20px;
}
.contact-address-area-tab .tab-content {
  border: 1px solid var(--color-green);
  margin-top: 4px;
  margin-bottom: 20px;
}
.contact-address-area-tab li span,
.contact-address-area-tab li a,
.contact-address-area-tab li a:is(:hover, :focus) {
  color: var(--color-black);
}
.contact-address-area-tab .tab-pane {
  padding: 20px;
}
.contact-address-area-tab .tab-content h4 {
  margin-bottom: 2px;
  font-size: 16px;
  color: var(--color-green);
  margin-top: 0;
}
.contact-address-area-tab .tab-content p {
  color: var(--color-black);
  margin-bottom: 5px;
}
.contact-form-area {
  background-color: var(--color-green);
  padding: 40px;
}
.contact-form-area h4 {
  font-size: 30px;
  color: var(--color-white);
  font-weight: bold;
}
.contact-form-area p {
  color: var(--color-white);
}
.contact-form-area .form-control {
  background-color: var(--color-transparent);
  color: var(--color-white) !important;
}
.contact-form-area .form-control:is(:focus, :hover) {
  border-color: #ced4da;
  box-shadow: none;
  outline: navajowhite;
}
.contact-form-area .form-control {
  height: 50px;
}
.contact-form-area textarea.form-control {
  height: auto;
}
/* Change placeholder text color */
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: var(--color-white) !important; /* Change to your desired color */
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: var(--color-white) !important; /* Change to your desired color */
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--color-white) !important; /* Change to your desired color */
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: var(--color-white) !important; /* Change to your desired color */
}
.contact-form-area .btn {
  padding: 10px 25px;
  background-color: var(--color-transparent);
  border: 1px solid var(--color-white);
  border-radius: 6px;
  font-weight: bold;
}
textarea {
  resize: none;
}
.key-persons-box {
  border: 1px solid #ccc;
}
.key-persons-title {
  padding: 30px 20px;
  background-color: var(--color-night-rider);
  color: var(--color-white);
}
.key-persons-title h5 {
  color: var(--color-white);
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.contact-key-persons {
  margin-top: 30px;
}
.key-persons-content-box {
  padding: 0 20px;
  margin-bottom: 3px;
}
.profile-pic-area {
  margin-top: -85px;
}
.key-persons-content-box h3 {
  font-size: 16px;
  margin: 0;
  font-weight: bold;
}
.key-persons-content-box h2 {
  font-size: 13px;
  margin: 0;
  color: var(--color-night-rider);
}
.contact-person-email-and-num {
  font-size: 14px;
  padding: 10px 0;
}
.contact-person-email-and-num svg {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.contact-person-email-and-num svg path {
  fill: var(--color-green);
}
.contact-person-email-and-num a {
  color: var(--color-black);
}
.contact-person-email-and-num a:is(:hover, :focus) {
  color: var(--color-black);
}
.wpcf7-response-output {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.btn-primary:focus {
  box-shadow: none !important;
}
.wpcf7-not-valid-tip {
  color: var(--color-white);
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--color-transparent) !important;
  border-color: var(--color-white) !important;
}
.products-page,
.services-page {
  padding: 40px 0;
}
.products-sidebar ul,
.services-sidebar ul {
  padding-inline-start: 0;
}
.products-sidebar ul li,
.services-sidebar ul li {
  list-style: none;
  line-height: 250%;
}
.products-sidebar ul li a,
.services-sidebar ul li a {
  background-color: var(--color-night-rider);
  border: 1px solid var(--color-white);
  padding: 10px 15px;
  display: block;
  color: var(--color-white);
}
.products-sidebar ul li a:is(:hover, :focus),
.services-sidebar ul li a:is(:hover, :focus) {
  text-decoration: none;
  background-color: var(--color-green);
}
.products-sidebar ul li.sub-page-active a,
.services-sidebar ul li.sub-page-active a {
  background-color: var(--color-green);
}
.products-content-area p,
.services-content-area {
  margin-bottom: 12px;
}
.products-infograph-area {
  padding: 0;
}
.page-template-hazardous .products-infograph-area {
  padding: 0px 0 20px 0;
}
.page-template-automation-division .products-infograph-area,
.page-template-distributed .products-infograph-area,
.page-template-electrical .products-infograph-area {
  padding: 10px 0px 20px 0;
}
/* .products-infograph-below-content-area {
  padding: 20px 0 0 0;
} */
.products-toparea-content,
.services-toparea-content {
  margin-bottom: 30px;
}
.products-infograph-below-content-area p {
  margin-bottom: 10px;
}
.electrical-division-image-area .margin-bottom-40:last-of-type{
	margin-bottom:0!important;
}

.engineering-image img,
img.engineers {
  margin-bottom: 30px;
}
.quality-main-content li::marker,
.services-page li::marker {
  color: var(--color-green);
}
.services-page .services-content-area li {
  padding-bottom: 8px;
}
.services-page li:last-child {
  padding-bottom: 0;
}
.careers-page {
  padding: 40px 0;
}
.awsm-filter-wrap .awsm-filter-items {
  justify-content: center;
}
.awsm-selectric .label {
  font-size: 16px !important;
}
.page-template-careers .awsm-job-post-title {
  border-bottom: 1px solid #000;
}
.page-template-careers .awsm-selectric {
  border: 1px solid #000;
}
.page-template-careers .awsm-grid-item .awsm-job-item {
  border: 1px solid #ccc;
  box-shadow: 0 3px 15px -5px rgb(0 0 0 / 20%);
}
.awsm-job-more {
  color: var(--color-green);
  text-decoration: underline;
}
.awsm-job-item {
  font-size: 16px;
}
.awsm-job-item h2.awsm-job-post-title {
  color: var(--color-green);
}
.awsm-selectric-items li.highlighted {
  background-color: var(--color-green);
  font-size: 16px;
  color: var(--color-white);
}
.awsm-selectric-items li {
  background-color: var(--color-white);
  color: var(--color-black);
  font-size: 16px;
}
.awsm-selectric-items li:is(:hover, :focus) {
  background-color: var(--color-green);
  color: var(--color-white);
}

.awsm-filter-items {
  margin-bottom: 20px;
  margin-top: 10px;
}

.awsm-job-form-inner h2 {
  color: var(--color-green);
}
.awsm_job_openings-template-custom h1.entry-title {
  display: none;
}

.awsm-selectric-wrapper {
  min-width: 200px;
}
.awsm-job-form-control {
  height: 45px;
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem !important;
}
textarea {
  resize: none;
}
textarea.awsm-job-form-control {
  height: auto !important;
}
.awsm-application-submit-btn {
  background-color: var(--color-green);
  padding: 15px 30px;
  color: var(--color-white);
  font-weight: bold;
  border-radius: 6px;
  transition: 0.3s;
  display: inline-block;
  border: none !important;
}
.awsm-application-submit-btn:is(:hover, :focus) {
  background-color: var(--color-green);
  color: #fff;
  text-decoration: none;
}
.awsm-job-form-group label {
  margin-bottom: 5px;
}
.awsm-resume-file-control.awsm-job-form-control {
  height: auto;
  border: none !important;
}
.error-page {
  padding: 40px 0;
}

.page-template-careers .awsm-job-specification-job-type {
  margin-bottom: 10px;
}
.page-template-careers .awsm-job-specification-job-type::before {
  content: "Job Type:";
  font-weight: bold;
  margin-right: 5px;
}
.page-template-careers .awsm-job-specification-job-location::before {
  content: "Job Location:";
  font-weight: bold;
  margin-right: 5px;
}
.page-template-careers .custom-excerpt-class::before {
  content: "Job Description:";
  font-weight: bold;
  margin-right: 5px;
}
.page-template-careers .custom-excerpt-class {
  color: var(--color-black) !important;
  margin-bottom: 10px;
}
.page-template-careers .awsm-job-specification-job-location {
  margin-bottom: 10px;
}
.awsm-filter-toggle-text-wrapper {
  color: var(--color-black) !important;
}
.awsm-filter-toggle.awsm-on {
  background-color: var(--color-white);
}
.awsm-filter-toggle {
  border-color: var(--color-black);
}
.wpcf7-response-output {
  color: var(--color-white);
  text-align: center;
}
.home-our-services-title-area {
  margin-bottom: 30px;
}
.products-slick figure {
  overflow: hidden;
  margin: 0;
}
.products-slick figure img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.products-slick figure img:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  > a.mega-menu-link:hover {
  transition: 0.3s !important;
  padding-left: 20px !important;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link:hover {
  background-color: #5e8a42 !important;
}
.about-video span.material-icons-outlined {
  font-size: 50px;
  color: var(--color-green);
  cursor: pointer;
  animation-name: pulse;
  animation-duration: 2.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--color-green);
    border-radius: 50%;
  }
  80% {
    box-shadow: 0 0 0 8px #5e8a42;
    border-radius: 50%;
  }
}
.breadcrumb span.material-icons-outlined {
  font-size: 14px;
  line-height: 1.85;
  padding: 0 5px;
}
.form-control {
  font-size: 16px;
}
.home-about-left-content-area a img {
  vertical-align: text-bottom;
}
.trading-image-area img {
  border: 1px solid #f1f1f1;
}
.trading-image-area h3,
.certificates-gallery h3,
.our-projects-title-area h3 {
  color: var(--color-night-rider);
  font-size: 18px;
  line-height: 110%;
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: bold;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-bottom-30 {
  margin-bottom: 30px;
}
.page-template-trading .our-associates-logo {
  padding-top: 5px;
}

.team-layer-one h2 span,
.team-layer-two h2 span {
  color: var(--color-green);
  font-size: 18px !important;
}
.team-layer-one h2,
.team-layer-two h2 {
  margin-bottom: 2px;
  font-size: 18px !important;
  margin: 15px 0 5px 0;
}
.team-layer-one h3,
.team-layer-two h3 {
  margin: 0;
}
.team-layer-one h3
{
    color:#6fb244;
}
.team-layer-one {
  margin-top: 20px;
  margin-bottom: 60px;
}

.team-layer-two {
  margin-top: 40px;
}

.team-layer-two img {
   border: 2px solid #ccc;
}

.our-infra-border {
  border: 1px solid #ccc;
  padding: 40px 0;
}
.our-infra-logos .container-fluid {
  width: 100% !important;
  max-width: 100% !important;
}
.our-infra-logos img {
  padding: 0 10px;
}
.our-associates-thank-you {
  background-color: var(--color-white-smoke);
  padding: 100px 0;
}
.our-associates-thank-you img {
  display: block;
  margin: 0 auto;
}

.our-associates-thank-you .container {
  background-image: url("../images/map-thankyou.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.our-associates-text-area h3 {
  font-size: 38px;
  color: #121c22;
  font-weight: bold;
  line-height: 110%;
  margin-top: 0;
}
.our-projects-image-area {
  position: relative;
}
/* .our-projects-title-area {
  width: 100%;
  padding: 0 10px;
  min-height: 70px;
  overflow: hidden;
} */

.our-projects-image-area figure {
  overflow: hidden;
  margin: 0;
}
.our-projects-image-area figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.our-projects-image-area figure img:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.about-awards {
  padding: 40px 0;
  background-color: #ecffde;
  background-image: linear-gradient(to bottom right, #fff, #e5ffd3);
}
.about-awards p {
  margin-bottom: 0;
}
.recaptcha .form-control {
  border: none !important;
  height: auto !important;
  padding: 0 !important;
}
.wpcf7-submit{
	margin-top:25px
}
.team-layer-one h4{
    font-size:25px;
    font-weight:bold;
    margin-bottom:15px;
    padding:0;
    margin-top:0;
    color: #6fb244;
}
.team-layer-one p{
    margin-bottom:15px;
}
.team-layer-one h5{
    font-family:"Brush Script MT", "Mr De Haviland", serif;
    margin:0 0 10px 0;
    font-size:35px;
}
.page-template-hazardous .products-content-area ul li, .page-template-automation-division .products-content-area ul li{
    padding-bottom:10px;
}
.products-toparea-content h2, .services-toparea-content h2{
    margin:0 0 10px 0;
    padding:0;
    color: #121c22;
    font-weight:bold;
    font-size:35px;
    
}

.team-layer-one img{
    border:4px solid #fff;
  box-shadow: 4px 4px 4px #ccc;
}

.directors-message
{
    background: rgb(196,223,181);
background: linear-gradient(180deg, rgb(231, 255, 218) 0%, rgb(255, 255, 255) 35%, rgb(255, 255, 255) 100%);
padding:25px;
border:1px solid #6fb244;
border-radius:12px;
}