@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Outfit:wght@100..900&display=swap');

.poppins-thin {

  font-family: "Outfit", sans-serif;

  font-weight: 100;

  font-style: normal;

}



.poppins-extralight {

  font-family: "Outfit", sans-serif;

  font-weight: 200;

  font-style: normal;

}



.poppins-light {

  font-family: "Outfit", sans-serif;

  font-weight: 300;

  font-style: normal;

}



.poppins-regular {

  font-family: "Outfit", sans-serif;

  font-weight: 400;

  font-style: normal;

}



.poppins-medium {

  font-family: "Outfit", sans-serif;

  font-weight: 500;

  font-style: normal;

}



.poppins-semibold {

  font-family: "Outfit", sans-serif;

  font-weight: 600;

  font-style: normal;

}



.poppins-bold {

  font-family: "Outfit", sans-serif;

  font-weight: 700;

  font-style: normal;

}



.poppins-extrabold {

  font-family: "Outfit", sans-serif;

  font-weight: 800;

  font-style: normal;

}



.poppins-black {

  font-family: "Outfit", sans-serif;

  font-weight: 900;

  font-style: normal;

}



.poppins-thin-italic {

  font-family: "Outfit", sans-serif;

  font-weight: 100;

  font-style: italic;

}



.poppins-extralight-italic {

  font-family: "Outfit", sans-serif;

  font-weight: 200;

  font-style: italic;

}



.poppins-light-italic {

  font-family: "Outfit", sans-serif;

  font-weight: 300;

  font-style: italic;

}



.poppins-regular-italic {

  font-family: "Outfit", sans-serif;

  font-weight: 400;

  font-style: italic;

}



.poppins-medium-italic {

  font-family: "Outfit", sans-serif;

  font-weight: 500;

  font-style: italic;

}



.poppins-semibold-italic {

  font-family: "Outfit", sans-serif;

  font-weight: 600;

  font-style: italic;

}



.poppins-bold-italic {

  font-family: "Outfit", sans-serif;

  font-weight: 700;

  font-style: italic;

}



.poppins-extrabold-italic {

  font-family: "Outfit", sans-serif;

  font-weight: 800;

  font-style: italic;

}



.poppins-black-italic {

  font-family: "Outfit", sans-serif;

  font-weight: 900;

  font-style: italic;

}



:root {

  /* Fonts */

  --font-1: "Outfit", sans-serif;



  /* Colors */

  --red: #eb1c23;

  --blue: #034ea0;

  --text-color: #232323;

  --text-light: #fff;

  --bg-color-1: rgba(255, 255, 255, 0.9);

  --bg-color-2: #f5f5f5;

  --bg-white: #fff;

  --bg-dark: #000;



  --bg-gradient-1: linear-gradient(90deg,

      rgba(235, 28, 35, 1) 0%,

      rgba(3, 78, 160, 1) 100%);

  --bg-gradient-2: linear-gradient(90deg,

      rgba(0, 141, 214, 1) 0%,

      rgba(3, 78, 160, 1) 62%);

  --bg-cross-gradient: linear-gradient(130deg, rgba(0, 141, 214, 1) 0%, rgba(3, 78, 160, 1) 62%);



  --bg-gradient-1-hover: linear-gradient(270deg,

      rgba(235, 28, 35, 1) 0%,

      rgba(3, 78, 160, 1) 100%);

  --bg-gradient-2-hover: linear-gradient(90deg,

      rgba(0, 141, 214, 1) 0%,

      rgba(3, 78, 160, 1) 0%);



  /* transition */

  --btn-transition: all 0.2s ease;



  /* Border Radius */

  --br-1: 5px;

  --br-15: 15px;



  /* Box Shadow */

  --b-shadow-1: rgba(0, 0, 0, 0.35) 0px 5px 15px;

  --b-shadow-2: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}



.container {

  max-width: 1400px !important;

  width: 100%;

}



*,

*::after,

*::before {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



html,

body {
font-family: "Outfit", sans-serif;
  overscroll-behavior: none;

}



/* Prevent font size inflation */

html {

  -moz-text-size-adjust: none;

  -webkit-text-size-adjust: none;

  text-size-adjust: none;

}



body {

  font-family: var(--font-1);

  text-transform: uppercase;

}



p {

  font-size: 18px !important;

}



h2 {

  font-weight: 600;

}



h1,

h2,

h3,

h4,

h5,

h6,

p {

  margin: 0;

  padding: 0;

}



.ag-products-inner-div-content .btn-global-v2:hover {

  color: #248dd4 !important;

}



/* .btn-global-v2:focus,

.btn-global-v2:hover {

  color: #248dd4;

} */



.product-category-inner .carousel-inner>.item>a>img,

.carousel-inner>.item>img,

.img-responsive,

.thumbnail a>img,

.thumbnail>img {

  display: block;

  max-width: 100%;

  height: 100%;

  object-fit: contain;

}



.carousel-inner div,

.carousel-inner div img {

  height: 100%;

}



.carousel-inner {

  border-radius: 12px;

  height: 523px;

}



a:focus,

a:hover {

  color: white;

  text-decoration: none;

}



ul,

ol {

  list-style: none;

  margin: 0;

  padding: 0;

}



a {

  text-decoration: none;

}



img,

picture {

  max-width: 100%;

  width: 100%;

}



button {

  border: none;

  outline: none;

  box-shadow: none;

}



/* Global Style Start */



.pt-100 {

  padding-top: 100px;

}



.pb-100 {

  padding-bottom: 100px;

}



.pb-200 {

  padding-bottom: 200px;

}



.pt-50 {

  padding-top: 50px;

}



.pb-50 {

  padding-bottom: 50px;

}



.mt-50 {

  margin-top: 50px;

}



.section-title {

  display: flex;

  flex-direction: column;

  gap: 30px;

}



.section-title h2 {

  font-size: 46px;

  font-weight: 600;

}



.section-title h2 span {

  color: var(--blue);

  font-weight: 600;

}



.section-title p {

  max-width: 800px;

  font-size: 22px;

  text-align: justify;

}



.btn-global-v1 {

  background: var(--bg-gradient-1);

  padding: 10px 25px;

  border-radius: var(--br-1);

  color: var(--text-light);

  transition: var(--btn-transition);

  box-shadow: var(--b-shadow-2);

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  text-transform: capitalize;

}



.btn-global-v1:hover {

  box-shadow: var(--b-shadow-1);

  transition: var(--btn-transition);

}



.btn-global-v2 {

  background: var(--bg-gradient-2);

  padding: 10px 25px;

  border-radius: var(--br-1);

  color: var(--text-light);

  transition: var(--btn-transition);

  box-shadow: var(--b-shadow-2);

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  text-transform: capitalize;

  width: max-content;

  text-transform: uppercase;

}



.btn-global-v2 .fa-arrow-right {

  transform: rotate(-45deg);

  transition: var(--btn-transition);

}

.btn-global-v2 .fa-arrow-left {

  transform: rotate(50deg);

  transition: var(--btn-transition);

}

.btn-global-v2:hover {

  box-shadow: var(--b-shadow-1);

  transition: var(--btn-transition);

}



.btn-global-v2:hover .fa-arrow-right {

  transform: rotate(0deg);

  transition: var(--btn-transition);

}

.btn-global-v2:hover .fa-arrow-left {

  transform: rotate(0deg);

  transition: var(--btn-transition);

}

/* Global Style End */



/* Header section start */



.header {

  /* position: absolute; */

  top: 0;

  left: 0;

  width: 100%;

  box-shadow: rgb(0 0 0 / 8%) 0px 5px 8px;

  z-index: 999;

  background-color: rgba(255, 255, 255);

  position: sticky;

  top: 0;

}



.navbar {

  width: 100%;

  display: flex;

  padding: 15px 15px;



  align-items: center;

  justify-content: space-between;

}



.navbar .nav-logo {

  width: 150px;

}



.navbar .nav-link .nav-items {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 40px;

}



.navbar .sub-menu a {

  padding: auto !important;

}



.navbar .nav-link .nav-items .nav-links a {

  color: var(--blue);

  font-size: 16px;

  font-weight: 500;

  padding: 20px 0px;

  transition: var(--btn-transition);

}



.navbar .nav-link .nav-items .nav-links a:hover {

  color: var(--blue);

  transition: var(--btn-transition);

}



.dekstop-menu .item-has-children>a {

  margin-right: 20px;

}



.dekstop-menu .item-has-children>a::after {

  content: " ";

  color: rgb(18, 18, 18);

  margin-left: -21px;

  right: -7px !important;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  rotate: 0deg;

  top: 3px !important;

  top: 20px;

  width: 18px;

  height: 18px;

  font-size: 22px;

  cursor: pointer;

  position: absolute;

  transition: transform 0.3s ease-in-out;

  background-image: url(../images/down-arrow-black.png) !important;

}



.navbar .nav-cta-btn {

  display: flex;

  align-items: center;

  justify-content: center;

}



.nav-links {

  position: relative;

}



.submenu {

  position: absolute;

  top: 98%;

  left: 0;

  background: #fff;

  list-style: none;

  margin: 0;

  padding: 10px;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

  border-radius: 6px;

  overflow: hidden;



  /* Animation base state */

  max-height: 0;



  display: none;



  flex-direction: column;



  z-index: 999;

  width: 250px;

  max-height: max-content;

}



.nav-links.item-has-children:hover .submenu {

  display: block;

}



.nav-links .submenu .sub-menu-link {

  display: flex;

  align-items: center;

  justify-content: center;

}



.nav-links .submenu .sub-menu-link a {

  color: var(--blue);

  padding: 11px !important;

  width: 100%;



  border-radius: var(--br-1);

}



.nav-links:hover .submenu .sub-menu-link a:hover {

  background: var(--bg-gradient-2);



  border-radius: var(--br-1);

  color: var(--text-light);

}



.navbar .nav-toggle button {

  background-color: transparent;

}



/* Header section End */



/* Hero Section Star */

.ag-hero-section {

  height: 100dvh;

  position: relative;

}



.hero-bg {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: -100;

  overflow: hidden;

  filter: brightness(0.6);

}



.hero-bg video {

  object-fit: cover;

  z-index: -100;

  background-position: 50%;

  background-size: cover;

  width: 100%;

  height: 100%;

  margin: auto;

  position: absolute;

  inset: -100%;

}



.hero-bg img {

  object-fit: cover;

  z-index: -100;

  background-position: 50%;

  background-size: cover;

  width: 100%;

  height: 100%;

  margin: auto;

  position: absolute;

  inset: -100%;

}



.hero-wrapper {

  width: 100%;

  height: 100vh;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  gap: 25px;

}



.hero-wrapper h1 {

  color: var(--text-light);

  font-size: 80px;

  /* max-width: 600px; */

  text-align: center;

}



.hero-wrapper h1 span {

  color: var(--blue);

  font-weight: 600;

}



.ag-cta-bottom p {

  font-size: 16px !important;

}



.hero-wrapper p {

  color: var(--text-light);

  opacity: 0.9;

  max-width: 600px;

  text-align: center;

  /* font-size: 26px; */

}



.hero-btn {

  display: flex;

  align-items: center;

  justify-content: center;

}



/* Hero Section End */



/* Hero Slider Section Start */



.hero-slider {

  width: 100%;

  height: 100vh;

}



.swiper-container {

  width: 100%;

  height: 100%;

}



.slide {

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

  text-align: center;

  font-size: 18px;

  background: #fff;

  overflow: hidden;

  flex-direction: column;

  gap: 20px;

}



.slide-image {

  position: absolute;

  top: -200px;

  left: -200px;

  width: calc(100% + 400px);

  height: calc(100% + 400px);

  background-position: 50% 50%;

  background-size: cover;

  filter: brightness(0.4);

}



.container,

.container-fluid {

  overflow: hidden;

}



.timeline-sec .container-fluid {

  overflow: visible !important;

}



header .container {

  overflow: visible !important;

}



.slide-title {

  font-size: 4rem;

  line-height: 1;

  max-width: 50%;

  white-space: normal;

  word-break: break-word;

  color: #fff;

  z-index: 100;

  font-weight: normal;

}



.slide-sub {

  z-index: 99;

  color: var(--text-light);

  font-size: 28px;

  max-width: 600px;

}



.hero-btn {

  z-index: 99;

}



@media (min-width: 45em) {

  .slide-title {

    font-size: 60px;

    max-width: none;

  }

}



.slide-title span {

  white-space: pre;

  display: inline-block;

  opacity: 0;

}



.slideshow {

  position: relative;

}



.slideshow-pagination {

  position: absolute;

  bottom: 5rem;

  left: 0;

  width: 100%;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  transition: 0.3s opacity;

  z-index: 10;

}



.slideshow-pagination-item {

  display: flex;

  align-items: center;

}



.slideshow-pagination-item .pagination-number {

  opacity: 0.5;

}



.slideshow-pagination-item:hover,

.slideshow-pagination-item:focus {

  cursor: pointer;

}



.slideshow-pagination-item:last-of-type .pagination-separator {

  width: 0;

}



.slideshow-pagination-item.active .pagination-number {

  opacity: 1;

}



.slideshow-pagination-item.active .pagination-separator {

  width: 10vw;

}



/* Navigation */

.slideshow-navigation-button {

  position: absolute;

  top: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100%;

  width: 5rem;

  z-index: 1000;

  transition: all 0.3s ease;

  color: #fff;

}



.slideshow-navigation-button:hover,

.slideshow-navigation-button:focus {

  cursor: pointer;

  background: rgba(0, 0, 0, 0.5);

}



.slideshow-navigation-button.prev {

  left: 0;

}



.slideshow-navigation-button.next {

  right: 0;

}



/* Pagination numbers */

.pagination-number {

  font-size: 1.8rem;

  color: #fff;

  padding: 0 0.5rem;

}



.pagination-separator {

  display: none;

  position: relative;

  width: 40px;

  height: 2px;

  background: rgba(255, 255, 255, 0.25);

  transition: all 0.3s ease;

}



@media (min-width: 45em) {

  .pagination-separator {

    display: block;

  }

}



.pagination-separator-loader {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #ffffff;

  transform-origin: 0 0;

}



/* Hero Slider Section End */



/* Products section start */



.ag-products-wrapper {

  width: 100%;

  display: flex;

  flex-direction: row;

  justify-content: space-evenly;

}



.ag-products-wrapper .ag-products-card {

  background: #f5f5f5;

  border-radius: var(--br-15);

  padding: 20px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: bottom left;

  height: 250px;

  transition: var(--btn-transition);

  position: absolute;

  bottom: 0;

  width: 500px;

  left: 45%;

}



.ag-products-wrapper .ag-products-card a {

  height: 100%;

}



.ag-products-card img {

  width: 100px;

}



.ag-products-card .ag-p-content {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  height: 100%;

}



.ag-products-card .ag-p-content h3 {

  color: var(--text-light);

  font-size: 24px;

}



.ag-products-card .ag-p-content span {

  background: var(--bg-color-2);

  display: flex;

  align-items: center;

  justify-content: center;

  width: 40px;

  height: 40px;

  color: var(--blue);

  border-radius: var(--br-1);

}



.ag-products-card .ag-p-content span .fa-arrow-right {

  transform: rotate(-45deg);

  transition: var(--btn-transition);

}



.ag-products-wrapper .ag-products-card:hover {

  box-shadow: var(--b-shadow-1);

}



.ag-products-wrapper .ag-products-card:hover .ag-p-content span .fa-arrow-right {

  transform: rotate(0deg);

  transition: var(--btn-transition);

}



/* Products section end */



/* Client logo slider start */



.ag-client-section {

  max-width: 1750px;

  width: 100%;

  margin: 0 auto;

}



.c-brands-logo-wrapper {

  width: 100%;

  overflow: hidden;

  position: relative;

  background: #fff;

}



.c-brands-track {

  display: flex;

  gap: 36px;

  width: max-content;

  animation: brandScroll 10s linear infinite;

}



.c-b-cards {

  flex: 0 0 auto;

  width: 107px;

  min-height: 127px;

  display: flex;

  border-radius: 8px;

  align-items: center;

  justify-content: center;

  padding: 12px;

  border: 1px solid #dfdfdf;

}



.c-b-cards img {

  object-fit: contain;

  width: 100%;

  height: auto;

  object-fit: contain;

  filter: grayscale(0);

  transition: transform 0.3s ease, filter 0.3s ease;

}



.c-b-cards:hover img {

  transform: scale(1.05);

  filter: grayscale(0);

}



/* Animation for marquee effect */

@keyframes brandScroll {

  0% {

    transform: translateX(0);

  }



  100% {

    transform: translateX(-50%);

  }

}



/* Optional: Pause on hover */

/* .c-brands-logo-wrapper:hover .c-brands-track {

  animation-play-state: paused;

} */



/* Responsive */

@media (max-width: 768px) {

  .c-b-cards {

    width: 100px;

  }



  .c-brands-track {

    gap: 40px;

    animation-duration: 40s;

  }

}



/* Client logo slider End */



/* About section start */

.ag-about-section {

  background: var(--bg-color-2);

  z-index: -1;

}



.ag-about-wrapper {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.ag-about-wrapper .ag-about-left {

  padding: 0 10px 0 0;

  display: flex;

  flex-direction: column;

  gap: 30px;

  justify-content: center;

  width: 45%;

}



.ag-about-wrapper .ag-about-left .ag-about-content {

  display: flex;

  flex-direction: column;

  gap: 10px;

}



.ag-about-wrapper .ag-about-left .ag-about-content p {

  font-size: 16px;

  text-align: justify;

}



.ag-about-wrapper .ag-about-left .ag-about-content p span {

  color: var(--blue);

  font-weight: 600;

}



.ag-about-wrapper .ag-about-right {

  width: 48%;

  display: flex;

  flex-direction: column;

  gap: 30px;

}



.ag-about-right-first-img {

  width: 48%;

}



.ag-about-right-first {

  display: flex;

  width: 100%;

  justify-content: space-between;

  flex-direction: row;

  align-items: center;

}



.ag-about-right-second {

  width: 100%;

  height: 250px;

}



.ag-about-right-second img {

  object-fit: cover;

  height: 100%;

  width: 100%;

}



.ag-about-wrapper .ag-about-right img {

  border-radius: var(--br-15);

}



.ag-products-content {

  background: var(--bg-color-2);

  height: 400px;

  padding: 35px;

  border-radius: var(--br-15);

}



.ag-products-content h3 {

  margin-bottom: 15px;

}



/* .ag-products-content p {} */



.ag-products-wrapper-div {

  position: relative;

  width: 20%;

}



/* About section end */



/* Counter Section Start */



.ag-counter-wrapper {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  gap: 25px;

}



.ag-counter-wrapper .ag-counter-card {

  padding: 20px;

  border-radius: var(--br-15);

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  border: 1px solid var(--bg-color-2);

  width: 23%;

  cursor: pointer;

  /* Default Gradient */

  background: var(--bg-cross-gradient);

  background-size: 100% 100%;

  /* ✅ FULL SIZE by default */

  background-position: center;

  /* center still */

  transition: background-size 0.8s ease, background-position 0.8s ease;

}



.ag-counter-wrapper .ag-counter-card:hover {

  background-size: 300% 300%;

  /* ✅ expands for animated effect */

  background-position: right bottom;

  /* ✅ moves diagonally */

}



.ag-counter-card .ag-counter-number {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  gap: 20px;

}



.ag-counter-card .ag-counter-number span {

  font-size: 38px;

  color: white;

  font-weight: 600;

}



.ag-counter-title {

  margin-top: 15px;

}



.ag-counter-card .ag-counter-number img {

  width: 110px;

  padding: 4px;

  /* background: #ffffff;

        border-radius: 10px; */

}



.ag-counter-card .ag-counter-title h3 {

  font-size: 18px;

  /* color: var(--text-color); */

  text-transform: uppercase;

  line-height: 25px;

  color: white;

}



/* Counter Section End */



/* Exapansion Section Start */

.ag-exapansion-section {

  display: flex;

  flex-direction: row;

}



.ag-exapansion-left {

  background-color: #008dd6;



  width: 40%;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 130px 55px;

}



.ag-exapansion-left h2 {

  color: #fff;

  font-size: 46px;

}



.ag-exapansion-right {

  width: 60%;

  background-image: url(../images/atco-plant.png);

  background-position: center;

  background-repeat: no-repeat;

  position: relative;

  background-size: cover;

}



.ag-exapansion-right::after {

  content: "";

  background-color: rgba(0, 141, 214, 0.8);

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

}



.ag-exapansion-right-inner {

  position: relative;

  z-index: 999;

  display: flex;

  flex-direction: row;

  padding: 80px;

  gap: 20px;

  flex-wrap: wrap;

  row-gap: 40px;

  justify-content: center;

}



.ag-exapansion-right-card-img {

  width: 60px;

}



.ag-exapansion-right-card {

  width: 46%;

  display: flex;

  gap: 10px;

  flex-direction: column;

}



.ag-exapansion-right-card-content h3 {

  color: #fff;

  font-size: 18px;

  margin-bottom: 20px;

}



.ag-exapansion-right-card-content ul {

  list-style-type: disc;

  margin-left: 20px;

  display: flex;

  flex-direction: column;

  gap: 5px;

}



.ag-exapansion-right-card-content ul li {

  color: #fff;

  font-size: 16px;

}



/* Exapansion Section End */



/* cookie section start */

.ag-cta-bottom {

  width: 100%;

  position: fixed;

  bottom: 0;

  display: flex;

  background: var(--bg-cross-gradient);

  transition: all 1s ease;

  z-index: 9999;

  background-color: #008dd6;

  padding-top: 10px;

  padding-bottom: 10px;

}



.ag-cta-bottom.hide {

  transform: translateY(100%);

  transition: all 1s ease;

}



.ag-cta-bottom-outer-div {

  align-items: center;

  display: flex;

  justify-content: space-between;

  flex-direction: row;

}



.ag-cta-bottom-left {

  width: 60%;

}



.ag-cta-bottom-left p {

  color: #fff;

}



.ag-cta-bottom-right {

  width: 42%;

  display: flex;

  justify-content: flex-end;

  gap: 10px;

}



.ag-cta-bottom-right a {

  padding: 10px 15px;

  background: var(--bg-color-2) !important;

  color: #008dd6;

  font-size: 15px;

}



/* cookie section End */



/* Footer Section Start */

footer {

  padding-top: 100px;

  padding-bottom: 100px;

  background: var(--bg-color-2);

}



.ag-footer-outer {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  flex-wrap: wrap;

}



.ag-footer-logo-div {

  width: 192px;

}



.ag-footer-logo {

  width: 22%;

}



.ag-footer-menu {

  width: 18%;

}



.ag-footer-address {

  width: 30%;

}



.ag-footer-menu h3 {

  color: #034ea0;

  margin-bottom: 15px;

  font-size: 25px;

}



.ag-footer-address h3 {

  color: #034ea0;

  margin-bottom: 15px;

  font-size: 25px;

}



.ag-footer-menu ul {

  display: flex;

  flex-direction: column;

  gap: 10px;

}



.ag-footer-socialmedia ul {

  display: flex;

  gap: 14px;

}



.ag-footer-socialmedia {

  margin-top: 30px;

}



.ag-footer-menu a {

  color: #000;

}



.ag-footer-menu a:hover,

.ag-footer-corporate a:hover {

  color: #008dd6;

}



/* .ag-footer-socialmedia ul li {} */



.ag-footer-socialmedia ul li a:hover {

  background-color: #008dd6;

  /* hover color */

}



.ag-footer-socialmedia ul li a svg {

  color: #fff;

}



.ag-footer-socialmedia ul li a {

  background-color: #034ea0;

  padding: 10px 8px;

  border-radius: var(--br-1);

  transition: background-color 0.5s ease;

  display: flex;

}



.ag-footer-corporate-outer h5 {

  color: #034ea0;

}



.ag-footer-corporate {

  display: flex;

  align-items: baseline;

  gap: 15px;

}



.ag-footer-address .ag-footer-corporate-outer:first-child {

  margin-bottom: 15px;

}



.ag-footer-corporate svg {

  position: relative;

  top: 8px;

  color: #034ea0;

  font-size: 20px;

}



.ag-footer-corporate a {

  color: #000;

}



.ag-copyright-outer {

  background: var(--bg-cross-gradient);

  padding-top: 10px;

  padding-bottom: 10px;

  text-align: center;

  color: #fff;

}



.ag-footer-phone {

  margin-top: 30px;

}



.ag-footer-phone ul li a {

  color: #000;

}



.ag-footer-phone ul {

  display: flex;

  flex-direction: row;

  justify-content: center;

  width: 100%;

  margin-top: 20px;

  gap: 40px;

}



.ag-footer-phone ul li {

  display: flex;

  align-items: center;

  gap: 5px;

}



.ag-footer-phone ul li svg {

  background-color: #034ea0;

  padding: 10px 8px;

  border-radius: var(--br-1);

  transition: background-color 0.5s ease;

  color: #fff;

}



.ag-footer-phone ul li a:hover svg {

  background-color: #008dd6;

}



.ag-footer-phone ul li a:hover {

  color: #034ea0;

}



.ag-footer-phone ul li a {

  color: #000;

  display: flex;

  align-items: center;

  gap: 10px;

}



.ag-footer-phone {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

}



/* Footer Section End */



/* Map Section Start */

.map-container {

  position: relative;

  display: inline-block;

  padding-top: 50px;

}



.map-container img {

  width: 100%;

}



.map-container .point {

  cursor: pointer;

  position: absolute;

  width: 15px;

  height: 15px;

  background-color: var(--blue);

  border-radius: 50%;

  transition: all 0.3s ease;

  will-change: transform, box-shadow;

  transform: translate(-50%, -50%);

  box-shadow: 0 0 0 rgba(3, 78, 160, 0.4);

  animation: pulse 3s infinite;

}



.map-container .point:hover {

  animation: none;

  transform: translate(-50%, -50%) scale3D(1.35, 1.35, 1);

  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

}



.map-container .venezuela {

  top: 54%;

  left: 24%;

}



.map-container .brasil {

  top: 64%;

  left: 28%;

}



.map-container .argentina {

  top: 77%;

  left: 27%;

}



.map-container .colombia {

  top: 55%;

  left: 21%;

}



.map-container .panama {

  top: 51%;

  left: 18%;

}



.map-container .mexico {

  top: 38%;

  left: 12%;

}



.map-container .usa {

  top: 26%;

  left: 17%;

}



.map-container .arabia {

  top: 40%;

  left: 53%;

}



.map-container .turquia {

  top: 31%;

  left: 57%;

}



.map-container .rusia {

  top: 16%;

  left: 67%;

}



.map-container .india {

  top: 45%;

  left: 70%;

}



.map-container .japon {

  top: 34%;

  left: 86%;

}



.map-container .australia {

  top: 72%;

  left: 86%;

}



@keyframes pulse {

  0% {

    box-shadow: 0 0 0 0 rgba(3, 78, 160, 0.5);

  }



  70% {

    box-shadow: 0 0 0 25px rgba(3, 78, 160, 0);

  }



  100% {

    box-shadow: 0 0 0 0 rgba(3, 78, 160, 0);

  }

}



.map-container .point::after {

  content: attr(data);

  position: relative;

  bottom: 120%;

  left: 119%;

  transform: translateX(-50%);

  background: var(--blue);

  color: #fff;

  padding: 0.3rem 0.6rem;

  border-radius: 6px;

  font-size: 0.8rem;

  white-space: nowrap;

  opacity: 0;

  pointer-events: none;

  transition: opacity 0.4s ease, transform 0.4s ease;

  top: -6px;

}



.map-container .point:hover::after {

  opacity: 1;

  transform: translate(-50%, -0.5rem);

}



/* Map Section End */



/* Counter New Section Start */

.ag-counter-outer {

  display: flex;

}



.ag-counter-outer-left {

  width: 30%;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #008dd6;

  color: #fff;

}



.ag-counter-outer-right {

  width: 70%;

  background: var(--bg-color-2);

}



.ag-counter-outer-right-div {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  padding: 100px 100px;

  justify-content: center;

  gap: 30px;

}



.ag-counter-outer-right-card {

  width: 200px;

  display: flex;

  flex-direction: column;

}



.ag-counter-outer-right-card span {

  font-size: 30px;

  color: var(--blue);

  font-weight: 600;

}



.ag-counter-outer-right-card h3 {

  font-size: 16px;

}



.ag-counter-outer-right-card img {

  width: 75px;

}



/* Counter New Section End */



/* New Product Section Start */

.ag-products-outer {

  display: flex;

  flex-direction: row;

  gap: 20px;

  justify-content: center;

}



/* .ag-products-inner-div {} */



.ag-products-inner-div-img {

  height: 100%;

  width: 50%;

  background-size: cover;
  background-position: center;

  border-top-left-radius: 15px;

  border-bottom-left-radius: 15px;

}



.ag-products-inner-div {

  display: flex;

  width: 50%;

}

.career-inner input[type="submit"] {
  padding: 0px !important;
  margin: 0px !important;
  background: none !important;
  border: none !important;
}

.ag-products-inner-div-content {

  border-top-right-radius: 15px;

  border-bottom-right-radius: 15px;

  height: 100%;

  display: flex;

  width: 50%;

  flex-direction: column;

  justify-content: center;

  gap: 18px;

  padding: 50px;

  background: var(--bg-cross-gradient);
  color: #fff;

}

.international-inner .main-title h3,
.international-inner .main-title h2 {
  color: #164e9e;

}

.wpcf7-spinner {
  position: absolute;
}

.home-product-btn {

  background: #ffffff !important;

  color: #248dd4;

}



/* New Product Section End */



/* ATCO Atmospheric new section start */

.atco-expantion-inner {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  gap: 40px;

}



.atco-expantion-inner-left {

  width: 35%;

}



.atco-expantion-inner-right {

  width: 65%;

}



.atco-expantion-inner-card {

  background: var(--bg-cross-gradient);

  padding: 15px;

  border-radius: var(--br-15);

  cursor: pointer;

  background-size: 100% 100%;

  background-position: center;

  transition: background-size 0.9s ease, background-position 0.9s ease;

}



.atco-expantion-inner-card:hover {

  background-size: 300% 300%;

  background-position: right bottom;

}



.atco-expantion-inner-right-card {

  flex-direction: row;

  display: flex;

  row-gap: 25px;

  flex-wrap: wrap;

  justify-content: space-between;

}



.ag-exapansion-right-card-img {

  width: 80px;



  margin-bottom: 20px;

}



.atco-expantion-inner-card {

  width: 48%;

}



/* ATCO Atmospheric new section end */



.ag-about-section-first::after {

  content: "";

  background-image: url(https://trustedwebcart.com/atco/assets/images/atcosvg.svg);

  width: 327px;

  height: 300px;

  display: block;

  opacity: 0.1;

  left: 120px;

  top: 62px;

  position: absolute;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.ag-about-right {

  position: relative;

}



.bg-image {

  display: block;

  z-index: -1;

  opacity: 0.1;

  right: 165px;

  width: 49%;

  bottom: 148px;

  position: absolute;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.ag-about-wrapper .section-title h2 {

  text-align: left;

}



.ag-about-section-first {

  position: relative;

  z-index: 99;

}



.ag-about-section-first .ag-about-wrapper {

  position: relative;

  z-index: 9999;

}



/* Inner Banner Css Start */

.ag-inner-banner {

  height: 400px;

  background-position: center;

  background-repeat: no-repeat;

  position: relative;

  display: flex;

  align-items: center;

  width: 100%;

  background-size: cover;

}



.ag-inner-banner::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #053c588c;

  opacity: 0.7;

  z-index: 9;

}



.ag-inner-banner h1 {

  color: var(--text-light);

  font-size: 80px;

  position: relative;

  z-index: 99;

  padding: 10px 0px;

  text-align: center;

}



.ag-inner-banner p {

  color: var(--text-light);

  font-size: 35px;

  position: relative;

  z-index: 99;

}



/* Inner Banner Css End */



/* About page image and title Start  */

.ag-about-content-outer h2 {

  text-align: center;

}



.ag-about-content-outer img {

  border-radius: var(--br-15);

  margin-top: 50px;

}



/* About page image and title End  */



/* Who we are start */

.ag-who-inner-outer {

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 50px;

}



.ag-who-inner-left {

  width: 50%;

  display: flex;

  flex-direction: column;

  gap: 15px;

}



.ag-who-inner-right {

  width: 50%;

  display: flex;

  flex-direction: column;

  gap: 20px;

}



.ag-who-inner-left img {

  border-radius: var(--br-15);

  /* margin-top: 20px; */

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.ag-who-second-outer {

  display: flex;

  justify-content: space-between;

  margin-top: 43px;

  gap: 50px;

}



.ag-who-second-left {

  width: 100%;

  display: flex;

  flex-direction: column;

  gap: 25px;

  margin-top: 46px;

}



.ag-who-second-right img {

  border-radius: var(--br-15);

}



.ag-who-outer .section-title {

  margin-bottom: 40px;

}



.ag-who-outer {

  position: relative;

}



/* .ag-who-outer::after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-image: url(https://trustedwebcart.com/atco/assets/images/atcosvg.svg);

    opacity: .1;

    background-position: center;

    background-size: 500px;

    background-repeat: no-repeat;

} */

/* Who we are end */



/* What we Do Start */

.ag-what-inner-outer {

  display: flex;

  flex-direction: row;

  gap: 140px;

  align-items: start;

}



.ag-what-inner-left {

  width: 30%;

}



.ag-what-inner-left h2 {

  font-size: 100px;

  color: var(--blue);

  font-weight: 600;

}



.ag-what-inner-right {

  max-width: 60%;

  width: 100%;

  display: flex;

  flex-direction: column;

  gap: 41px;

}



.ag-what-inner-right .ag-what-inner-card {

  background: #008dd6;

  padding: 40px;

  border-radius: var(--br-15);

  display: flex;

  flex-direction: column;

  gap: 15px;

  color: #fff;

  background: var(--bg-cross-gradient);

}



.ag-what-inner-right .ag-what-inner-card ul {

  display: flex;

  flex-direction: column;

  gap: 10px;

}



.ag-what-inner-right .ag-what-inner-card ul li {

  list-style-type: disc;

  margin-left: 20px;

}



/* What we Do End */



.section-padding {

  padding: 100px 0px;

}



.section-margin {

  margin: 100px 0px;

}



#order-listing-export_wrapper .dt-buttons {

  width: fit-content;

}



#order-listing-export_wrappe #order-listing-export_filter input {

  margin-left: 0px;

  margin-top: 10px;

}



#order-listing-export_wrappe #order-listing-export_filter {

  width: fit-content;

}

.ag-products-section .section-title p {
  text-align: center;
}

.map-section {

  background-color: #47a5db !important;

}



.ATA_side-menu {

  transform: translateX(100%);



  transition: all 0.25s linear;

}



.ATA_side-menu.visible {

  transform: translateX(0);



  transition: all 0.25s linear;

}



.ATA_side-menu .menu-header-container .menu-item-has-children .sub-menu li {

  padding: 0px !important;

  /* margin-top: -9px; */

}



.ATA_side-menu .menu-header-container .menu-item-has-children .sub-menu li:first-child {

  margin-top: 0px;

}



.ATA_side-menu .menu-header-container .menu-item-has-children .sub-menu {

  padding: 0px !important;

}



.ATA_side-menu .menu-header-container .menu-item-has-children .sub-menu li:last-child {

  /* margin-bottom: -8px; */

}



.ATA_side-menu .menu-header-container .menu-item-has-children .sub-menu li:hover {

  padding: 0px !important;

  background: #399ae3 !important;

}



.ATA_side-menu li.open-menu .sub-menu li a,

.ATA_side-menu li.open-menu a {

  color: #fff;

}



.menu-item-has-children.open-menu a::after {

  content: " ";

  background-image: url(../images/downarrowwhite.png) !important;

  width: 19px;

  height: 19px;

  margin-top: -5px;

}



.ATA_side-menu li:hover,

.ATA_side-menu li.open-menu {

  background: var(--bg-gradient-2);

  color: white;

  text-decoration: none !important;

}



.ATA_sidebar__content p {

  font-size: 16px !important;

  color: black !important;

}



.ATA_sidebar__content ul {

  flex-direction: column;

  width: 100%;

}



.menu-item-has-children.open-menu>a::after {

  rotate: 360deg;

}



#primary-menu li a {

  margin-left: 0px;

  margin-right: 0px;

}



.ATA_sidebar__content .menu-header-container {

  width: 100%;

}



.ATA_sidebar__content {

  width: 100%;



  height: 87vh;



  margin-bottom: auto;



  margin-top: 30px;

}



.ATA_sidebar__content li {

  position: relative;

  /* This is required to position the pseudo-element correctly */

}



.ATA_sidebar__content li::before {

  display: block;

  content: "";

  position: absolute;

  bottom: 0;

  /* Align the border to the bottom of the li */

  left: 0;

  right: 0;

  border-bottom: solid 3px #7bbff7;

  transform: scaleX(0);

  transition: transform 150ms ease-in-out;

}



.ATA_sidebar__content li:hover::before {

  transform: scaleX(1);

  /* This will animate the border to full width */

  border-bottom: solid 3px #7bbff7;

}



.ATA_sidebar__content li {

  display: inline-block;

  transition: all 0.25s linear;

  /* padding-top: 4px;



    padding-bottom: 4px; */



  /* border-bottom: 2px solid rgba(212, 212, 212, 0.1); */



  width: 100%;



  justify-content: center;



  flex-direction: column;



  position: relative;

}



.ATA_sidebar__content li ul li:last-child {

  border-bottom: 0px !important;

}



.ATA_sidebar__content ul {

  padding-left: 0px !important;

}



.ATA_side-menu #primary-menu {

  display: flex;

  flex-direction: column;

  padding-left: 0px !important;

}



.ATA_sidebar__content li a,

.ATA_sidebar__content li>div {

  display: inline-block;



  font-size: 16px;



  padding: 12px 22px;



  border: none;



  border-radius: 0;



  background: transparent;



  text-transform: none;



  -webkit-transition: all 0.25s;



  transition: all 0.25s;



  cursor: pointer;



  color: black;



  width: 100%;



  display: flex;



  gap: 6px !important;



  align-items: baseline;

}



.ATA_sub-menu li {

  border: 0;

}



.ATA_sub-menu li a {

  display: inline-block;



  font-size: 18px;



  padding: 4px;



  border: none;



  border-radius: 0;



  background: transparent;



  text-transform: none;



  -webkit-transition: all 0.25s;



  transition: all 0.25s;



  cursor: pointer;



  color: black;



  width: 100%;



  display: flex;



  padding-left: 25px;

}



.ATA_side-menu .ATA_close-btn {

  margin-left: auto;

}



.ATA_side-menu li:hover {

  background-color: #31368f;

  color: white;

  text-decoration: none !important;

}



.ATA_side-menu li:hover a p {

  color: white !important;

}



.ATA_side-menu li:hover a p {

  color: white;

}



.ATA_side-menu li:hover a {

  color: white;

}



.ATA_side-menu li a i {

  margin-right: 6px;

}



#ATA_global-sidemenu .header-brand {

  background: none !important;

  padding: 0px !important;

  margin: 0px !important;

}



#ATA_global-sidemenu .sidebar-logo .header-brand {

  margin-right: auto !important;

  justify-content: start;

  margin-left: auto !important;

  padding: 0px 17px !important;

}



.ATA_side-menu .ATA_close-btn {

  margin-right: auto;

  margin-left: 21px;

  margin-top: 14px;

  cursor: pointer;

}



.ATA_close-btn img {

  transition: transform 0.2s ease-in-out;

}



.ATA_close-btn:hover img {

  transform: rotate(90deg);

}



#ATA_global-sidemenu .sidebar-logo .header-brand img {

  width: 100%;

  margin: 0 auto;

}



#ATA_global-sidemenu .sidebar-logo {

  width: 100%;

  display: flex;

  justify-content: space-between;

  flex-direction: column-reverse;

  gap: 34px;

}



#ATA_global-sidemenu .ATA_close-btn img {

  width: 32px;

  height: 32px;

}



#navbarNavDropdown .menu-item-has-children>a::after {

  content: " ";

  color: rgb(18, 18, 18);

  margin-left: -21px;

  right: 13px;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  rotate: 0deg !important;

  right: 17px;

  top: 8px;

}



.sticky-navbar-container .menu-item-has-children>a::after {

  display: none !important;

}



.sticky-navbar nav.navbar-main #main-menu>li:hover>ul {

  opacity: 1;

  visibility: visible;

  top: 151%;

  display: block;

  z-index: 2;

  padding: 3px;

  margin-top: 0;

  left: 0;

  margin-left: 15px;

  transform: translateX(-14px);

  /* border-radius: 8px; */

}



#navbarNavDropdown .menu-item-has-children:hover>a::after {

  content: " ";

  width: 12px;

  height: 12px;

  top: 13px;

}



.sticky-navbar nav.navbar-main #main-menu ul.sub-menu>li:hover {

  margin-bottom: 0;

  background: #31368f;

  /* border-radius: 7px; */

}



.sticky-navbar nav.navbar-main #main-menu ul.sub-menu>li:hover a {

  color: white;

}



#main-menu {

  width: 100%;



  display: flex;



  align-items: center;



  gap: 1px;



  list-style: none;

}



#main-menu .main-menu-item {

  height: 100%;



  line-height: 59px;



  position: relative;



  transition: all ease-in-out 0.36s;

}



#main-menu .main-menu-item .main-menu-link i {

  color: #fff !important;



  font-size: 12px;

}



#main-menu .main-menu-item:hover .main-menu-link i {

  transform: rotate(-180deg);

}



#main-menu .main-menu-item:hover .submenu {

  display: flex;

}



#main-menu .main-menu-item .main-menu-link {

  display: flex;



  align-items: center;



  gap: 5px;



  color: inherit;



  text-decoration: none;



  transition: all ease-in-out 0.36s;

}



#main-menu .main-menu-item .main-menu-link span {

  color: #fff;

}



#main-menu .main-menu-item .main-menu-link i {

  color: inherit;



  transition: transform ease-in-out 0.36s;

}



#main-menu .main-menu-item .submenu {

  display: none;



  width: 200px;



  flex-direction: column;



  position: absolute;



  top: 80%;



  left: 30px;



  margin-left: -32px;



  list-style: none;



  background-color: #ffffff;

}



#main-menu .main-menu-item .submenu .submenu-item {

  line-height: normal;

}



#main-menu .main-menu-item .submenu .submenu-item .submenu-link {

  padding: 10px 15px;



  display: block;



  text-decoration: none;



  transition: all ease-in-out 0.36s;



  width: 100%;

}



#main-menu .main-menu-item .submenu .submenu-item:hover .submenu-link {

  color: #fff;



  transition: all 0.25s linear;

}



#main-menu .main-menu-item .submenu .submenu-item:hover {

  background-color: #000;



  transition: all 0.25s linear;

}



#main-menu .main-menu-item .submenu .submenu-item:hover span {

  color: #fff;

}



.menu-item-has-children {

  position: relative;

}



.menu-item-has-children>a {

  position: relative;

}



.menu-item-has-children:hover>a::after {

  content: " ";

  background-image: url("../images/down-arrow.png") !important;

  width: 19px;

  height: 19px;

  margin-top: -5px;

}



/* Arrow icon position and rotation when sub-menu is hidden */

.menu-item-has-children>a::after {

  content: " ";

  color: rgb(18, 18, 18);

  margin-left: -21px;

  right: 13px;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  rotate: 267deg;

  /* Initial rotation */

  right: 17px;

  top: 20px;

  width: 12px;

  height: 12px;

  font-size: 22px;

  cursor: pointer;

  position: absolute;

  transition: transform 0.3s ease-in-out;

  background-image: url("../images/downicon.png") !important;

  /* Smooth transition for rotation */

}



/* Rotate arrow when sub-menu is displayed (when .sub-menu is visible) */

.menu-item-has-children.open>a::after {

  transform: rotate(90deg);

  /* Rotate to 90 degrees when the sub-menu is shown */

}



/* Display the sub-menu */

.menu-item-has-children.open .sub-menu {

  display: block;

}



.sub-menu {

  display: none;

  /* Ensure it's hidden by default */

  list-style: none;

}



.menu-item-has-children .sub-menu {

  padding: 11px !important;

  /* padding-top: 0px !important; */

}



.sticky-navbar-container .menu-item-has-children .sub-menu li {

  padding: 9px 15px !important;

  display: flex;

}



.menu-item-has-children {

  position: relative;

}



.menu-item-has-children>a {

  position: relative;

}



.menu-item-has-children:hover>a::after {

  content: " ";

  background-image: url("../images/downarrowwhite.png") !important;

  width: 19px;

  height: 19px;

  margin-top: -1px;

}



/* Arrow icon position and rotation when sub-menu is hidden */

.menu-item-has-children>a::after {

  content: " ";

  color: rgb(18, 18, 18);

  margin-left: -21px;

  right: 13px;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  rotate: 267deg;

  /* Initial rotation */

  right: 17px;

  top: 16px;

  width: 18px;

  height: 18px;

  font-size: 22px;

  cursor: pointer;

  position: absolute;

  transition: transform 0.3s ease-in-out;

  background-image: url("../images/downarrowblue.png") !important;

  /* Smooth transition for rotation */

}



/* Rotate arrow when sub-menu is displayed (when .sub-menu is visible) */

.menu-item-has-children.open>a::after {

  transform: rotate(90deg);

  /* Rotate to 90 degrees when the sub-menu is shown */

}



/* Display the sub-menu */

.menu-item-has-children.open .sub-menu {

  display: block;

}



/* Display the sub-menu */

.menu-item-has-children.open .sub-menu {

  display: block;

}



.sub-menu {

  display: none;

  /* Ensure it's hidden by default */

  list-style: none;

}



.menu-item-has-children .sub-menu {

  padding: 11px !important;

  /* padding-top: 0px !important; */

}



.sticky-navbar-container .menu-item-has-children .sub-menu li {

  padding: 9px 15px !important;

  display: flex;

}



.menu-item-has-children .sub-menu li {

  padding: 7px;

  white-space: nowrap;

}



.sticky-navbar-container .menu-item-has-children a {

  padding-right: 0px !important;

}



.menu-item-has-children a {

  position: relative;

  z-index: 9;

  padding-right: 36px !important;

}



.menu li {

  text-decoration: none !important;

}



.sub-menu {

  display: none;

  /* Ensure it's hidden by default */

  list-style: none;

}



.menu-item-has-children .sub-menu {

  padding: 11px !important;

  /* padding-top: 0px !important; */

}



.sticky-navbar-container .menu-item-has-children .sub-menu li {

  padding: 9px 15px !important;

  display: flex;

}



.menu-item-has-children .sub-menu li {

  padding: 7px;

  white-space: nowrap;

}



.sticky-navbar-container .menu-item-has-children a {

  padding-right: 0px !important;

}



.menu-item-has-children a {

  position: relative;

  z-index: 9;

  padding-right: 36px !important;

}



.menu li {

  text-decoration: none !important;

}



.menu-item-has-children .sub-menu li {

  padding: 7px;

  white-space: nowrap;

}



.menu-item-has-children.open-menu a::after {

  content: " ";

  background-image: url("../images/downarrowwhite.png") !important;

  width: 19px;

  height: 19px;

  margin-top: 0px;

}



.sticky-navbar-container .menu-item-has-children a {

  padding-right: 0px !important;

}



.menu-item-has-children a {

  position: relative;

  z-index: 9;

  padding-right: 36px !important;

}



.menu li {

  text-decoration: none !important;

}



.openbtn-area i {

  font-size: 22px;

  cursor: pointer;

}



#primary-menu a::before {

  background: none !important;

}



.ATA_side-menu {
  padding-bottom: 30px;

  height: 100vh;

  width: 365px;

  background-color: #dfecff;

  position: fixed;

  top: 0;

  right: 0;

  z-index: 99999;

  /* padding: 26px; */

  display: flex;

  flex-direction: column;

  align-items: center;

  overflow-y: scroll;

}



.side-menu-layer {

  width: 100vw;

  height: 100vh;

  position: fixed;

  top: 0;

  left: 0;

  background-color: rgba(0, 0, 0, 0.4);

  z-index: 999;

  display: none;

}



.sub-menu {

  display: none;

  padding-left: 20px;

  /* Indentation for sub-menu */

}



.menu-item-has-children>a {

  cursor: pointer;

}



.stone-upper-header .stone-down-header {

  justify-content: end !important;

}



.stone-upper-header .stone-header-menu ul a {

  color: #000000 !important;

}



.ATA_side-menu li.open-menu .sub-menu li a {

  padding: 12px 34px !important;

}



.ATA_side-menu li.open-menu .sub-menu li a {

  padding: 12px 34px !important;

}



.ATA_side-menu li.open-menu .sub-menu li .sub-menu li a {

  padding: 12px 50px !important;

  white-space: normal !important;

}



.ATA_side-menu li.open-menu .sub-menu li .sub-menu li .sub-menu li a {

  padding: 12px 64px !important;

  white-space: normal !important;

}



.sub-menu li a {

  white-space: normal !important;

}



.menu-item-has-children.open-menu .sub-menu .menu-item-has-children.open-menu {

  background-color: #3493d3 !important;

}

html.stop-scroll {
  overflow-y: hidden;
}


body.stop-scroll {
    overflow-y: hidden !important;
}



.menu-item-has-children.open-menu .sub-menu .menu-item-has-children.open-menu .sub-menu .menu-item-has-children.open-menu {

  background-color: #70bff5 !important;

}



.menu-item-has-children.open-menu .sub-menu .menu-item-has-children.open-menu .sub-menu li:hover {

  background-color: #70bff5 !important;

}



.menu-item-has-children.open-menu .sub-menu .menu-item-has-children.open-menu .sub-menu .menu-item-has-children.open-menu .sub-menu li:hover {

  background: #8ecdf9 !important;

}



.ATA_header-toggle-btn svg {

  font-size: 27px;

}



.ATA_header-toggle-btn svg path {

  fill: var(--blue);

}



.ag-footer-phone {

  padding-top: 10px;

  border-top: 2px solid #164e9e;

}



.map-section h2 {

  color: white;

}



.map-section h2 span {

  color: #164e9e;

}



.cta-section {

  background: var(--bg-cross-gradient);

  padding: 37px 0px !important;

  text-align: center;

  color: #fff;



  margin: 0 auto;



  position: relative;

  /* margin-bottom: -100px; */

}



.cta-container h2 {

  font-size: 36px;

  margin-bottom: 10px;

  font-weight: 700;

}



.cta-container p {

  font-size: 18px;

  margin-bottom: 25px;

}



.cta-btn {

  background: #fff;

  color: #0d6efd;

  padding: 14px 35px;

  border-radius: 50px;

  font-size: 18px;

  font-weight: 600;

  display: inline-block;

  text-decoration: none;

  transition: 0.3s;

  margin: 0 auto;

}



.cta-btn:hover {

  background: #e8e8e8;

}



.cta-section .btn-global-v2 {

  padding: 10px 15px;

  background: var(--bg-color-2) !important;

  color: #008dd6;

  text-transform: uppercase;

  display: flex;

  margin: 0 auto;

}



.cta-inner {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.cta-inner .cta-content h2 {

  text-align: start;

  margin-bottom: 17px;

  font-size: 48px;

}



.ag-cta-bottom-left h3 {

  font-size: 25px;

  color: white;

}



.applyeasilycard {

  overflow: hidden;

  width: 100%;

}



.applyeasilycard .swiper-wrapper {

  display: flex;

  align-items: center;

  white-space: nowrap;

  will-change: transform;

}



.applyeasilycard .swiper-slide {

  width: auto !important;

  flex-shrink: 0;

  margin-right: 40px;

  /* adjust gap between logos */

}



.c-b-cards img {

  width: 100px;

  /* adjust logo size */

  height: auto;

  display: block;

  transition: transform 0.3s ease;

}



.c-b-cards img:hover {

  transform: scale(1.05);

}



.btn-whatsapp-pulse-border {

  bottom: 120px;

  right: 20px;

  animation-play-state: paused;

}



.btn-whatsapp-pulse {

  background: #25d366;

  color: white;

  position: fixed;

  bottom: 87px;

  right: 20px;

  font-size: 35px;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 0;

  height: 0;

  padding: 27px;

  text-decoration: none;

  border-radius: 50%;

  z-index: 9999;

}



.btn-whatsapp-pulse-border::before {

  content: "";

  position: absolute;

  border-radius: 50%;

  padding: 20px;

  border: 5px solid #25d366;

  opacity: 0.75;

  animation-name: pulse-border;

  animation-duration: 1.5s;

  animation-timing-function: ease-out;

  animation-iteration-count: infinite;

}



@keyframes pulse-border {

  0% {

    padding: 25px;

    opacity: 0.75;

  }



  75% {

    padding: 38px;

    opacity: 0;

  }



  100% {

    opacity: 0;

  }

}



.atco-expantion-outer .atco-expantion-inner-left .section-title h2 span {
  text-align: left;
  font-size: 74px;

}



.atco-expantion-outer .atco-expantion-inner-left .section-title h2 {
  text-align: left;
  display: flex;

  flex-direction: column;

  width: 100%;

  gap: 17px;

  font-size: 37px;

}



.atco-expantion-outer .atco-expantion-inner-left .section-title {

  display: flex;

  flex-direction: column;

  gap: 30px;

}



.ag-cta-bottom {

  position: fixed;

  bottom: -120px;

  /* hidden by default */

  left: 0;

  width: 100%;

  z-index: 9999;

  transition: bottom 0.4s ease;

}



.ag-cta-bottom.visible {

  bottom: -1px;

}



.applyeasilycard {

  overflow: hidden;

}



.applyeasilycard .swiper-wrapper {

  display: flex;

  align-items: center;

}



.applyeasilycard .swiper-slide {

  width: auto !important;

  flex-shrink: 0;

}



.c-b-cards img {

  width: 100px;

  /* adjust size as needed */

  height: auto;

  display: block;

}



.ag-what-outer .ag-what-inner-right .ag-what-inner-card ul li {

  list-style-type: disc;

  margin-left: 20px;

  font-size: 22px;

}



/* new cta section css start $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/

.new-ag-cta {

  display: none;

}



@media screen and (max-width: 767px) {

  .ag-cta-bottom {

    padding: 0px;

  }



  .dekstop-cta {

    display: none;

  }



  .new-ag-cta {

    display: block;

  }



  .new-ag-cta .ag-cta-bottom-outer-div {

    display: flex;

    flex-direction: row;

    width: 100%;

  }



  .new-ag-cta .container {

    width: 100%;

    margin: 0;

  }



  .new-ag-cta .ag-cta-bottom-left {

    width: 50%;

    background: linear-gradient(301deg,

        #d5747d 0%,

        #92b6eb 30%,

        rgba(49, 163, 220, 1) 100%);

  }



  .new-ag-cta section {

    padding: 0px;

    width: 100%;

  }



  .new-ag-cta .ag-cta-bottom-right {

    width: 50%;

  }



  .new-ag-cta .ag-cta-bottom-right div {

    width: 50%;

    background: #164e9e;

    padding: 12px;

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .new-ag-cta .ag-cta-bottom-right {

    display: flex;

    gap: 2px;

    height: 100%;

  }



  .new-ag-cta .ag-cta-bottom-right a {

    display: flex;

    background: none !important;

    padding: 0px;

    text-align: center;

    justify-content: center;

    color: white;

  }



  .new-ag-cta .ag-cta-bottom-outer-div .ag-cta-bottom-left {

    padding: 12px;

  }



  .new-ag-cta {

    width: 100%;

    padding: 0px;

  }



  .new-ag-cta .ag-cta-bottom-left {

    width: 50%;

    display: none;

  }



  .new-ag-cta .ag-cta-bottom-right a {

    font-size: 11px !important;

  }



  .new-ag-cta .ag-cta-bottom-outer-div .ag-cta-bottom-right a {

    padding: 0 !important;

  }



  .new-ag-cta .ag-cta-bottom-right {

    width: 100%;

  }



  .new-ag-cta .ag-cta-bottom-right {

    flex-flow: nowrap;

  }



  .new-ag-cta .ag-cta-bottom-outer-div {

    gap: 0;

  }

}



/* new cta section css end $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/



.section-title {

  text-align: center;

}



.words-by-director-img {

  width: 150px;

  /* background: #164e9e; */

  border-radius: 50%;

  display: flex;

}



.in-img {

  width: 100%;

  margin: 9px;

  border: 4px solid white;

  border-radius: 50%;

  padding: 8px;

}



.words-by-director-outer-cards {

  width: 70%;

  margin: 0 auto;

  display: flex;

  flex-direction: column;

  gap: 35px;

}



.words-by-director-content {

  background: white;

  display: flex;

  flex-direction: column;

  gap: 16px;

  justify-content: center;

  padding: 37px;

  margin-left: 26px;

  border-radius: 15px;

  width: 100%;

  position: relative;

}



.words-by-director-content::after {

  content: "";

  position: absolute;

  width: 20px;

  height: 40px;

  left: -15px;

  top: 0;

  bottom: 0;

  margin: auto;

  background-image: url(../images/download.svg);

  background-size: cover;

  background-repeat: no-repeat;

}



.words-by-director {

  display: flex;

  align-items: center;

  gap: 30px;

}



.words-by-director h3 {

  color: #164e9e;

  font-weight: 600;

}



.sub-details {

  margin-top: 50px;

  margin-bottom: 83px;

}



.sub-details p {

  text-align: center;

  color: white;

}



.words-by-director-section .section-title {

  display: flex;

  flex-direction: column;

  gap: 10px;

}



.words-by-director-section .section-title span {

  font-size: 22px;

}



.words-by-director-section h2,

.words-by-director-section .section-title span {

  color: white !important;

}



.words-by-director-section {

  background: #41a3da;

}



.have-child-item {}



.ag-who-second-left a {

  text-decoration: none;

  color: #164e9e !important;

  font-weight: 600;

  font-size: 22px;

  cursor: pointer;

}



.extra-content p {

  margin-bottom: 16px;

}



/* Arrow animation */

.ag-who-second-left i {

  transition: transform 0.4s ease;

}



.ag-who-second-left i.rotate {

  transform: rotate(90deg);

}



/* Smooth show/hide transition */

.read-more {

  max-height: 0;

  overflow: hidden;

  opacity: 0;

  margin-top: 24px;

  transition: all 0.6s ease;

}



.read-more.show {

  max-height: 800px;

  /* Adjust based on content */

  opacity: 1;

}



.contact-page-section hr {

  color: #ffffff;

}



.contact-page-section {

  margin-top: -100px;

  position: relative;

  z-index: 9;

}



.submit-div {

  margin-top: 30px;

}



.contact-page-section .contact-inner {

  border-radius: 15px;



  overflow: hidden;



  display: flex;



  justify-content: space-between;



  box-shadow: 0 12px 13px rgb(196 196 196 / 73%);

}



.contact-page-section .atco-contact {

  width: 65%;



  padding: 48px;



  background: #f0f5ff;

}



.contact-page-section .atco-details {

  width: 50%;



  padding: 48px;



  background: var(--bg-cross-gradient);

}



.atco-details h2 {

  color: white !important;

}



.contact-page-section .contact-inner-field input:focus {

  border-color: #034ea0 !important;



  box-shadow: none !important;



  outline: none !important;

}



.contact-page-section .contact-inner-field input[type="submit"] {

  padding: 0px !important;
  width: fit-content !important;
  margin: 0px;
  background: none !important;
  border: none !important;

}



.contact-page-section .contact-inner-field input {

  padding: 4px 16px;



  height: 44px;



  background: #f0f5ff;



  outline: none !important;



  border: 1px solid gray;



  border-radius: 5px;



  width: 100%;



  border-color: var(--bg-cross-gradient);

}



.contact-page-section .contact-inner-field {

  display: flex;



  flex-direction: column;



  gap: 9px;



  font-size: 18px;



  margin-bottom: 15px;

}



.contact-page-section h2 {

  margin-bottom: 27px;

  font-weight: 600;

}



.contact-page-section .contact-details-inner {

  display: flex;



  /* align-items: baseline; */



  gap: 20px;

}



.call-details-call-icon {

  display: flex;

  align-items: center;

  gap: 15px;

}



.contact-info i {

  color: white !important;

}



.contact-info a {

  color: white;

  width: 83%;

  width: -webkit-fill-available;

}



.contact-social-media a:hover svg {

  background-color: #008dd6;

}



.contact-info {

  display: flex;

  flex-direction: column;

  gap: 15px;

  margin-top: 27px;

}



.atco-details {

  display: flex;



  flex-direction: column;



  gap: 42px;

}



.contact-info .call-sub-feild {

  display: flex;



  justify-content: space-between;



  gap: 5px;



  align-items: start;



  flex-direction: column;

}



input[type="submit"] {

  background: #0089a9 !important;



  color: white;



  height: auto !important;



  border: 1px solid #0089a9 !important;



  padding: 9px 38px !important;



  border-radius: 9px;



  font-size: 18px;



  letter-spacing: 1px;



  text-transform: uppercase !important;



  font-weight: 500;



  width: fit-content;



  margin-top: 13px;

}



.custom-btn:hover {

  background: linear-gradient(45deg,

      rgba(116, 199, 169, 1) 0%,

      rgba(116, 199, 169, 1) 28%,

      rgba(49, 163, 220, 1) 100%) !important;



  /* border: 1px solid #0089A9 !important; */

}



.custom-btn-icon:hover {

  background: #0089a9 !important;



  border: 1px solid #0089a9 !important;

}



.custom-btn-icon {

  /*    text-transform: uppercase;*/



  background: #0089a9;



  color: white;



  border: 1px solid #0089a9;



  padding: 9px 38px;



  border-radius: 7px;



  font-size: 14px;



  letter-spacing: 1px;



  font-weight: 500;



  display: flex;



  gap: 19px;



  width: fit-content;



  align-items: center;

}



.atco-details svg {

  background-color: #ffffff;

  padding: 10px 8px;

  border-radius: var(--br-1);

  transition: background-color 0.5s ease;

  color: #034ea0;

}



.contact-inner h3 {

  color: white;

}



.contact-social-media a {

  width: auto;

}



.contact-social-media {

  display: flex;

  justify-content: start;

  gap: 20px;

}

.contact-social-media a:hover svg {
  color: white !important;
}

.contact-info a:hover {

  color: #f0f5ff;

}



.contact-map-section {

  width: 100%;

  background: none;

}



.contact-map-section iframe {

  width: 100%;

  margin-bottom: -8px;

}



.map-div h2 {

  color: #164e9d;

  text-align: center;

  font-weight: 600;

}



.map-div iframe {

  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -o-filter: grayscale(100%);

  filter: grayscale(100%);

}



.contact-map-section .container-fluid .map-div iframe {

  border-radius: 15px;

}



.contact-map-section .container-fluid .map-div {

  width: 50%;

  padding: 20px;

  background: white;

  border-radius: 15px;

  overflow: hidden;

  display: flex;

  flex-direction: column;

  gap: 30px;

}



.contact-map-section .container-fluid {

  display: flex;

  width: 100%;

  display: flex;

  width: 100%;

  padding: 0px 30px 30px 30px !important;

}



.gases-inner-cards h3 {

  font-size: 20px;

}



.gases-inner-cards a img {

  max-width: 35%;

  width: 100%;

  margin: 0 auto;

}



.gases-inner-cards a:hover {
  background: #2089cfbf;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}



.gases-inner-cards a {
  width: 23%;
  background: #248dd3;
  color: white;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: space-between;
  padding: 22px;
  gap: 19px;
  border-radius: 15px;
  transition: all 0.5s;
}



.gas-product-section .container {

  overflow: visible;

}



.gases-inner-cards {

  gap: 30px;

  justify-content: center;

  display: flex;

  flex-flow: row wrap;

}



.gases-inner-cards a:hover {

  transition: all 0.5s;

  transform: translateY(-6px) !important;

}



/* 404 Section Styles */

.page_404 {

  width: 100%;



  color: #000000;

  display: flex;

  align-items: center;

  justify-content: center;

}



.page_404 .container {

  text-align: center;

  max-width: 767px;

}



.page_404 h1 {

  font-size: 10rem;

  font-weight: 700;

  color: #2f5093;

  margin-bottom: 20px;

}



.page_404 h2 {

  font-size: 2rem;

  margin-bottom: 10px;

}



.page_404 p {

  font-size: 1rem;

  color: #000000;

  margin-bottom: 29px;

}



.page_404 .btn-global-v2 {

  display: flex;

  justify-content: center;

  margin: 0 auto;

  text-transform: uppercase;

}



.services-content-inner ul li {

  position: relative;

  padding-left: 35px;

  margin-bottom: 19px;

}



.animated-circle-content h2 {

  text-align: left;

}



.animated-img-content-inner {

  display: flex;

  gap: 30px;

  align-items: center;

}



.services-content-inner ul li:after {

  content: "";

  position: absolute;

  width: 20px;

  height: 20px;

  left: 0;

  top: 0;

  background-image: url(../images/check.png);

  background-repeat: no-repeat;

  background-size: cover;

}



.animated-sub-content {

  margin-top: 25px;

}



.animated-sub-content p {

  color: #174e9e;

  font-weight: 500;

  font-size: 18px;

}



/* circle animated css section start */

.circle-animated-inner .main-container {

  display: flex;

  display: -webkit-flex;

  align-items: center;

  -webkit-align-items: center;

  height: 560px;

  overflow: hidden;

  padding: 43px;

}



.circle-animated-inner .main {

  margin: 0px auto;

  width: 480px;

  height: 480px;

  position: relative;

}



.circle-animated-inner .big-circle {

  height: 100%;

  width: 100%;

  position: relative;

  border: 2px solid #31368f;

  border-radius: 50%;

  display: flex;

  display: -webkit-flex;

  align-items: center;

  -webkit-align-items: center;

  justify-content: center;

  -webkit-justify-content: center;

  animation: Rotate 20s linear infinite;

  -webkit-animation: Rotate 20s linear infinite;

}



.circle-animated-inner .icon-block {

  width: 86px;

  height: 86px;

  padding: 15px;

  position: absolute;

  border-radius: 50%;

  display: flex;

  overflow: hidden;

  display: -webkit-flex;

  align-items: center;

  -webkit-align-items: center;

  justify-content: center;

  -webkit-justify-content: center;



  background: var(--bg-cross-gradient);

}



.circle-animated-inner .icon-block img {

  margin: 0px auto;

  width: 100%;

  animation: Rotate-reverse 20s linear infinite;

  -webkit-animation: Rotate-reverse 20s linear infinite;

}



.circle-animated-inner .icon-block:first-child {

  top: 0;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

}



.circle-animated-inner .icon-block:nth-child(2) {

  top: 50%;

  right: 0;

  transform: translate(50%, -50%);

  -webkit-transform: translate(50%, -50%);

}



.circle-animated-inner .icon-block:nth-child(3) {

  bottom: 0;

  left: 50%;

  transform: translate(-50%, 50%);

  -webkit-transform: translate(-50%, 50%);

}



.circle-animated-inner .icon-block:nth-child(4) {

  top: 50%;

  left: 0;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

}



/* circle content */

.circle-animated-inner .circle {

  animation: circle-rotate 20s linear infinite;

  -webkit-animation: circle-rotate 20s linear infinite;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%) rotate(45deg);

  -webkit-transform: translate(-50%, -50%) rotate(45deg);

  width: 63%;

  height: 63%;

  border: 2px solid #31368f;

  border-radius: 50%;

}



.circle-animated-inner .circle .icon-block img {

  animation: img-rotate 20s linear infinite;

  -webkit-animation: img-rotate 20s linear infinite;

}



/* center logo */

.circle-animated-inner .center-logo {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 150px;

  height: 150px;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

}



.circle-animated-inner .center-logo img {

  width: 100%;

  height: 100%;

}



/* keyframe animation */



@keyframes Rotate {

  from {

    transform: rotate(0deg);

  }



  to {

    transform: rotate(360deg);

  }

}



@-webkit-keyframes Rotate {

  from {

    -webkit-transform: rotate(0deg);

  }



  to {

    -webkit-transform: rotate(360deg);

  }

}



@keyframes Rotate-reverse {

  from {

    transform: rotate(360deg);

  }



  to {

    transform: rotate(0deg);

  }

}



@-webkit-keyframes Rotate-reverse {

  from {

    -webkit-transform: rotate(360deg);

  }



  to {

    -webkit-transform: rotate(0deg);

  }

}



@keyframes circle-rotate {

  from {

    transform: translate(-50%, -50%) rotate(45deg);

  }



  to {

    transform: translate(-50%, -50%) rotate(405deg);

  }

}



@-webkit-keyframes circle-rotate {

  from {

    -webkit-transform: translate(-50%, -50%) rotate(45deg);

  }



  to {

    -webkit-transform: translate(-50%, -50%) rotate(405deg);

  }

}



@keyframes img-rotate {

  from {

    transform: rotate(-45deg);

  }



  to {

    transform: rotate(-405deg);

  }

}



@-webkit-keyframes img-rotate {

  from {

    -webkit-transform: rotate(-45deg);

  }



  to {

    -webkit-transform: rotate(-405deg);

  }

}



/* ciecle animated image end css  */



/* timeline section css start */



.timeline-sec {

  padding: 80px 0 10px 0;

  max-width: 1750px;

  width: 100%;

  margin-left: auto;

  margin-right: auto;

}



.timeline-row {

  display: flex;

  justify-content: flex-start;

  flex-wrap: wrap;

  padding-bottom: 130px;

  position: relative;

}



.timeline-box p {

  display: flex;

  flex-direction: column;

  /* gap: 10px; */

}



.timeline-box p span {

  color: #ffffff;

  border-bottom: 1px solid #e5e5e5;

  padding-bottom: 10px;

  font-weight: 600;

  text-transform: uppercase;

  color: #ffffff;

}



.timeline-box {

  width: 33.33%;

  position: relative;

}



.timeline-box::after {

  position: absolute;

  top: 0;

  left: 50%;

  transform: translate(50%, -50%);

  -webkit-transform: translate(50%, -50%);

  content: "";

  background-image: url("https://cdn3.iconfinder.com/data/icons/arrow-outline-8/32/right-256.png");

  width: 40px;

  height: 40px;

  background-repeat: no-repeat;

}



.timeline-row::after {

  position: absolute;

  width: 40px;

  height: 40px;

  content: "";

  background-image: url("https://cdn3.iconfinder.com/data/icons/arrow-outline-8/32/right-256.png");

  background-repeat: no-repeat;

  right: 0;

  top: 50%;

  z-index: 3;

  transform: translate(50%, -50%) rotate(90deg);

  -webkit-transform: translate(50%, -50%) rotate(90deg);

}



.timeline-row:nth-child(2n + 2)::after {

  right: auto;

  left: 0;

  transform: translate(-50%, -50%) rotate(90deg);

  -webkit-transform: translate(-50%, -50%) rotate(90deg);

}



.timeline-row:nth-child(2n + 2) .timeline-box::after {

  transform: translate(50%, -50%) rotate(180deg);

  -webkit-transform: translate(50%, -50%) rotate(180deg);

  left: -50%;

}



.timeline-row:nth-child(2n + 2) .timeline-box:nth-child(3)::after {

  display: none;

}



.timeline-row:nth-child(2n + 2) {

  justify-content: center;

  padding-left: 6%;

}



.timeline-row:nth-child(2n + 2) .timeline-box {

  width: 30%;

}



.timeline-row:nth-child(2n + 2) .timeline-box p {

  width: 76%;

}



.timeline-row .timeline-box h6::after {

  width: 120%;

  height: 120%;

  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  background: transparent;

  border-radius: 100%;

  z-index: 0;

  /* border: 2px solid #ffc4cb; */

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

}



.timeline-row .timeline-box h6 {

  background-color: #c81212;

  border: 10px solid #fff;

  color: #fff;

}



.timeline-row:last-child::after {

  position: absolute;

  top: 0;

  left: 3%;

  width: 60% !important;

}



.timeline-box h6 {

  position: relative;

  color: #c81212;

  font-size: 25px;

  border: 2px solid #e5e5e5;

  width: 104px;

  height: 104px;

  border-radius: 100%;

  display: flex;

  cursor: pointer;

  align-items: center;

  justify-content: center;

  background-color: #fff;

  margin-top: -53px;

}



.timeline-box h6::before {

  content: "";

  position: absolute;

  border-radius: 50%;

  padding: 10px;

  border: 4px solid #c4061c;

  opacity: 0.75;

  animation-name: pulse-border-timeline;

  animation-duration: 1.5s;

  animation-timing-function: ease-out;

  animation-iteration-count: infinite;

}



@keyframes pulse-border-timeline {

  0% {

    padding: 45px;

    opacity: 0.75;

  }



  75% {

    padding: 55px;

    opacity: 0;

  }



  100% {

    opacity: 0;

  }

}



.timeline-box p {

  background: var(--bg-cross-gradient);

  padding: 33px 40px;

  font-size: 16px;

  color: #ffffff;

  font-weight: 400;

  line-height: 1.6;

  border-radius: 0px 15px 15px;



  width: 65%;

  font-size: 16px !important;

  margin: 24px 0 0 50px;

  position: relative;

  cursor: pointer;

  background-size: 100% 100%;

  background-position: center;

  transition: background-size 0.9s ease, background-position 0.9s ease;

}



/* .timeline-box  p:hover::before {

border-bottom: 15px solid #91b5e9;

  transition:  all 1.5s ease;

}

.timeline-box h6:hover + p::before {

border-bottom: 15px solid #91b5e9;

  transition:  all 1.5s ease;

} */



.timeline-box p::before {

  width: 0;

  height: 0;

  border-bottom: 15px solid #42a4db;

  border-right: 17px solid transparent;

  position: absolute;

  top: -14px;

  transition: all 1.5s ease;

  left: 0;

  content: "";

}



/* .timeline-box h6:hover + p {

   background-size: 300% 300%;

    background-position: right bottom;

} */

/* .timeline-box p:hover {

    background-size: 300% 300%;

    background-position: right bottom;

} */



.timeline-row:last-child {

  justify-content: center;

  position: relative;

  padding-bottom: 70px;

}



.timeline-row:last-child::after {

  position: absolute;

  top: 0;

  left: 3%;

  width: 47%;

  height: 0;

  content: "";

  background-color: transparent;

  background-image: none;

  transform: none;

  z-index: 0;

  border-top: 2px dotted #e5e5e5;

}



.timeline-row:nth-last-child(1):nth-child(even):after {

  right: 3%;

  left: initial;

}



.timeline-row:last-child .timeline-box::after {

  display: none;

}



.timeline-row:last-child .timeline-box {

  width: auto;

  z-index: 1;

}



.timeline-row:last-child .timeline-box h6 {

  /* font-size: 15px; */

  text-transform: uppercase;

  color: #fff;

  background-color: #c81212;



  margin-top: -44px;

}



.timeline-sec .local-solutions-txt {

  font-size: 24px;

}



.timeline-row .horizontal-line {

  border-top: 2px dotted #e5e5e5;

  width: calc(100% - 100px);

  margin: 0 auto;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: -1;

}



.timeline-row .verticle-line {

  margin: 0;

  padding: 0;

  width: 2px;

  border-right: 2px dotted #e5e5e5;

  height: calc(100% - 100px);

  position: absolute;

  top: 0;

  right: 0;

  margin: auto 0;

  bottom: 0;

}



.timeline-row:nth-child(2n + 2) .verticle-line {

  left: 0;

  right: inherit;

}



.corner {

  position: absolute;

  border-right: 2px dotted #e5e5e5;

  width: 50px;

  height: 50px;

  right: 0;

  border-top: 2px dotted #e5e5e5;

  top: 0px;

  border-radius: 0 70px 0 0;

}



.corner.bottom {

  bottom: -2px;

  top: inherit;

  border-radius: 0;

  border-top: 0;

  border-bottom: 2px dotted #e5e5e5;

  border-radius: 0 0 70px 0;

  right: 0;

}



.timeline-row:nth-child(2n + 2) .corner {

  right: inherit;

  left: 0;

  border-left: 2px dotted #e5e5e5;

  border-right: 0;

  border-radius: 70px 0 0 0;

}



.timeline-row:nth-child(2n + 2) .corner.bottom {

  border-radius: 0 0 0 70px;

}



.timeline-row:nth-child(2n + 2) {

  flex-direction: row-reverse;

}



/*****************************************/

/************** Responsive ***************/

/*****************************************/



@media screen and (max-width: 1800px) {

  .timeline-box p {

    width: 75%;

  }



  .timeline-row:nth-child(2n + 2) .timeline-box p {

    width: 83%;

  }

}



@media screen and (max-width: 1600px) {

  .timeline-sec h1 {

    font-size: 64px;

  }



  .timeline-sec h2 {

    font-size: 50px;

  }



  .timeline-sec h3 {

    font-size: 40px;

  }



  .timeline-sec h4 {

    font-size: 34px;

  }



  .timeline-sec h5 {

    font-size: 30px;

  }



  .timeline-sec h6 {

    font-size: 24px;

  }



  .timeline-sec p,

  .timeline-sec li {

    font-size: 20px;

  }



  .timeline-sec .timeline-box p {

    width: 80%;

    padding: 30px;

  }



  .timeline-sec .timeline-box h6 {

    width: 100px;

    height: 100px;

    margin-top: -50px;

  }



  .timeline-sec .timeline-row:nth-child(2n + 2) .timeline-box p {

    width: 86%;

  }



  .timeline-sec .timeline-row:nth-child(2n + 2) {

    padding-left: 4%;

  }

}



@media screen and (max-width: 1400px) {

  .timeline-sec h1 {

    font-size: 56px;

  }



  .timeline-sec h2 {

    font-size: 46px;

  }



  .timeline-sec h3 {

    font-size: 36px;

  }



  .timeline-sec h4 {

    font-size: 30px;

  }



  .timeline-sec h5 {

    font-size: 26px;

  }



  .timeline-sec h6 {

    font-size: 21px;

  }



  .timeline-sec p,

  .timeline-sec li {

    font-size: 18px;

  }



  .timeline-sec .timeline-box h6 {

    width: 90px;

    height: 90px;

    margin-top: -46px;

  }



  .timeline-sec .timeline-box p {

    width: 80%;

    padding: 25px;

    margin: 20px 0 0 40px;

    font-size: 15px;

  }



  .timeline-sec .timeline-row {

    padding-bottom: 110px;

  }



  .timeline-row:last-child {

    padding-bottom: 60px;

  }



  .timeline-sec {

    padding: 20px 19px 90px 19px;

  }



  .timeline-sec .timeline-box::after,

  .timeline-sec .timeline-row:nth-child(2n + 2)::after,

  .timeline-sec .timeline-row::after {

    width: 34px;

    height: 34px;

    background-size: 100%;

  }



  .timeline-sec .timeline-row:last-child::after {

    left: 4%;

    width: 46%;

  }



  .timeline-sec .timeline-row:nth-last-child(1):nth-child(even):after {

    right: 4%;

    left: initial;

  }



  .timeline-sec .timeline-row:last-child .timeline-box h6 {

    margin-top: -41px;

  }

}



@media screen and (max-width: 1199px) {

  .timeline-sec h1 {

    font-size: 50px;

  }



  .timeline-sec h2 {

    font-size: 40px;

  }



  .timeline-sec h3 {

    font-size: 31px;

  }



  .timeline-sec h4 {

    font-size: 28px;

  }



  .timeline-sec h5 {

    font-size: 24px;

  }



  .timeline-sec h6 {

    font-size: 20px;

  }



  .timeline-sec .timeline-sec {

    padding: 10px 0 90px 0;

  }



  .timeline-sec .timeline-box p {

    padding: 20px;

    font-size: 14px;

  }



  .timeline-sec .timeline-box h6 {

    width: 84px;

    height: 84px;

    margin-top: -42px;

  }



  .timeline-sec .timeline-row {

    padding-bottom: 100px;

  }



  .timeline-sec .timeline-row:nth-child(2n + 2) {

    padding-left: 2%;

  }



  .timeline-sec .timeline-row:last-child {

    padding-bottom: 50px;

  }



  .timeline-sec .timeline-box::after,

  .timeline-sec .timeline-row:nth-child(2n + 2)::after,

  .timeline-sec .timeline-row::after {

    width: 30px;

    height: 30px;

  }

}



@media screen and (max-width: 1024px) {

  .timeline-row:nth-child(2n + 2) .timeline-box:nth-child(2n + 1) p::before {

    display: none !important;

  }



  .timeline-box p {

    background: linear-gradient(301deg,

        #d5747d 0%,

        #92b6eb 30%,

        rgba(49, 163, 220, 1) 100%);

    padding: 33px 40px;

    font-size: 16px;

    color: #ffffff;

    font-weight: 400;

    line-height: 1.6;

    border-radius: 15px 15px 15px;

  }



  .timeline-sec h1 {

    font-size: 44px;

  }



  .timeline-sec h2 {

    font-size: 36px;

  }



  .timeline-sec h3 {

    font-size: 28px;

  }



  .timeline-sec h4 {

    font-size: 26px;

  }



  .timeline-sec h5 {

    font-size: 22px;

  }



  .timeline-sec h6 {

    font-size: 18px;

  }



  .timeline-sec p,

  .timeline-sec li {

    font-size: 16px;

  }



  .timeline-sec {

    padding: 0px 0 80px 0;

  }



  .timeline-sec .timeline-row .horizontal-line,

  .timeline-sec .timeline-row .verticle-line,

  .timeline-sec .corner {

    display: none;

  }



  .timeline-sec .timeline-row::after,

  .timeline-sec .timeline-row:nth-child(2n + 2)::after {

    display: none;

  }



  .timeline-sec .timeline-box::after,

  .timeline-sec .timeline-row:nth-child(2n + 2) .timeline-box::after {

    -webkit-transform: translate(-50%, 100%) rotate(90deg);

    transform: translate(-50%, 100%) rotate(90deg);

    top: 50%;

    display: none;

    left: 50%;

  }



  .timeline-sec .timeline-box::after,

  .timeline-sec .timeline-row:nth-child(2n + 2)::after,

  .timeline-sec .timeline-row::after {

    width: 26px;

    display: none;

    height: 26px;

  }



  .timeline-sec .timeline-row {

    padding-bottom: 0;

  }



  .timeline-sec .timeline-box {

    width: 100%;

    padding-bottom: 30px;

  }



  .timeline-sec .timeline-row:last-child {

    padding-bottom: 20px;

  }



  .timeline-sec .timeline-row:nth-child(2n + 2) .timeline-box {

    width: 100%;

  }



  .timeline-sec .timeline-box h6 {

    width: 80px;

    height: 80px;

    margin-top: 0;

    margin: 0 auto;

  }



  .timeline-sec .timeline-box p,

  .timeline-sec .timeline-row:nth-child(2n + 2) .timeline-box p {

    width: 41%;

    margin: -40px 0 0 0;

  }



  .timeline-sec .timeline-row:nth-child(2n + 2) {

    padding-left: 0;

  }



  .timeline-sec .timeline-box p::before {

    left: auto;

    right: -6px;

    display: none;

    border-bottom: 0px solid #98b4e6;

    border-top: 15px solid #98b4e6;

    top: 0;

  }



  .timeline-sec .timeline-box:nth-child(2n + 2) {

    text-align: right;

  }



  .timeline-box:nth-child(2n + 2) p {

    display: inline-block;

    text-align: left;

  }



  .timeline-box:nth-child(2n + 2) p::before {

    left: -16px;

    right: auto;

    display: none;

    border-bottom: 0px solid #42a4db;

    border-top: 15px solid #42a4db;

    top: 0;

    border-left: 15px solid transparent;

  }



  .timeline-row:nth-child(2n + 2) .timeline-box:nth-child(2n + 1) {

    text-align: right;

  }



  .timeline-row:nth-child(2n + 2) .timeline-box:nth-child(2n + 1) p {

    display: inline-block;

    text-align: left;

  }



  .timeline-row:nth-child(2n + 2) .timeline-box:nth-child(2n + 1) p::before {

    left: -16px;

    right: auto;

    border-bottom: 0px solid #42a4db;

    border-top: 15px solid #42a4db;

    top: 0;

    border-left: 15px solid transparent;

  }



  .timeline-row:nth-child(2n + 2) .timeline-box:nth-child(2n + 2) {

    text-align: left;

  }



  .timeline-row:nth-child(2n + 2) .timeline-box:nth-child(2n + 2) p::before {

    left: auto;

    right: -16px;

    border-bottom: 0px solid #42a4db;

    border-top: 15px solid #42a4db;

    top: 0;

  }



  .verticle-line {

    display: block !important;

    left: 50%;

    z-index: -1;

    height: calc(100% - 0px) !important;

    transform: translate(-50%, 0%);

    -webkit-transform: translate(-50%, 0%);

  }



  .timeline-row:nth-child(2n + 2) .verticle-line {

    left: 50%;

  }



  .timeline-row:nth-child(2n + 2) {

    flex-direction: unset;

  }



  .timeline-sec .timeline-row:nth-child(2n + 2) .timeline-box p {

    /* border-radius: 15px 0px 15px 15px !important; */

  }



  .timeline-row:nth-child(2n + 2) .timeline-box:nth-child(3)::after {

    display: block;

  }

}



@media screen and (max-width: 767px) {

  @keyframes pulse-border-timeline {

    0% {

      padding: 30px;

      opacity: 0.75;

    }



    75% {

      padding: 36px;

      opacity: 0;

    }

  }



  .timeline-box p {

    display: flow;

  }



  .timeline-box p span {

    padding-bottom: 0 !important;

    margin-bottom: -8px !important;

    display: flex;

  }



  .development-growing-innner-cards .development-growing-main-cards {

    width: 46% !important;

  }



  @keyframes identifier {

    0% {

      padding: 24px;

      opacity: 0.75;

    }



    75% {

      padding: 41px;

      opacity: 0;

    }

  }



  .timeline-sec h1 {

    font-size: 40px;

  }



  .timeline-sec h2 {

    font-size: 31px;

  }



  .timeline-sec h3 {

    font-size: 26px;

  }



  .timeline-sec h4 {

    font-size: 24px;

  }



  .timeline-sec h5 {

    font-size: 20px;

  }



  .timeline-sec h6 {

    font-size: 16px;

  }



  .timeline-sec p,

  .timeline-sec li {

    font-size: 15px;

  }



  .timeline-sec .timeline-sec {

    padding: 0px 0 70px 0;

  }



  .timeline-sec .timeline-box h6 {

    width: 80px;

    height: 80px;

  }



  .font-weight-normal p br {

    display: none;

  }



  .timeline-row:last-child {

    padding-bottom: 0;

  }



  .timeline-box p,

  .timeline-row:nth-child(2n + 2) .timeline-box p {

    width: 40%;

    margin: -38px 0 0 0;

  }

}



@media screen and (max-width: 720px) {

  .timeline-row:nth-child(2n + 2) .timeline-box:nth-child(3)::after {

    display: none !important;

  }



  .timeline-box p span {

    padding-bottom: 0 !important;

  }



  .timeline-sec .timeline-box::after,

  .timeline-sec .timeline-row:nth-child(2n + 2)::after,

  .timeline-sec .timeline-row::after {

    display: none;

  }



  .timeline-sec .timeline-box p,

  .timeline-sec .timeline-row:nth-child(2n + 2) .timeline-box p {

    width: 81%;

  }



  .timeline-sec .timeline-box p::before {

    left: -14px !important;

    right: 0 !important;

    border-bottom: 0px solid #45a4db;

    border-top: 15px solid #43a4da;

  }



  .timeline-row .verticle-line {

    left: 82px !important;

  }



  .timeline-box {

    width: 88% !important;

    margin: 0 auto !important;

  }



  .timeline-sec .timeline-box h6 {

    width: 80px;

    height: 80px;

    margin-top: 0 !important;

    margin-left: 0;

  }



  .timeline-sec h1 {

    font-size: 36px;

  }



  .timeline-sec h2 {

    font-size: 28px;

  }



  .timeline-sec h3 {

    font-size: 24px;

  }



  .timeline-sec h4 {

    font-size: 22px;

  }



  .timeline-sec h5 {

    font-size: 18px;

  }



  .timeline-sec h6 {

    font-size: 16px;

  }



  .timeline-sec p,

  .timeline-sec li {

    font-size: 14px;

  }



  .timeline-sec {

    padding: 0px 0 0px 0;

  }



  .timeline-box h6 {

    margin: 0;

  }



  .verticle-line,

  .timeline-row:nth-child(2n + 2) .verticle-line {

    left: 35px;

  }



  .timeline-row:last-child {

    justify-content: flex-start;

  }



  .timeline-row:last-child .timeline-box {

    margin: 0 0 0 6px;

  }



  .timeline-box {

    text-align: right;

    padding-bottom: 20px;

  }



  .timeline-box p,

  .timeline-row:nth-child(2n + 2) .timeline-box p {

    width: 78%;

    margin: -38px 0 0 0;

    display: inline-block;

    text-align: left;

    font-size: 13px;

  }



  .timeline-box p::before,

  .timeline-row:nth-child(2n + 2) .timeline-box:nth-child(2n + 2) p::before {

    left: -14px;

    right: 0;

    border-bottom: 0px solid #f7f7f7;

    border-top: 15px solid #f7f7f7;

    top: 0;

    border-top: 15px solid #f7f7f7;

    border-left: 15px solid transparent;

    border-right: 0px solid transparent;

  }



  .timeline-box:nth-child(2n + 2) p::before,

  .timeline-row:nth-child(2n + 2) .timeline-box:nth-child(2n + 1) p::before {

    left: -14px;

  }



  .timeline-row:nth-child(2n + 2) .timeline-box:nth-child(2n + 2) {

    text-align: right;

  }



  .timeline-box::after,

  .timeline-row:nth-child(2n + 2)::after,

  .timeline-row::after {

    width: 24px;

    height: 24px;

    left: 35px;

  }



  .timeline-box::after,

  .timeline-row:nth-child(2n + 2) .timeline-box::after {

    left: 35px;

  }

}



@media screen and (max-width: 480px) {

  .timeline-row .verticle-line {

    left: 74px !important;

  }



  .timeline-sec h1 {

    font-size: 33px;

  }



  .timeline-sec h2 {

    font-size: 26px;

  }



  .timeline-sec h3 {

    font-size: 22px;

  }



  .timeline-sec h4 {

    font-size: 20px;

  }



  .timeline-sec h5 {

    font-size: 16px;

  }



  .timeline-sec h6 {

    font-size: 15px;

  }



  .timeline-box p,

  .timeline-row:nth-child(2n + 2) .timeline-box p {

    width: 70%;

    padding: 15px;

  }



  .timeline-sec {

    padding: 0px 0 0px 0;

  }

}



.production-section .production-section-inner {

  display: flex;

  margin-top: 60px;

  gap: 20px;

  justify-content: space-between;

}



.production-outer-details li {

  position: relative;

  padding-left: 33px;



  margin-bottom: 13px;

}



.production-outer-details li:last-child {

  margin-bottom: 0px !important;

}



.production-cards {

  border-radius: 15px;

  overflow: hidden;

  width: 100%;

  height: -webkit-fill-available;

}



.production-outer-details {

  padding: 20px;

  /* border: 2px solid #174e9e; */

  border-top: 0px;

  background: #f5f4f4;

  border-radius: 10px;

  display: flex;

  flex-direction: column;

  gap: 20px;

  min-height: 372px;

}



.production-img img {

  height: 100%;

  object-fit: cover;

  width: 100%;

}



.production-img {

  height: 284px;

}



.production-outer-details h3 {

  font-size: 20px;

  color: #034ea0;

  font-weight: 600;

}



.production-outer-details li:after {

  content: "";

  position: absolute;

  width: 20px;

  height: 20px;

  left: 0;

  top: 0;

  background-image: url(../images/check.png);

  background-repeat: no-repeat;

  background-size: cover;

}



.vision-card-inner {

  width: 50%;

}



.vision-card-inner h3 {

  font-weight: 600;

}



.vision-card-inner p {

  font-size: 18px !important;

  color: #000000;

}



.vision-card-inner {

  padding: 30px;

  border-radius: 11px;

  box-shadow: rgb(99 99 99 / 37%) 0px 2px 8px 0px;

  color: #214e9c;

  background: #7eb2e640;

  display: flex;

  flex-direction: column;

  gap: 13px;

}



.vision-mission-inner-section {

  display: flex;

  justify-content: space-between;

  gap: 20px;

}



.processing-about-section .processing-about-cards {

  display: flex;

  gap: 40px;
  align-items: center;
  border-radius: 15px;

}



.processing-about-section .processing-about-cards-inner {

  width: 50%;

}



.processing-about-cards {

  padding: 40px;

  background: #f4f6f8;

}



.processing-about-section .processing-about-details {

  width: 73%;

}



.processing-about-cards-inner img {

  width: 100%;

  height: 100%;

  border-radius: 15px;

  object-fit: cover;

}



.timeline-sec .container-fluid {

  padding: 0 20px;

}



.processing-about-section .section-title {

  margin-bottom: 40px;

}



.processing-about-details .bg-logo {

  position: absolute;

  opacity: 0.1;

  width: 290px;

  margin: 0 auto;

  display: flex;

  justify-content: center;

  align-items: center;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

}



.processing-about-details {

  position: relative;

}



.sale-service-section {

  margin: 0px 30px;

  background: linear-gradient(180deg, #309dd7 0%, #0078be 100%);

  border-radius: 15px;

  max-width: 1750px;

  margin: 0 auto;

}



.sale-service-section h2 span {

  color: white;

}



.sale-service-section .sub-info p {

  color: white;

}



.sale-service-section h2 {

  color: white !important;

}



.sub-info p {

  font-size: 17px !important;

  text-align: center;

}



.sale-service-section .sub-info {

  width: 70%;

  margin: 40px auto;

}



.sale-service-cards-outer {

  display: flex;



  gap: 30px;



  justify-content: space-between;

}



.vision-inner {

  padding: 0px 80px;

}



.sale-service-cards p {

  font-size: 18px !important;

}



.sale-service-cards-outer .sale-service-cards {

  padding: 33px;

  width: 28%;

  border-radius: 27px;

  background-color: white;

}



.sale-service-cards {

  display: flex;

  flex-direction: column;

  gap: 20px;

}



.sale-service-cards h5 {

  font-size: 21px;

  font-weight: 600;

}



.production-section .title {

  font-size: 32px;

  margin-top: 40px;

  font-weight: bold;

  color: #333;

}



.production-section .title span {

  color: #f9b233;

}



.production-section .subtitle {

  margin-top: -5px;

  color: #777;

  font-size: 14px;

}



.production-section .arrow-steps {

  display: flex;

  justify-content: center;

  margin: 40px 0;

  justify-content: space-between;

}



.production-section .step {

  padding: 15px 35px;

  color: #fff;

  font-weight: bold;

  width: 100%;

  position: relative;

  border-radius: 10px;

  clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%);

  background: var(--bg-gradient-2);

}



.production-section .step1 {

  background: var(--bg-cross-gradient);

}



.production-section .step2 {

  background: var(--bg-cross-gradient);

}



.production-section .step3 {

  background: var(--bg-cross-gradient);

}



.production-section .step4 {

  background: var(--bg-cross-gradient);

}



.production-section .boxes {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}



.production-section .box {

  width: 22%;

}



.production-section .icon {

  font-size: 40px;

  width: 24%;

}



.vision-mission-section .vision-mission-card {

  gap: 67px;

  align-items: center;

}



.vision-mission-section .vision-mission-card:nth-child(odd) {

  display: flex;

  flex-direction: row-reverse;

}



.vision-mission-section .vision-mission-card:nth-child(even) {

  display: flex;

  flex-direction: row;

}



.vision-mission-card .vision-card-img {}



.vision-mission-card {

  display: flex;

  justify-content: space-between;

  gap: 20px;

}



.vision-mission-section {

  display: flex;

  flex-direction: column;

  gap: 85px;

}



.vision-mission-section .vision-mission-card .vision-card-img img {

  width: 100%;

  height: 100%;

  border-radius: 15px;

}



.vision-mission-section .vision-mission-card .vision-card-img {

  width: 40%;

}



.vision-mission-section .vision-mission-card .vision-details h3 {

  margin-bottom: 40px;

  font-weight: 600;

  margin-bottom: 30px;

}



.vision-mission-section .vision-mission-card .vision-details {

  width: 60%;

}



.sub-info p {

  color: black;

  font-size: 18px !important;

}



.sub-info {

  width: 80%;

  margin: 60px auto;

}



.development-growing-innner-cards {

  display: flex;

  gap: 25px;

  justify-content: space-between;

  /* align-items: center; */

  flex-flow: row wrap;

}



.development-growing-main-cards {}



.development-growing-inner {

  display: flex;

  align-items: center;

  gap: 46px;

  justify-content: space-between;

}



.development-growing-inner .development-growing-innner-cards {

  width: 64%;

}



.development-growing-innner-cards h3 {

  font-weight: 600;

}



.development-growing-inner .development-growing-details {

  width: 50%;

  display: flex;

  flex-direction: column;

  gap: 40px;

}




.development-growing-details p {
  text-align: justify;
  font-size: 18px;

}



.development-growing-innner-cards .development-growing-main-cards {

  width: 48%;



  padding: 25px;

  /* border: 1px solid gray; */

  border-radius: 24px;

}



.development-growing-details h3 {

  font-size: 35px;

  font-weight: 600;

  color: #174e9e;

}



.development-growing .development-growing-main-cards {

  background-color: white;

  display: flex;

  flex-direction: column;

  gap: 20px;

}



.development-growing-main-cards p {

  font-size: 18px !important;

}



.development-growing {

  background-color: #f5f5f5;

}



.development-growing-img {
  width: 60px;

}



.product-category-cards {

  padding: 21px 0px !important;

  row-gap: 70px;

  column-gap: 25px;

  border-radius: 20px;

  display: flex;

  flex-flow: row wrap;

  justify-content: space-evenly;

}



.development-growing-details .section-title {

  text-align: left;

}



.product-category-cards .productcategorymain img {

  border-radius: 15px;

  transition: all 0.5s;

}



.productcategorymain h3 {

  color: #164e9e;
  overflow-wrap: break-word;
  font-weight: 600;

}



.product-category-cards .productcategorymain:hover img {

  transition: all 0.5s;

  transform: translateY(-8px) !important;

}



.product-category-cards .productcategorymain {

  gap: 20px;

  padding: 30px;

  width: 370px;

  min-height: 380px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: space-evenly;

  background-color: rgba(255, 255, 255, 0.4);

  border-radius: 20px;

  box-shadow: 0px 0 31px 0px rgb(0 0 0 / 10%);

  backdrop-filter: blur(15px);

  border: 1px solid rgba(255, 255, 255, 0.5);

}



svg:not(:root) {

  overflow: visible !important;

}



.thumb-slider-wrapper {

  max-width: 650px;

  margin: 0 auto;

  position: relative;

  display: flex;

  align-items: center;

}



#thumbCarousel {

  display: flex;

  gap: 10px;

  overflow: hidden;

  white-space: nowrap;

  scroll-behavior: smooth;

  width: 100%;

  padding: 10px 0;

}



#thumbCarousel .thumb {

  flex: 0 0 auto;

  border: 1px solid #e6e6e6;

}



.thumb img {

  opacity: 0.5;

}



.thumb.active img,

.thumb:hover img {

  opacity: 1;

}



/* Left/Right Buttons */

.thumb-btn {

  background: none;



  padding: 8px 12px;

  cursor: pointer;

  font-size: 20px;

  user-select: none;

  position: absolute;

}



.thumb-btn.left-thumb-btn {

  left: 0;

  right: auto;

  padding: 0;

  color: #164d9e;

  padding-left: 10px;

}



.thumb-btn.right-thumb-btn {

  right: 0;

  left: auto;

  padding: 0;

  color: #164d9e;

  padding-right: 10px;

}



.thumb-btn {

  display: none;

  /* JS will show when needed */

}



.product-details-section .carousel-inner>.item>img,

.carousel-inner>.item>a>img {

  margin: auto;

}



.product-details-section #myCarousel {

  max-width: 650px;

  margin: 0 auto;

  background: #fff;

}



.product-details-section .product-details-section #thumbCarousel {

  max-width: 650px;

  margin: 0 auto;

  overflow: hidden;

  background: #fff;

  padding: 10px 0;

  border-radius: 12px;

  overflow: hidden;

}



.nav-slider div {

  border-radius: 11px;

}



.nav-slider div img {

  border-radius: 11px;

}



.product-details-section #thumbCarousel .thumb {

  float: left;

  margin-right: 10px;

  border: 1px solid #e6e6e6;

  background: #fff;

}



.product-details-section #thumbCarousel .thumb:last-child {

  margin-right: 0;

}



.product-details-section .thumb:hover {

  cursor: pointer;

}



.product-details-section .thumb img {

  opacity: 0.5;

}



.product-details-section .thumb img:hover {

  opacity: 1;

}



.product-details-section .thumb.active img {

  opacity: 1;

  border: 1px solid #808080;

}



.product-category-information {

  width: 45%;

}



.product-category-information {

  width: 48%;

}



.product-category-inner {

  display: flex;

  gap: 50px;

}



.product-middleline {

  width: 1px;

  background: #c3c6c9;

}



.main-slider.carousel-control {

  display: flex;

  align-items: center;

  justify-content: center;

  color: #174e9e;

  font-size: 35px;

}



.carousel-control.left {

  transition: all 0.5s;

  background-image: linear-gradient(to right,

      rgb(22 78 158 / 14%) 0,

      rgba(0, 0, 0, 0.0001) 100%);

}



.carousel-control.right {

  transition: all 0.5s;



  background-image: linear-gradient(to right,

      rgba(0, 0, 0, 0.0001) 0,

      rgb(23 78 158 / 14%) 100%) !important;

}



.product-category-information {}



.product-category-information .section-title h2 {

  text-align: left;

}



.product-detail-sub-info {

  display: flex;

  flex-direction: column;

  gap: 33px;

}



.product-detail-sub-info p:last-child {

  margin-bottom: 0px;

}



.product-detail-sub-info p {

  font-size: 17px !important;

  margin-bottom: 10px;

}



.product-info-inner {

  padding: 20px;

  background: red;

  border-radius: 12px;

  background: #f5f5f5;

}



.product-category-information h3 {

  margin-bottom: 20px;

  font-weight: 500;

}



.product-info-inner .product-content-sub div span {

  font-size: 17px !important;

}



.product-info-inner .product-content-sub div p {

  min-width: 133px;



  font-size: 17px !important;

}



.product-info-inner .product-content-sub div {

  display: flex;

  align-items: center;

  gap: 20px;

}



.product-info-inner .product-content-sub {

  display: flex;

  flex-direction: column;

  gap: 8px;

}



.product-category-information {

  display: flex;

  flex-direction: column;

  gap: 28px;

}



.swiper-button-prev,

.swiper-button-next {

  background-image: none !important;

}



.related-product .section-title {

  margin-bottom: 70px;

}



.related-product .swiper-slide img {

  width: 100%;

  height: 100%;

  transition: all 0.5s;

}

.related-product .related-outer:hover img {
  transition: all 0.5s;
  transform: translateY(-8px) !important;
}

.related-product .related-outer h3 {
  color: #164e9e;
  font-weight: 600;
  font-size: 15px;
}

.related-product .related-outer a {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.related-product .swiper-slide {

  border: 1px solid #c0c0c1;

  border-radius: 12px;

  overflow: hidden;

}



.related-product .swiper-button-next:after,

.swiper-button-prev:after {

  color: #174e9e;

  font-size: 30px;

  font-weight: 700;

}



.related-product .swiper-slide {

  text-align: center;

  font-size: 18px;

  background: #fff;



  /* Center slide text vertically */

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

}



.sus-img-tab-sec {

  display: flex;

  width: 100%;

  /* height: 100%; */

  background: #e4e4e45b;

}



/* ---------------- LEFT SIDE ---------------- */

.sus-img-tab-sec .left-box {

  width: 50%;

  height: auto;

  background: url("../images/sus-focus-banner-img.webp") center/cover no-repeat;

  position: relative;

  /* padding: 40px 0; */

  display: flex;

  align-items: center;

  justify-content: end;

  object-fit: cover;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.sus-img-tab-sec .tabs {

  width: 100%;

  max-width: 400px;

  /* box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); */

  overflow: hidden;

  display: flex;

  flex-direction: column;

  gap: 5px;

}



.sus-img-tab-sec .tab-btn {

  height: 60px;

  padding: 0 20px;

  border-radius: 8px;

  display: flex;

  justify-content: start;

  align-items: center;

  cursor: pointer;

  background: #fff;

  /* border-bottom: 1px solid #ececec;

    border-top: 1px solid #ececec; */

  transition: 0.3s;

  font-size: 16px;

  font-weight: 500;

}



.sus-img-tab-sec .tab-btn.active {

  background: var(--bg-gradient-2);

  color: var(--text-light);

}



/* 

.tab-btn:hover {

    background: #f3f3f3;

} */



/* ---------------- RIGHT SIDE ---------------- */

.sus-img-tab-sec .right-box {

  width: 50%;

  height: auto;

  padding: 80px 60px;

  position: relative;

  z-index: 1;

}



.sus-img-tab-sec .right-box .right-box-inner-img {

  max-width: 300px;

  position: absolute;

  top: 50%;

  right: 50%;

  transform: translate(50%, -50%);

  z-index: 0;

  overflow: hidden;

  opacity: 0.1;

}



.sus-img-tab-sec .right-box .right-box-inner-img img {

  width: 100%;

}



/* .sus-img-tab-sec .right-box h2 {

    color: #034ea0;

    font-size: 46px;

    font-weight: 600;

} */



.sus-img-tab-sec .content-box {

  display: none;

  animation: fade 0.4s ease;

  line-height: 1.6;

}



.sus-img-tab-sec .content-box.active {

  display: block;

}



.sus-img-tab-sec .right-box .content-box ul li {

  list-style-type: disc;

  margin-left: 20px;

  margin-top: 10px;

}



.sus-img-tab-sec .right-box .content-box ul {

  font-size: 22px;

}



.sus-img-tab-sec .right-box .content-box ul li::marker {

  color: #034ea0;

}



.mfp-content h2 {

  text-align: left;

  margin-bottom: 30px;

  font-size: 27px;

}



.white-popup {

  position: relative;

  background: #fff;

  padding: 40px;

  width: auto;

  max-width: 600px;

  margin: 10px auto;

  border-radius: 10px;

  text-align: left;

}



.contact-inner-field input {

  padding: 4px 16px;

  height: 44px;

  background: #f0f5ff;

  outline: none !important;

  border: 1px solid gray;

  border-radius: 5px;

  width: 100%;

}



.contact-inner-field {

  display: flex;

  flex-direction: column;

  gap: 9px;

  font-size: 18px;

  margin-bottom: 15px;

}



/* ====================== international page start =============================== */



.ag-globel-tech {

  padding: 100px 0 100px 0;

}



.ag-global-content-wrapper {

  width: 100%;

  display: flex;

  justify-content: space-between;

}



.global-left {

  max-width: 47%;

  width: 100%;

}



.global-top-content p {

  /* text-align: justify; */

  text-transform: initial !important;

}



.global-bottom-content {

  width: 100%;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-top: 40px;

  row-gap: 30px;

}



.global-bottom-content .global-card {

  max-width: 260px;

  width: 100%;

  display: flex;

  flex-direction: column;

  gap: 6px;

}



.global-bottom-content .global-card h3 {

  font-size: 20px;

  text-transform: initial !important;

}



.global-bottom-content .global-card p {

  font-size: 16px !important;

  text-transform: initial !important;

}



.global-right {

  max-width: 47%;

  width: 100%;

}



.global-right-inner-wrapper {

  width: 100%;

  background-image: var(--bg-gradient-2);

  padding: 30px;

  border-radius: var(--br-15);

  display: flex;

  flex-direction: column;

  gap: 15px;

}



.global-right-inner-wrapper h4 {

  color: var(--bg-color-2);

  font-size: 20px;

}



.global-right-inner-wrapper p {

  font-size: 16px !important;

  color: var(--bg-color-2);

  text-transform: initial !important;

}



.global-right-inner-wrapper .g-inner-sub-text {

  display: flex;

  gap: 20px;

  align-items: center;

}



.global-right-inner-wrapper .g-inner-sub-text span {

  font-size: 36px;

  font-weight: 600;

  color: var(--bg-color-2);

}



.global-right-inner-wrapper .g-inner-sub-text .ag-sub-text-global {

  display: flex;

  flex-direction: column;

  /* gap: 5px; */

}



.g-inner-sub-text .ag-sub-text-global h5 {

  color: #fff;

  font-weight: 600;

  font-size: 16px;

}



.g-inner-sub-text .ag-sub-text-global p {

  font-size: 14px !important;

  text-transform: initial !important;

}



/* ====================== international page End =============================== */



.career-page-section {

  margin-top: 0 !important;

}



.career-form {

  width: 100% !important;

}



.career-inner-field {

  width: 48%;

}



.career-form .form {

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

}



.contact-page-section .contact-inner-field select:focus,

.contact-page-section .contact-inner-field textarea:focus {

  border-color: #034ea0 !important;



  box-shadow: none !important;



  outline: none !important;

}



.contact-inner-field select {

  padding: 4px 16px !important;

  height: 44px;

  width: 100%;

  background: #f0f5ff;

  outline: none !important;

  border: 1px solid gray;

  border-radius: 5px;

  text-transform: uppercase;

  font-size: 16px;

}



.custom-file-box {

  position: relative;

  display: inline-block;

  padding: 4px 16px;

  height: 44px;

  background: #f0f5ff;

  outline: none !important;

  border: 1px solid gray;

  border-radius: 5px;

  width: 100%;

  cursor: pointer;

  display: flex;

  align-items: center;

  font-size: 16px;

}



.custom-file-box input[type="file"] {

  position: absolute;

  inset: 0;

  opacity: 0;

  /* Hides default file button completely */

  cursor: pointer;

}



.career-inner-field-message {

  width: 100%;

}



.career-inner-field-message textarea {

  height: 100px;

  padding: 12px;

  border: 1px solid gray;

  background: #f0f5ff;

  border-radius: 6px;

  line-height: 1.4;

  width: 100%;

}



@media (max-width: 992px) {

  .career-inner-field {

    width: 100%;

  }

}



.inner-btn-grp {

  width: 100%;

  display: flex;

  flex-direction: column;

  gap: 20px;

  text-align: center;

  justify-content: center;

}



.inner-btntwo-grp {

  display: flex;

  gap: 10px;

  justify-content: center;

  flex-flow: row wrap;

  justify-content: center;

  text-align: center;

  align-items: center;

}



.productcategorymain .inner-btntwo-grp img {

  border-radius: 0px !important;

}



.productcategorymain:hover .inner-btntwo-grp img {

  transform: translateY(0px) !important;

}



.inner-btntwo-grp a {

  white-space: nowrap;

}



.inner-btntwo-grp img {

  width: 34px;

  border-radius: 0px;

}





















/* Blog----------------------------------- */

.blog-in-btn {
  display: flex;
  justify-content: center;
}

.blog-outer-section {

  display: flex;

  flex-flow: row wrap;
  row-gap: 57px;

  padding-top: 60px;

  justify-content: center;

}



.single-blog .blog-content::before,

.single-blog .blog-content::after {

  content: "";

  position: absolute;

  bottom: 0;

  right: 0;

  left: 0;

  width: 55%;

  height: 100%;

  background-color: #fff;

  z-index: -1;

  transition: all 0.5s;

}



.single-blog .blog-content::before,

.single-blog .blog-content::after {

  content: "";

  position: absolute;

  bottom: 0;

  right: 0;

  left: 0;

  width: 55%;

  height: 100%;

  background-color: #fff;

  z-index: -1;

  transition: all 0.5s;

}



.single-blog .blog-content p {

  margin: 15px 0 15px;

  transition: all 0.5s;

}



.single-blog {

  /* margin-bottom: 30px; */

  border-radius: 14px;

  overflow: hidden;

  transition: all 0.5s;

  height: 100%;

}



.blog-content h3 {

  min-height: 51px;

}



.single-blog .blog-content ul li i {

  font-size: 14px;

  display: inline-block;

  margin-right: 5px;

}



.single-blog .blog-content ul li:last-child {

  margin-right: 0;

  flex-flow: row wrap;

  row-gap: 12px;

  display: flex;

  gap: 8px;

}



.single-blog img {

  transition: all 1s;

  width: 100%;

  height: 332px;

  object-fit: cover;

}



.blog-area {

  background-color: #f5f5f5;

}



.single-blog .blog-content ul {

  line-height: 1;

  margin-bottom: 15px;

}



.single-blog .blog-content {

  padding: 30px;

  background-color: #ffffff;

  transition: all 0.5s;

  position: relative;

  height: 100%;

  min-height: 344px;

  z-index: 1;

}



.blog-outer-section a {

  display: block;

  transition: all 0.5s;

  text-decoration: none;

}



.blog-details-area {}



.blog-details-area .blog-details-img {

  margin-bottom: 30px;

  border-radius: 13px;

  overflow: hidden;

}



.blog-details-img img {

  width: 100%;

}



.blog-details-area .post-navigation {

  padding-top: 40px;

}



.nav-flex {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-top: 30px;

}



.nav-prev {

  margin-right: auto;

}



.recent-case {

  background-color: #10427d0f;

  padding: 30px;

  border-radius: 13px;

  overflow: hidden;

}



.blog-details-area h3,

.blog-details-area h2 {

  position: relative;

  line-height: initial;

  font-size: 22px;

  font-weight: 600;

}



.recent-case ul li {

  margin-bottom: 5px;

}



.blog-tag {

  background-color: #10427d0f;

  margin-top: 30px;

  padding: 30px;

  border-radius: 13px;

  overflow: hidden;

}



.blog-details-area h3,

.blog-details-area h2 {

  position: relative;

  line-height: initial;

  font-size: 22px;

  font-weight: 600;

  margin-top: 20px;

  margin-bottom: 10px;

}



.blog-content .btn-global-v2 {

  color: white;

}



.blog-content a {

  color: #174e9e;

}



.blog-tag ul li a {

  font-size: 15px;

  color: #10427d;

}



.recent-case a {

  color: #10427d;

}

.tag-category-banner.page-title-area h2 {

  font-size: 43px !important;

  text-align: center;

}



.tag-category-banner.page-title-area {

  color: white;

  padding: 63px 0px;

  background: linear-gradient(90deg, rgba(0, 141, 214, 1) 0%, rgba(3, 78, 160, 1) 62%);

}

.page-item .page-link:hover {

  color: white;

}

.page-item .page-link:focus {

  box-shadow: none !important;

  color: white !important;

}

.page-item .page-link {

  border: 0px !important;

  color: white;

  display: flex;

  border-radius: 5px !important;

}

.pagination a {

  min-width: 34px;

  background: linear-gradient(90deg, rgba(0, 141, 214, 1) 0%, rgba(3, 78, 160, 1) 62%);

}

.pagination {

  display: inline-block;

  padding-left: 0;

  margin: 20px 0;

  border-radius: 4px;

  width: 100%;

  display: flex;

  justify-content: center;

  gap: 10px;

}





/* Timeline--------------------------- */



.at-timeline-section {

  width: 100%;

  /* padding: 80px 0; */

  display: flex;

  justify-content: center;

}



.at-timeline-container {

  width: 90%;

  max-width: 1300px;

  display: flex;

  gap: 60px;

  position: relative;

}



/* LEFT SIDE */

.at-timeline-left {

  width: 55%;

  position: relative;

}



/* VERTICAL LINE */

.at-timeline-line {

  position: absolute;

  top: 0;

  right: -35px;

  width: 4px;

  height: 100%;

  background: #214e9c;

}



/* DOTS ON LINE */

.at-timeline-line .dot {

  width: 24px;

  height: 24px;

  background: #000;

  border-radius: 50%;

  position: absolute;

  left: 50%;

  transform: translate(-50%, -50%);

  /* center horizontally and vertically */

}



/* TIMELINE CARDS */

.at-timeline-card {

  background-image: linear-gradient(90deg, rgba(0, 141, 214, 1) 0%, rgba(3, 78, 160, 1) 62%);

  color: white;

  padding: 25px;

  border-radius: 12px;

  margin-bottom: 50px;

  position: relative;

  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);

  /* opacity: 0; */

  /* transform: translateY(60px); */

  transition: .5s ease;

  z-index: 2;

}



.at-timeline-card h3 {
  font-size: 35px;
  padding-bottom: 10px;

  border-bottom: 1px solid #ffffff5b;

}

.at-timeline-card p {
  text-align: justify;
  padding-top: 10px;
  font-size: 14px !important;
  line-height: 1.3;

}



/* SHOW ANIMATION */

.at-timeline-card.show {

  opacity: 1;

  transform: translateY(0);

}



/* ARROW NOTCH ON RIGHT CENTER */

.at-timeline-card::after {

  content: "";

  position: absolute;

  top: 50%;

  right: -8px;

  transform: translateY(-50%) rotate(45deg);

  width: 18px;

  height: 18px;

  background: #034EA0;



  /* border-right: 3px solid #000;

    border-bottom: 3px solid #000; */

  /* box-shadow: 3px 3px 8px rgba(0,0,0,0.15); */

}



/* RIGHT SIDE STICKY IMAGE */

.at-timeline-right {

  width: 45%;

}

.at-sticky-img-box {

  position: sticky;

  top: 150px;

}



.at-sticky-img-box img {

  width: 100%;

  border-radius: 14px;

  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.2);

  /* margin-top: 60px; */

}



/* Sticky center pin */

.at-timeline-pin {

  position: sticky;

  top: 50%;

  transform: translateY(-50%);

  width: 28px;

  height: 28px;

  margin: 0 auto;

}



/* RESPONSIVE */

@media(max-width: 1399px) {

  .at-sticky-img-box {

    top: 225px;

  }

}

@media(max-width: 992px) {

  .at-timeline-container {

    flex-direction: column-reverse;

  }



  .at-timeline-left {

    width: 90%;

  }

  .at-timeline-right {

    width: 100%;

  }



  .at-timeline-line {

    right: -40px;

  }



}



@media(max-width: 576px) {

  .development-growing-innner-cards .development-growing-main-cards {
    width: 100% !important;
  }



  /* .at-timeline-line {

        display: none;

    }

     .at-timeline-card::after {

        display: none;

    } */

  .at-timeline-line {

    right: -28px;

  }

  .at-timeline-card {

    margin-bottom: 30px;

  }

}





.related-product .related-outer {
  padding: 26px;
  display: flex;
  flex-direction: column;
  gap: 17px;
  align-items: center;
}

.international-inner .main-title h3 {
  text-align: center;
}

.international-inner-cards {
  display: flex;
  padding-bottom: 43px;
  align-items: start;
  border-bottom: 1px solid #174e9e;
}

.international-content h2 {
  margin-bottom: 20px;
}

.international-img {
  max-width: 320px;
  width: 100%;
}

.international-content P {
  text-align: justify;
}

.international-cards-outer {
  display: flex;
  flex-direction: column;
  gap: 46px;
}

.international-inner {
  display: flex;
  flex-direction: column;
  gap: 78px;
}

.international-inner h3 {
  line-height: normal;
}

.international-cards-outer .international-inner-cards:last-child {
  border-bottom: 0px;
  padding-bottom: 0px !important;

}

.international-inner-cards {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  /* align-items: center; */
}

.gas-supply-inner {
  gap: 18px;
  display: flex;
  margin-top: 65px;
  flex-flow: row wrap;

}

.gas-supply-card h2 {
  font-size: 24px;
}



.gas-supply-inner .gas-supply-card .supply-img {
  width: 30%;
}

.gas-supply-inner .gas-supply-card {
  background-color: white;
  display: flex;
  padding: 30px;
  flex-direction: column;
  border-radius: 15px;
  gap: 21px;
  width: 24%;

}


.gas-supply-section {
  background-color: #f5f5f5;
}





.faq-section .faq-inner {
  width: 82%;
  margin: 0 auto;
}

.faq-title {
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 30px;
}

.faq-content {
  margin-top: 60px;
}

.faq-item {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: all 0.3s ease;
}

.faq-question {
  background: linear-gradient(90deg, rgba(0, 141, 214, 1) 0%, rgba(3, 78, 160, 1) 62%);
  border: none;
  width: 100%;
  text-align: left;
  padding: 18px 20px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffffff;
  transition: background 0.3s ease;
}



.faq-answer {
  max-height: 0;
  overflow: hidden;
  background: #f0f5ff;
  transition: all 0.4s ease;
  padding: 0 20px;
  line-height: 1.6;
  color: #555;
}

.faq-item.active .faq-answer {
  max-height: 300px;
  padding: 15px 20px;
}




.faq-icon {
  font-size: 20px;
  transition: transform 0.3s ease;
}

.faq-item.active .faq-icon {
  transform: rotate(45deg);
}

.on-site-gas-supply-form .form .wpcf7 {
  width: 100%;
}

.on-site-gas-supply-form .contact-inner-field {
  width: 100%;

}


.on-site-gas-supply-form .submit-div {
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
}


.on-site-gas-supply-form .contact-inner {
  width: 57%;
  margin: 0 auto;
}

.on-site-gas-supply-form h2 {
  text-align: center;
  color: #174e9e;
}


.market-card-inner {
  display: flex;
  gap: 27px;
  flex-flow: row wrap;
}

.market-card-inner .market-cards {

  width: 32%;

  padding: 30px;

  background: #dbe7faf7;
  border-radius: 12px;

}

.market-img {
  width: 68px;
  background: white;
  padding: 8px;
  border-radius: 10px;
  margin-bottom: 25px;
}

.market-cards h3 {

  margin-bottom: 22px;
}

.at-timeline-card h4 {
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 18px;
}

.model-contact .career-inner-field {
  width: 100%;
}


.white-popup .form-inner input[type="submit"] {
  background: none !important;
  margin: 0px;
  padding: 0px !important;
  border: none !important;

}

.white-popup .career-inner-field textarea:focus {
  box-shadow: none !important;
  background: #f0f5ff;
  outline: none !important;
  border: 1px solid gray;
}

.white-popup .career-inner-field input:focus {
  box-shadow: none !important;
  background: #f0f5ff;
  outline: none !important;
  border: 1px solid gray;
}

.ag-copyright-outer a {
  color: #47a5db !important;
  font-weight: bold;
}


.product-category-slider {
  width: 50%;
}

.product-category-information {
  width: 50%;
}

.product-category-information iframe {
  height: 735px !important;
}

.related-swiper-slider {
  position: relative;
}


.related-swiper-slider .swiper-button-prev {
  top: 50%;
}

.related-swiper-slider .swiper-button-next {
  top: 50%;
}

.related-product {
  padding-bottom: 80px;
}

.international-content P {
  margin-bottom: 10px;
}

.international-content a {
  color: var(--blue);
  font-weight: 600;
}

.international-content a:hover {
  color: var(--blue);

}

.international-img {
  max-width: 320px;
  width: 100%;
  margin-right: auto;
}

.international-inner-cards img {
  width: auto !important;
}

.international-inner-cards {
  /* flex-direction: column; */
}

.international-content ul {
  padding-left: 20px;
  margin-bottom: 14px;
}

.international-content ul li {
  list-style: disc;
  margin-bottom: 6px;
}

.international-btns a {
  color: white !important;
}

.international-imgs {
  margin-top: 25px;
}

.international-btns {
  display: flex;
  gap: 16px;
  flex-flow: row wrap;
}

.servicetechnical-consultancy ul li {
  list-style: disc;
  margin-bottom: 10px;
}

.servicetechnical-consultancy ul li:last-child {
  margin-bottom: 0px !important;
}

.serviceour-facilities .sale-service-cards-outer .sale-service-cards {
  padding: 33px;
  width: 48%;
}

.servicetechnical-consultancy ul {
  padding-left: 20px;
}

.serviceour-facilities .sale-service-cards-outer {
  display: flex;
  gap: 30px;
  justify-content: space-between;
  flex-flow: row wrap;
}

.serviceour-facilities h2 {
  margin-bottom: 45px;
}

.servicetechnical-consultancy h2 {
  margin-bottom: 54px;
}

.white-popup input.practise-title {
  text-transform: uppercase;
}


#myCarousel .carousel-inner {
  position: relative;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
}

/* LEFT FADE */
#myCarousel .carousel-inner::before {
  content: "";
  position: absolute;
  top: 0;
  width: 80px;
  height: 100%;
  pointer-events: none;
  left: 0;
  background: linear-gradient(to right,
      rgba(230, 236, 245, 0.9),
      rgba(230, 236, 245, 0));
  z-index: 1;
}

#myCarousel .carousel-inner::after {
  content: "";
  position: absolute;
  top: 0;
  width: 80px;
  height: 100%;
  pointer-events: none;
  right: 0;
  background: linear-gradient(to left,
      rgba(230, 236, 245, 0.9),
      rgba(230, 236, 245, 0));
  z-index: 1;
}
.read-more-wrapper {
    margin-bottom: 12px;
}

.read-more-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.6s ease;
}

.read-more-btn {
    margin-bottom: 10px;
    font-weight: 700;
    color: #164e9e;
    background: none;
    border: none;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.arrow-icon {
    width: 16px;
    height: 16px;
    transition: transform 0.3s ease;
}

.read-more-btn.active .arrow-icon {
    transform: rotate(90deg);
}

.product-category-information iframe .ndfHFb-c4YZDc-cYSp0e {
  background-color: white !important;
}
.ndfHFb-c4YZDc-oKVyEf {
    -webkit-user-select: text;
    user-select: text;
    background: white !important;
}


.equipment-card-inner{
     display: flex;
    gap: 30px;
    flex-flow: row wrap;
    justify-content: center;
    
}
.equipment-card-inner .equipment-cards:hover{
transition: all 0.5s;
    transform: translateY(-6px) !important;

}


.equipment-cards img{
  font-size: 85px;
  width: 120px;
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}
.equipment-card-inner .equipment-cards h3{
  line-height: normal;
      color: black;

}
.equipment-card-inner .equipment-cards{
  cursor: pointer;
      transition: all 0.3s;
width: 23%;
    padding: 20px;
    border-radius: 12px;
    padding: 24px;
  color: #348dd1;
       background: #f3f3f3;
    display: flex;
    flex-direction: column;
    gap: 29px;
    text-align: center;
    justify-content: center;
}






.equipment-content p{
  margin-bottom: 10px;
}

.gas-equipment-section {
    padding: 60px 0;
    background: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
}

.gas-equipment-section .container {
    max-width: 900px;
    margin: auto;
    padding: 0 20px;
}

.vision-extra-contet .section-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #111;
}

.vision-extra-contet h3 {
    font-size: 22px;
    font-weight: 600;
    margin: 30px 0 15px;
    color: #111;
}


.vision-extra-contet strong {
    color: #000;
}

.gas-equipment-section .gas-equipment-section hr {
    border: none;
    border-top: 1px solid #ddd;
    margin: 35px 0;
}

.vision-details p{
  margin-bottom: 10px;
}

.vision-details p:last-child{
  margin-bottom: 0px;
}

/* Lists */
.vision-extra-contet  ul{
    list-style: none;
    padding-left: 0;
}

.vision-extra-contet  ul li{
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    font-size: 16px;
    color: #333;
}

/* Custom bullet */
.vision-extra-contet ul li::before{
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    color: #0a66c2;
    font-weight: bold;
}


.equipmentdetails .vision-mission-section {
   
    gap: 31px;
}
.vision-mission-card ul{
  padding-left: 20px;
}

.vision-mission-card ul li{
  list-style: disc;
  margin-bottom: 10px;
}

.strategic-alliances-card .vision-mission-section .section-title{
  margin-bottom: 0px !important;
  width: 0px;

}


.product-category-content-inner h3 ,.product-category-content-inner h2  {
    font-size: 22px;
    font-weight: 600;
    margin-bottom:  30px;
    color: #111;
}




.product-category-content-inner ul ,  .product-category-content-inner ol{
  padding-left: 20px;
}
.product-category-content-inner ul li , .product-category-content-inner ol li {
    position: relative;
    padding-left: 8px;
    margin-bottom: 12px;
    font-size: 16px;
    color: #333;
    list-style: decimal;
}


.strategic-form .career-inner{
    box-shadow: none;
}

.strategic-form {
    margin-top: 100px;
    padding-top: 0;
    padding-bottom: 0;
}

.home-banner .hero-bg img {
      height: 100% !important;
          inset: unset;
}