* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --black: #0F0E13;
  --white: #ffffff;
  --blue: #182A41;
  --para: #565656;
  --gray: #808080;
  --gold: #C4A458;
  --dd-color: #DDD;
  --body-typography-font-family: "Rubik", sans-serif;
  --subheading-typography-font-family: "Kropaso", sans-serif;
  --heading-typography-font-family: "Kropaso", sans-serif;
}

.btn-check:focus+.btn, .btn:focus {
  outline: 0;
  box-shadow: none;
}

body {
  font-family: var(--body-typography-font-family);
  font-size: 16px;
  color: var(--para);
  ::-webkit-scrollbar {
  width: 0px;
}
}

/* Video  fullscreen */
#videoContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* Main content hidden  */
#bodymainContent {
  display: none;
}

/*#videoContainer {*/
/*  position: fixed;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  z-index: 99;*/
/*}*/

#introVideo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#skipButton {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  z-index: 1001;
  /* Above the video */
}

#skipButton:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

/* / comman classes / */
a:hover {
  color: var(--gray);
}

.navbar-light .navbar-nav .nav-link {
  color: var(--black);
  font-size: 18px;
}

.main_head {
  text-transform: uppercase;
  color: var(--blue);
  font-size: 44px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: -0.44px;
}

h1.main_head {
  text-transform: uppercase;
  color: var(--blue);
  /*font-family: var(--heading-typography-font-family);*/
  font-size: 60px;
  font-style: normal;
  font-weight: 500;
  line-height: 70px;
}

.sub_title {
  font-size: 24px;
  font-weight: 700;
  color: var(--black);
}

.two-column-list .sub_title {
  font-weight: normal;
}

.two-column-list .sub_title b {

  color: var(--blue);
}

.main_btn {
  background-color: var(--black);
  color: var(--white);
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  padding: 12px 30px;
}

.main_btn img {
  rotate: 15deg;
  height: 24px;
  width: 24px;
}

.comman_space {
  margin: 50px 0;
}

.section_space_pt {
  padding: 60px 0px;
}
.section_pt {
  padding-top: 80px
}
.section_space {
  margin: 60px 0px;
}

.about_wrapper {
  margin-top: 100px;
}

.about_wrapper h4,
.main_head_small {
  color: var(--gold);
  font-family: var(--body-typography-font-family);
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px;
  /*text-transform: uppercase;*/
}

.main_head_small {
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
}

.main_routing_home {
  font-size: 18px;
  font-weight: 700;
  color: var(--para);
  text-transform: uppercase;
   margin-bottom:16px;
}

.routing_home_news {
  font-weight: normal;
}

/* / comman classes / */
/* header */
/* .hd_search input {
  padding: 8px 22px 8px 44px;
  border-radius: 30px;
  border: 1.5px solid #ddd;
  display: block;
  height: 51px;
} */
/* / hero section / */
.hero {
  position: relative;
}
.navbar-light .navbar-nav .nav-link.active{color: var(--gold);}

.hero_slider {
  position: relative;
}
 .hero_slider .swiper-slide{ margin-bottom: 30px;}
.sub_head {
  color: var(--gold);
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}

.slider_products {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.slider_content {
  position: absolute;
  top: 15%;
  left: 8%;
}

.slid_prod {
  color: var(--gray);
  font-size: 14px;
  text-transform: capitalize;
  position: relative;
}

.slid_prod::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 20px;
  background-color: #ddd;
  top: 0;
  right: -5px;
}

.slid_prod:last-child::before {
  display: none;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  width: fit-content !important;
  left: 8% !important;
}

.swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
  background: var(--dd-color) !important;
  opacity: 0.3 !important;
  margin: 2px 10px !important;
}

.swiper-pagination-bullet-active {
  opacity: 1 !important;
  width: 16px !important;
  height: 16px !important;
  background-image: url(../images/round.png) !important;
  background-size: contain !important;
  margin: 0 10px !important;
  outline-color: transparent;
}

.gallery__pagin-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-direction: column;
}

.swiper-pagination-progressbar {
  width: 2px !important;
  height: 200px !important;
  background-color: #DDDDDD !important;
  position: relative !important;
}

.numbered-pagination {
  position: absolute;
  bottom: 28%;
  left: 50px;
  z-index: 10;
  color: var(--blue);
  font-size: 24px;
  font-weight: bold;
}

/* one_stop_shop */
.one_stop_shop {
  padding-bottom: 100px;
  background-image: url(../images/Product_bg.png);
  background-repeat: no-repeat;
  background-position: top, center;
  padding-top: 0px;
}

.effect_line {
  border: 1px solid var(--gold);
  margin: 0 auto;
}

.effect_line::before {
  content: "";
  position: absolute;
  background-image: url('../images/round.png');
  width: 18px;
  height: 18px;
  left: -8px;
  top: -9px;
}

.effect_line::after {
  content: "";
  position: absolute;
  background-image: url('../images/round.png');
  width: 18px;
  height: 18px;
  right: -8px;
  top: -9px;
}

.industrial_box,
.News_card {
  border-radius: 6px;
  border: 1px solid var(--dd-color);
  background: rgba(255, 255, 255, 0.90);
  padding: 20px;
  margin: 10px;
}

/*.industrial_box{*/
/*    height:100%;*/
/*}*/
.industrial_solutions {
  padding-top: 100px;
}

.industrial_box h3,
.News_card h3 {
  color: var(--blue);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 10px 0;
}

.btn_area {
  border-radius: 6px;
  background: var(--wb-black);
  color: var(--white);
  font-size: 18px;
  font-style: normal;
  line-height: 32px;
  padding: 12px 32px;
}

.btn_area span {
  display: inline-block;
  transition: transform 0.3s ease-in-out;
}

.btn_area:hover span {
  transform: translateX(5px) translateY(-3px);
}

/* Pagination Styling */
.custom-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  font-size: 16px;
  font-weight: bold;
  gap: 10px;
}

.custom-pagination .progress-bar {
  width: 30%;
  height: 3px;
  background: #ddd;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.custom-pagination .progress-fill {
  width: 0;
  height: 100%;
  background: var(--gold);
  position: absolute;
  left: 0;
  top: 0;
  transition: width 0.4s ease-in-out;
}

.custom-pagination span {
  font-size: 18px;
  font-weight: bold;
  color: var(--gold);
}

.rg_btn {
  float: right;
  clear: both;
}

.shaping_industrial {
  background: var(--blue);
  padding: 100px 0;
  z-index: 1;
}

/* Keep changing the topic according to the industry */
.oil_industri .home-circle-image {
  background-size: cover !important;
  /*transition: background 3s ease;*/
}

.oil-industry .home-circle-image {
  background: url(../images/Industry/Oil_Gas_Industry_square.jpg) left center no-repeat;
}

.energy-industry .home-circle-image {
  background: url(../images/Industry/Energy_Power_Industry_square.jpg) left center no-repeat;
}

.shipbuilding-industry .home-circle-image {
  background: url(../images/Industry/Shipbuilding_Repair_Industry_square.jpg) left center no-repeat;
}

.Offshore-industry .home-circle-image {
  background: url(../images/Industry/Offshore_Onshore_square.jpg) left center no-repeat;
}

.oil_industri .home-circle-image:hover {
  transition: background 5s ease;
  background-size: cover;
  background-position: right center;
}

.oil-industry .home-circle-image img {
  position: relative;
  left: 10%;
  top: -10%;
}

.energy-industry .home-circle-image img {
  position: relative;
  left: 0%;
  top: -10%;
}

.shipbuilding-industry .home-circle-image img {
  position: relative;
  left: 0%;
  bottom: -5%;
  /*width: 371px !important;*/

}

.Offshore-industry .home-circle-image img {
  position: relative;
  left: 0%;
  top: -16%;
}

/*.oil_industri .home-circle-image img {*/

/*}*/

/* Keep changing the topic according to the industry */
.oil_industri {
  display: grid;
  gap: 25px;
}

.bd_circle {
  width: fit-content;
  border: 1px solid var(--gold);
  border-radius: 50%;
  padding: 5px;
}

.oil_industri_content h3 {
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 15px;
}

.oil_industri_content {
  text-align: center;
}

.shaping_industrial .oil_industri_content h3,
.shaping_industrial .oil_industri_content {
  color: var(--white);
}

.circle-280 {
  width: 300px;
  height: 300px;
  /*border: 8px solid var(--gold);*/
}

.home-circle-image {
  display: block;
  border-radius: 50%;
  position: relative;
}

.industrial_show {
  padding-top: 50px;
}

/* /css by sumita / */
/* .catalog_wrapper{
  background-image: url(../images/simplify-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    width: 100%;
    height: 400px;
    padding: 118px 0px;
    background-clip: padding-box;
    display: flex;
    align-items: center;
} */
/* /css by sumita catalog / */
.catalog_title {
  color: var(--white);
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 56px;
  /* 116.667% */
  letter-spacing: -0.48px;
  text-transform: uppercase;
}

.catalog_wrapper {
  background: var(--blue);
  background:url(../images/new_index/catalog_wrapper_bg.webp), var(--blue);
  background-repeat: no-repeat;
    background-blend-mode: multiply, normal;
  /*padding: 55px 0px 29px;*/
  padding: 0px 0px 0px;
  position: relative;
  z-index: 1;
  color: #fff;
      background-size: cover;
}

.catalog_wrapper .main_head,
.catalog_wrapper .director_name {
  color: #fff;
}

.catalog_wrapper .main_btn {
  background-color: transparent;
  color: var(--blue);
  border-radius: 6px;
  border: 1px solid var(--blue);
}

.cta-left-line::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: var(--gold);
  bottom: 0;
  left: -4px;
  border-radius: 30px;
}

.talk-to-us-arrow-line::after {
  /* left: 0%; */
  /* margin-left: -57px; */
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: #5d44c400 #5d44c400 #5d44c400 #C4A458;
  right: -19px;
  /* transform: rotate(40deg); */
}

.cta-block-inner {
  grid-column-gap: 0px;
  background-color: var(--color--bio-green);
  color: var(--color--pure-white);
  border-radius: 1.25rem;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr .25fr 1fr;
  grid-auto-columns: 1fr;
  padding: 40px;
  display: grid;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.cta-top-line {
  background-color: var(--gold);
  width: 100%;
  /*height: 2px;*/
  border: 1px solid var(--gold);
  position: absolute;
  inset: 0% 0% auto;
}

.cta-left-line {
  background-color: var(--gold);
  width: 2px;
  height: 85%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.cta-border-line-top {
  border-radius: 0 20rem 0 0;
}

.cta-border-line-top {
  border-top: 2px solid var(--gold);
  border-right: 2px solid var(--gold);
  width: 50%;
  height: 100%;
  grid-area: 1 / 2 / 2 / 3;
}

.cta-border-line-bottom {
  border-radius: 0 0 0 20rem;
}

.cta-border-line-bottom {
  border-bottom: 2px solid var(--gold);
  border-left: 2px solid var(--gold);
  width: 50%;
  height: 7rem;
  margin-left: 50%;
  transform: translate(-2px);
  grid-area: 2 / 2 / 3 / 3;
}

.cta-heading {
  /*padding: 1.6rem;*/
  padding: 2.6rem 4.3rem 0;
  position: relative;
  grid-area: 1 / 1 / 3 / 2;
}

.cta-block-p {
  color: var(--white);
  display: flex;
  align-items: flex-end;
  padding-right: 7rem;
}

.talk-to-us-arrow-line {
  background-color: var(--gold);
  flex: 1;
  width: 40%;
  /*height: 2px;*/
  border: 1px solid var(--gold);
  margin-right: 1rem;
  position: relative;
}

.cta-talk-to-us-arrow-wrapper {
  align-items: center;
  margin-top: 6.94rem;
  display: flex;
  transform: translate(-2px, -50%);
}

.dark-circle {
  position: absolute;
  width: 30%;
  height: 100%;
  /* background: radial-gradient(circle, rgba(199, 0, 0, 0.6), rgba(198, 88, 88, 0.2)); */
  background-color: #1f3652;
  border-radius: 50%;
  inset: auto 0% 0% auto;
  transform: translate(10%, 100%);
  transition: transform 0.5s ease-in-out;
  z-index: 0;
}

.catalog_wrapper:hover .dark-circle {
  transform: translate(10%, 60%);
}

.catalog_wrapper {
  overflow: hidden;
}

/* ripple btn */
.btn--ripple.view-btn {
  background: transparent !important;
  overflow: hidden;
  border: 1px solid var(--gold);
  color: var(--black) !important;
}

.btn {
  position: relative;
  display: inline-block;
  padding: 12px 20px;
  /*margin: 10px;*/
  margin-top: 10px;
  /*color: var(--blue) !important;*/
  color: #fff ;
  font-size: 1.4rem;
  letter-spacing: 0.3px;
  border-radius: 5px;
  outline: none;
  border: none;
  cursor: pointer;
  /* text-transform: uppercase; */
  box-sizing: border-box;
  font-family: var(--body-typography-font-family);
  font-size: 18px;
}



 .btn--ripple {
   background: linear-gradient(90deg, #000000 0%, #414141 74%);
  overflow: hidden;
} 
.btn--ripple:hover, .btn-check:active+.btn, .btn-check:checked+.btn, .btn.active, .btn.show, .btn:active {
  /* background-color: #000000; */
  color: #fff;
}

.btn--ripple span {
  position: absolute;
  background: #fff;
  transform: translate(-50%, -50%);
  pointer-events: none;
  border-radius: 50%;
  animation: rippleAnimation 1s linear infinite;
}

@keyframes rippleAnimation {
  0% {
    width: 0px;
    height: 0px;
    opacity: 0.5;
  }

  100% {
    width: 500px;
    height: 500px;
    opacity: 0;
  }
}


/* promo */
.promo-section {
  /*padding: 20px 0px;*/
  margin-top: 50px;
  padding-bottom: 30px;
  position: relative;
}

.promo-section:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  width: 100%;
  height: 53%;
  background: var(--blue);
  z-index: -1;
}

.promo-section2:after {
  content: '';
  background: none;
}

.promo-hold ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-between;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}

.promo-hold ul li {
  color: var(--black);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.1;
  /*letter-spacing: 3.2px;*/
  text-transform: uppercase;
  font-family: var(--body-typography-font-family);
}

.promo-hold ul li:nth-child(1),
.promo-hold ul li:nth-child(3) {
  width: calc(50% - 110px);
}

.promo-hold ul li:nth-child(1) {
  text-align: right;
  position: relative;
  left: 20px;
  padding-top: 32px;
}

.promo-hold ul li:nth-child(3) {
  position: relative;
  left: -20px;
  padding-bottom: 25px;
  -ms-flex-item-align: end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
}

.promo-hold ul li:nth-child(2) {
  width: auto;
  position: relative;
}

.promo-hold ul li:nth-child(2)>span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 316px;
  transform: translate(-50%, -50%);
}

.promo-hold ul li:nth-child(2)>span:before,
.promo-hold ul li:nth-child(2)>span:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 1px;
  background: url(../images/promo-dots.svg) repeat center center;
}

.promo-hold ul li:nth-child(2)>span:before {
  left: 0;
  -webkit-animation: moveUp 0.5s infinite linear;
  /* -moz-animation: moveUp 0.5s infinite linear; */
  animation: moveUp 0.5s infinite linear;
}

.promo-hold ul li:nth-child(2)>span:after {
  right: 0;
  -webkit-animation: moveDown 0.5s infinite linear;
  /* -moz-animation: moveDown 0.5s infinite linear; */
  animation: moveDown 0.5s infinite linear;
}

@-webkit-keyframes moveUp {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(-8px);
  }
}

@-moz-keyframes moveUp {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(-8px);
  }
}

@keyframes moveUp {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(-8px);
  }
}

@-webkit-keyframes moveDown {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(8px);
  }
}

@-moz-keyframes moveDown {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(80%);
  }
}

@keyframes moveDown {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(8px);
  }
}

.promo-hold ul li:nth-child(2)>img {
  position: relative;
  z-index: 5;
}

.promo-words {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-62%, -62%);
  width: 105px;
  height: 105px;
  z-index: 10;
}

.promo-words img {
  -webkit-animation: rotation 10s infinite linear;
  -moz-animation: rotation 10s infinite linear;
  animation: rotation 10s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

@-moz-keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

/* why_choose */
.why_choose_us {
  padding: 80px 0;
}

.why_choose_circle {
  border: 1px solid var(--dd-color);
  border-radius: 90px;
  padding: 38px;
  position: relative;
  background: #fff;
}

/*.timeline {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: space-evenly;*/
/*  position: relative;*/
/*  width: 100%;*/
  /*padding: 160px 0;*/
/*  margin-top: 196px;*/
/*  margin-bottom: 100px;*/
/*}*/

/*.timeline::before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  width: 100%;*/
/*  height: 15px;*/
/*  background: transparent;*/
/*  top: 50%;*/
/*  transform: translateY(-50%);*/
/*  border: 1px solid var(--dd-color);*/
/*}*/

/*.timeline img.left,*/
/*.timeline img.right {*/
/*  width: auto;*/
/*  height: auto;*/
/*  border-radius: 50%;*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  transform: translateY(-52%);*/
/*}*/

/*.timeline img.left {*/
/*  left: -1%;*/
/*}*/

/*.timeline img.right {*/
/*  right: -1%;*/
/*}*/

.icon_wrapper:hover .why_choose_circle {
  border: 1px solid var(--gold);
  transition: all ease 0.3s;
}

.icon_wrapper:hover .why_choose_circle svg {
  filter: invert(19%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(90%);
  transition: all ease 0.3s;
}

.icon_wrapper:hover img {
  filter: invert(19%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(90%);
  transition: all ease 0.3s;
}

.icon_wrapper {
  position: relative;
  display: inline-block;
  text-align: center;
}

/* Move odd h5 elements above */
.icon_wrapper:nth-child(odd) h5 {
  position: absolute;
  bottom: -80px;
}

.icon_wrapper:nth-child(even) h5 {
  position: absolute;
  top: -80px;
}

/* Plus Icon Circle */
.plus_circle {
  background: var(--blue);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  /* bottom: 0px; left: 0px; */
  transition: background 0.3s ease;
  padding: 14px;
}

.plus_circle svg {
  width: 16px;
  height: 16px;
  fill: white;
  transition: fill 0.3s ease;
}

.icon_wrapper:nth-child(odd) .plus_circle {
  /* Bottom for 1,3,5 */
  bottom: 0px;
  left: 0px;
}

.icon_wrapper:nth-child(even) .plus_circle {
  /* Top for 2,4,6 */
  top: 0px;
  right: 0px;
}

/* tooltip color chnage  */
.tooltip-inner {
  background-color: var(--blue) !important;
  color: white !important;
  font-size: 16px;
}

.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: var(--blue) !important;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement="top"] .tooltip-arrow::before {
  border-top-color: var(--blue) !important;
}

/* network_slider */
.strong_network {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 30px;
}

.network_slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.network_box {
  flex: 0 0 100%;
  /* Each box takes up 100% of the container width */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  padding-top: 20px;
}

/* clients_card */
.client_swiper_slider .swiper-container {
  margin-top: 40px;
}

.client_swiper_slider {
  padding-bottom: 40px;
}

.client_swiper_slider .swiper-buttons {
  display: inline-flex;
  gap: 10px;
}

.client_swiper_slider .swiper-button-prev {
  left: auto;
  right: 75px;
}

.client_swiper_slider .swiper-button-prev,
.client_swiper_slider .swiper-button-next {
  width: 56px;
  height: 56px;
  cursor: pointer;
  background: var(--blue);
  padding: 18px;
  font-size: 16px;
  border-radius: 6px;
}

.client_swiper_slider .swiper-button-prev svg,
.client_swiper_slider .swiper-button-next svg {
  width: 100%;
  /* Ensures images fill the button */
  height: auto;
}

.client_swiper_slider .swiper-button-next:after,
.client_swiper_slider .swiper-button-prev:after {
  display: none;
}

.clients_card .quote_icon {
  /*filter: brightness(0) saturate(100%) invert(84%) sepia(15%) saturate(250%) hue-rotate(20deg);*/
  margin-bottom: 12px;
  background: url(<path-to-image>) #d3d3d300 50% / cover no-repeat;
  mix-blend-mode: overlay;
}

/* .clients_card::after {
  content: '';
  background-image: url(../images/clients-vector.png);
  width: 123px;
  height: 123px;
  position: absolute;
  background-repeat: no-repeat;
  bottom: 0;
  right: 0px;
} */
.swiper-slide:nth-child(odd) .clients_card::after {
  content: '';
  background-image: url(../images/clients-vector.png);
  width: 123px;
  height: 123px;
  position: absolute;
  background-repeat: no-repeat;
  bottom: 0;
  right: 0;
}

.swiper-slide:nth-child(even) .clients_card::after {
  content: '';
  background-image: url(../images/clients-vector2.png);
  width: 120px;
  height: 120px;
  position: absolute;
  background-repeat: no-repeat;
  bottom: 0;
  right: 0;
}


.clients_card {
  border-radius: 6px;
  background: #EBF4FF;
  padding: 0px 45px 35px 45px;
}

.client_title h3 {
  color: var(--blue);
  font-family: var(--body-typography-font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.client_title p {
  color: var(--para);
  font-family: var(--body-typography-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0px;
}

.clients_card_logobody {
  display: flex;
  gap: 20px;
  align-items: center;
}

/* action card */
.action_card {
  border-radius: 6px;
  border: 1px solid #DDD;
  background: #FFF;
}

.action_card img {
  width: 100%;
}

.action_card .action_month {
  border-radius: 30px;
  background: #EBF4FF;
  display: flex;
  justify-content: center;
  color: var(--black);
}

.action_card .action_date {
  color: var(--blue);
  text-align: center;
  font-family: var(--body-typography-font-family);
  font-size: 24px;
  font-weight: 700;
}

.action_card .action_year {
  color: var(--para);
  text-align: center;
  font-family: var(--body-typography-font-family);
  font-size: 14px;
  font-weight: 400;
}

.action_content {
  padding: 15px 15px;
  display: flex;
  justify-content: space-between;
}

.action_content .sub_title {
  color: var(--blue);
}

/* footer css  */
/* footer {
  position: relative;
  background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),  
            url(../images/ft_bg.png);
background-blend-mode: lighten;
  background-blend-mode: soft-light;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0px 0px 30px 0px;
  margin-top: 100px;
} */
footer {
  position: relative;
  background: url(../images/ft_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 30px;
  margin-top: 100px;
}

footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  /* Light overlay */
  z-index: 1;
}

footer * {
  position: relative;
  z-index: 2;
}

.copyright {
  padding: 12px 0px;
  border-top: 1px solid var(--dd-color);
  border-bottom: 1px solid var(--dd-color);
  margin-top: 30px;
}

.ft_left_border {
  border-left: 1px solid var(--dd-color);
  padding-left: 1.5rem;
}

.ft_title {
  color: var(--blue);
  font-family: var(--body-typography-font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

.ft_itmes {
  padding: 0;
  margin: 0;
}

.ft_itmes li {
  list-style: none;
  line-height: 40px;
}

.ft_itmes li a:hover {
  color: var(--gray);
}

a {
  text-decoration: none;
  color: var(--ac-line);
  display: inline-block;
}

/* footer css  */

/*.main_head_line::after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  background-image: url(../images/title_line.svg);*/
/*  width: 20%;*/
/*  height: 10%;*/
/*  background-repeat: no-repeat;*/
/*  left: -50px;*/
/*  margin-top: 18px;*/
/*      top: 0;*/
/*}*/

.search-container {
  padding: 8px 15px 8px 15px;
  border-radius: 30px;
  border: 1.5px solid #ddd;
  display: block;
  height: 51px;
  margin-left: 16px;
}

.search-input::placeholder {
  color: #0F0E13;
}

.search-icon {
  color: #c2b280;
  font-size: 18px;
  margin-right: 8px;
}

.search-input {
  border: none;
  outline: none;
  font-size: 16px;
  /*width: 94px;*/
  color: #333;
  background: transparent;
}

/* .search-container:hover {
  border-color: #c2b280; 
} */

.lang-select {
  display: flex;
  align-items: center;
  justify-content: center;
  /*border: 2px solid #C4A458;*/
  padding: 16px 30px;
  border-radius: 5px;

}

.lang-select select {
  border: none;
  background: transparent;
  cursor: pointer;
  outline: none;
  padding-left: 5px;
}

.News_card .card-body {
  margin-top: 15px;
}

.News_card .card {
  padding: 15px;
  height: 100%;
  border-radius: 6px;
}

.News_card .card-title b {
  font-weight: 600;
}

.News_card .card-img-top {
  border-radius: 12px;
}

.News_header_img2 {
  position: absolute;
  top: 50%;
  right: 25%;
  transform: translate(0, -50%);
}

.event_header_img2 {
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translate(0, -50%);
}

/* .main_title {
  font-size: 2.7rem;
  color: #6b46c1;
  font-family: Fantasy;
  text-transform: uppercase;
} */

/* .news_latest_title {
  color: #C2B4FF;
  font-size: 2rem;
  font-family: Fantasy;
  text-transform: uppercase;
} */

.new_details_button {
  bottom: 9%;
  right: 14%;
}

.new_details {
  background: url("../images/Frame 326 (2).png");
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 81px 0;
}

.new_details h6 {
  font-size: 26px;
  line-height: 46px;
  color: var(--black);
}

.news_details_header_main {
  overflow: hidden;
}

.news_details_coman_p h4, .news_details_coman_p h6 {
  margin-top: 30px;
  font-size: 24px;
}

.news_details_coman_p p {
  color: var(--para);
}

.News_header_img1 {
  transform: translate(40%, 0);

}

.header_img2 {
  position: absolute;
  right: 0px;
  top: 0px;
}



.new_details_main_title {
  position: absolute;
  top: 4%;
  left: 50%;
  transform: translate(-50%, 0%);
  font-size: 1.8vw;
  width: 25%;
  font-weight: bold;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  color: var(--blue);
  line-height: 60px;
}

.new_details_redy_main {
  background-image: url('../images/Frame 84 (2).png');
  background-size: 100% 100%;
  background-position: center;
}

.new_details_redy_child .main_head {
  font-size: 30px;
  font-weight: 500;
  line-height: 68px;
  color: var(--blue);
  background-color: #FAFAFF;
  z-index: 3;
}

.new_details_redy_child {
  position: relative;
}

.new_details_redy a {
  border: 1px solid var(--blue);
  color: var(--blue) !important;
  position: relative;
  z-index: 4;
}

.new_details_redy_child::before {
  content: "";
  background: url("../images/news_details_line.svg");
  position: absolute;
  top: 0;
  /*left: -100px;*/
  left: 3%;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
  pointer-events: none;
}


/* =========================== event css =================================== */


.event-card {
  border-radius: 0.4rem;
  border: 1px solid var(--dd-color);
  padding: 15px;
  margin-bottom: 50px;
}

.event-card-border-left {
  border-left: 1px solid var(--dd-color);
  margin-left: 20px;
  padding-left: 20px;
}

.event-card .event_card_slider {
  /*border-right: 1px solid var(--dd-color);*/
  display: flex;
  align-items: center
}

.event-card p {
  color: var(--para);
}

.event-card img {
  width: 100%;
  height: auto;
}

.event-card .Event_button_1 {
  background-color: #F8F7E7;
  color: var(--black);
  padding: .9vw 2vw;
}

.event-card .Event_button_1 img {
  width: 1.2em;
}

.event-card .Event_button_2 {
  background-color: #EEEEFF;
  color: var(--black);
  font-weight: bold;
  padding: .9vw 2vw;
}

.event-card .slick-dots li button:before {

  font-size: 10px;
  color: #C2B4FF !important;
  opacity: 1;
}

.slick-dots li.slick-active button:before {

  background: url("../images/Group 10.svg");
  background-size: cover;
  color: var(--blue) !important;
  opacity: 1 !important;
}

.event-card .slick-prev,
.slick-next {
  display: none !important;
}

/* ===================== Gallery start css ====================== */

.Gallery_slider img {
  object-fit: cover;
  height: 45vh;
}

.Gallery_slider {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--body-color);
}

:root {
  --body-color: white;
}

.Gallery_slider .container {
  margin-inline: auto;
}

.Gallery_slider .swiper {
  position: relative;
  margin-inline: auto;
}

.Gallery_slider .swiper::before {
  content: "";
  position: absolute;
  top: -70px;
  left: -10%;
  width: 120%;
  height: 100px;
  background: var(--body-color);
  border-radius: 100%;
  z-index: 100;
}

/*.Gallery_slider .swiper::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  bottom: -60px;*/
/*  left: -10%;*/
/*  width: 120%;*/
/*  height: 90px;*/
/*  background: var(--body-color);*/
/*  border-radius: 100%;*/
/*  z-index: 1000;*/
/*}*/
.Gallery_slider .swiper::after {
  content: "";
  position: absolute;
  bottom: -128px;
  left: -6%;
  width: 113%;
  height: 181px;
  background: #fff;
  border-radius: 100%;
  z-index: 1000;
}

.Gallery_line {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  position: relative;

}

.Gallery_line .container {
  display: flex;
  align-items: center;
  position: relative;
}

.Gallery_line .line {
  border-top: 2px solid var(--gold);
  width: 100%;
  position: absolute;
  right: 103%;
}

.Gallery_line .circle-outer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid var(--gold);
  border-radius: 50%;
  position: absolute;
  right: 100.4%;
}

.Gallery_line .circle-inner {
  width: 1rem;
  height: 1rem;
  background-color: #3A227E;
  border-radius: 50%;
}


/*  */


.gallery_header_img2 {
  position: absolute;
  top: 50%;
  right: 30%;
  transform: translate(0, -50%);
}

.gallery_header_img3 {
  position: absolute;
  top: 50%;
  right: -70%;
  transform: translate(0, -50%);
}

.gallery_header_img1 {

  transform: translate(-13%, 10%);

}

.Gallery_card_child_1 p {
  color: var(--para);
}

/* =====================  Industries start css ====================== */

.Industries_main_card p {
  color: var(--para);
}

.hexagon_row_main {
  overflow: hidden;
}

.hexagon {
  width: 150px;
  height: 173.21px;
  background-color: #B7B592;
  color: white;
  position: relative;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.hexagon h4 {
  color: var(--white);
}

.hexagon .main_head_small {
  line-height: normal;
}

.hexagon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hexagon img {
  filter: grayscale(1);
}


.hexagon img:hover {
  filter: grayscale(0);
}

.hexagon_text {
  width: 315px;
  /* height: 173.21px; */
  color: var(--para);
}

.hexagon_row2 {
  transform: translate(-80px, -32px);
}

.hexagon_row3 {
  /*transform: translate(85px, -64px);*/
  transform: translate(110px, -64px);
}

/* =====================  Contact start css ====================== */

.contact_itme {
  padding: 0;
}

.contact_itme li {
  list-style: none;
  margin-bottom: 20px;
}

.news_details_header_main p {
  color: var(--para);
}

.contact-map_card {
  border: 1px solid var(--dd-color);
}

.Contact_header_img3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50px, -50%);
}

.Contact_header_img1 {

  transform: translate(-13%, 0%);
}

/*.contact-map_img_dubai {*/
/*  z-index: -2;*/
/*  color: #EEEEEE;*/
/*  font-size: 4em !important;*/
/*  top: -15px;*/
/*  left: -15px;*/
/*}*/
.contact-map_img_dubai {
  white-space: nowrap;
  z-index: -2;
  color: #EEEEEE !important;
  font-size: 5rem !important;
  top: -15px;
  left: -24px;
  opacity: 0.6;
}

.contact_form_Captcha {
  letter-spacing: 7px;
  color: var(--gold);
  background: #FBFAE2;
  font-size: x-large;
}

.contact_input input,
.contact_input textarea,
.faq_input input {
  border-radius: 0%;
  border: none;
  border-bottom: 1px solid var(--dd-color);
}

.contact_input input:focus,
.contact_input textarea:focus,
.faq_input input {
  box-shadow: none !important;
}

.contact-map_back_img {
  background: url("../images/image (4).png");
  background-size: cover;
}



/* =====================   FAQs start css ====================== */

.FAQ_header_img3 {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translate(0px, -50%);
}

.FAQ_header_img1 {
  transform: translate(10%, 0%);
}

.FAQ_Listing_main .main_head {
  font-size: 42px;
  line-height: 52px;

}

.FAQ_Listing_main p {
  color: var(--para);
}

.FAQ_Listing_child_2 .rotate-icon {
  transition: transform 0.3s ease;
}

.FAQ_Listing_child_2 .rotate-icon.rotate {
  transform: rotate(180deg);
}

.FAQ_Listing_child_2 .dropdown__btm {
  display: none;
}

.FAQ_Listing_child_2 .dropdown__top {
  cursor: pointer;
}

.FAQ_Listing_child_2 .content {
  display: none;
}

.FAQ_Listing_child_2 .content.active {
  display: block;
}

.FAQ_Listing_child_2 .content .dropdown {
  border: 1px solid var(--dd-color);
}

.FAQ_Listing_child_1 .nav-tabs {
  border: none;
}

.FAQ_Listing_child_1 .nav-tabs .nav-link {
  border: none;
  color: var(--gray);
  border-bottom: 1px solid var(--gray);
  font-size: 0.9rem;
}


.FAQ_Listing_child_1 .nav-tabs .nav-link.active {
  border-bottom: 2px solid var(--blue);
  color: var(--blue);
  font-weight: bold;
}

.FAQ_Listing_child_1 .nav-tabs .nav-item {
  text-align: center;
}

/*fancybox__image css*/
.fancybox__image {
  width: 800px !important;
  height: auto;
  /* width: auto !important;
  height: auto !important; */
  object-fit: contain !important;
}

.fancybox__content {
  width: 800px !important;
  height: 800px !important;
  padding: 0 !important;
  align-items: center;
}

/* } */
/*fancybox__image css*/

.network_slider .slick-slide {
  padding-right: 15px;
}

.network_slider .slick-list {
  margin-right: -15px;
}

/*================ Catalogues start ================*/

.Catalogues_header_img1 {
  transform: translate(60%, 0);
}

.Catalogues_header_img2 {
  position: absolute;
  top: 60%;
  right: 5%;
  transform: translate(0, -50%);
}

/*.Catalogues_card*/
/*{*/
/*  border: 1px solid var(--dd-color);*/
/*  border-radius: 6px;*/
/*}*/
.Catalogues_card img {
  width: 100%;
  border-radius: 6px;
}

.Catalogues_card_txt {
  display: flex;
  align-items: flex-start;
  padding: 44px 28px;
  justify-content: space-between;
}

.Catalogues_card_txt button {
  margin-left: 0px;
  margin-right: 0px;
}

.Catalogues_card_txt p {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
}

a[href*="elfsight.com/linkedin-feed-widget"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  position: absolute !important;
  opacity: 0 !important;
}


.linkedin_feed {
  background-color: #EBF4FF;
  padding: 80px 0;
}

/*.linkedin_feed .main_head_line::after{*/
/*    top:auto;*/
/*}*/
.closepanel {
  display: none;
}


/*****about css *****/
.about-item li {
  margin-bottom: 20px;
}

.about_catalog_wrapper.catalog_wrapper {
  padding: 50px 0px;

}

/* .about_catalog_wrapper .cta-border-line-bottom{    height: 80.5%;}
.about_catalog_wrapper .cta-block-p {display: flex;align-items: center;}
.about_catalog_wrapper .cta-talk-to-us-arrow-wrapper {margin-top: 10.9%; transform: translate(-9px, -50%);}
.about_catalog_wrapper .cta-block-inner{    grid-template-columns: 2fr .25fr 5fr;    padding: 2.6rem 0rem 0 1rem;} */
.director_name {
  color: var(--blue);
  font-family: var(--body-typography-font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 100% */
}

.bd_left {
  border-left: 1px solid var(--dd-color);
  padding-left: 30px;
  /* margin-right: 30px; */
}

.f-16 {
  font-family: var(--body-typography-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.why_choose_borderleft {
  border-left: 1px solid var(--dd-color);
}

.why_choose_borderbottom {
  border-bottom: 1px solid var(--dd-color);
}

.why_choose_borderbottom {
  margin-top: 30px;
  margin-bottom: 30px;
}

.why_choose_item {
  height: auto;
}

.why_choose_item:last-child {
  height: auto
}

.why_choose_item .sub-hed {
  color: var(--black);
  /*font-family: Norwester;*/
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  /* 100% */
  /*text-transform: uppercase;*/
  /*margin-bottom: 20px;*/
}

.Principal_item_subhed {
  white-space: nowrap;
  color: var(--blue);
  text-align: center;
  /*font-family: Norwester;*/
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  /*text-transform: uppercase;*/
  /* margin-right: 15px; */
  margin-bottom: 0px;

}

.Principal_item_contant {
  display: flex;
  align-items: center;
  gap: 20px;
}

.Principal_item_borderbottom {
  border-bottom: 1px solid var(--dd-color);
  margin-top: 12px;
  margin-bottom: 12px;
}

.Principal_item {
  position: relative;
  padding: 60px 35px 40px 35px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border: 1px solid var(--dd-color);
  height: 100%;
}

.Principal_item_img {
  position: absolute;
  top: -30px;
  left: 0px;
  right: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Principal_item_img svg, .Principal_item_img img {
  background: #fff;
  /* width: 320px; */
  padding: 0px 30px;
}

/***** about End *****/
/* / =====================  Certifications_2 start css ====================== / */

.certi_title {
  color: var(--blue);
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  text-transform: uppercase;
}

.certi_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 100px;
  justify-content: center;
}

.certi_border {
  border: 1px solid var(--gold);
  border-radius: 50%;
  width: fit-content;
  padding: 5px;
}

.certi_box {
  background-color: #EBF4FF;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/***** produc page *****/
/***** produc page End *****/
.product_box .product-subtext {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  margin-bottom: 20px;
}

.product_box {
  margin: 0px;
}

.model-item-box .image-container {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.model-item-box .image-container img {
  display: block;
  width: 100%;
  height: auto;
}

/* Overlay default hidden rahega */
.model-item-box .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(117, 115, 81, 0.90);
  color: white;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

/* Hover pe overlay dikhe */
.model-item-box .image-container:hover .overlay {
  opacity: 1;
}

.productmodal .btn-close {
  border: 1px solid var(--gold);
  border-radius: 29px;
  margin: 0.5rem 1.5rem -0.5rem auto;
}

.productmodal .modal-header {
  border-bottom: none;
}

.btn-close:focus {
  box-shadow: none;
}

.product-slid-img {
  padding: 20px;
  border-radius: 6px;
  border: 1px solid #DDD;
  background: rgba(255, 255, 255, 0.90);
}

.product-slider .slider-nav .slick-current.slick-active img {
  border-radius: 6px;
  border: 3px solid #B7B592;
  background: #FFF;
}

/* sub dropdown */
/* Submenu default hidden */
.dropdown-submenu .sub-dropdown-menu {
  display: none;
  position: absolute;
  left: 100%;
  top: -50%;
  margin-top: -1px;
  z-index: 1000;
  /* min-width: 10rem; */
  margin: 0;
  font-size: 1rem;
  color: #212529;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  /* border: 1px solid rgba(0, 0, 0, .15); */
  border-radius: .25rem;
  box-shadow: 11px 16px 16px 2px rgba(0, 0, 0, 0.10);
  border-left: 1px solid var(--dd-color);

}

.navbar-nav .dropdown-submenu .sub-dropdown-menu {
  position: static;
}

.dropdown-menu, .sub-dropdown-menu {
  border: none;
  background: #FFF;
  box-shadow: 0px 19px 16px 6px rgba(0, 0, 0, 0.10);
  padding: 30px 0px;
  min-width: 20rem;
}

.dropdown-menu li a::before {
  content: "";
  border-bottom: 1px solid var(--dd-color);
  position: absolute;
  width: 100%;
  bottom: 0px;
}

.dropdown-menu li:hover {
  color: #1e2125;
  background-color: #e9ecef;
}

.navbar-nav .dropdown-menu .dropdown-item {
  position: relative;
  white-space: normal;
}

.navbar-nav .dropdown-menu .dropdown-item {
  padding: 1.25rem 0rem;
}

.navbar-nav .sub-dropdown-menu .dropdown-item {
  padding: .90rem 0rem;
}

.dropdown-menu li:hover>a {
  color: var(--blue) !important;
  background-color: transparent;
  font-weight: 700;
}

.dropdown-menu li:hover {
  background-color: transparent;
}

.dropdown-menu li:hover>a::before {
  border-bottom: 1px solid var(--blue);
}

/* Main dropdown arrow add  */
.nav-link.dropdown-toggle::after {
  content: "\f078";
  /* FontAwesome down arrow */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 8px;
  border-top: none;
  transition: transform 0.3s ease-in-out;
  vertical-align: top;
}

/* Hover pe icon rotate */
/*.nav-item.dropdown:hover > .nav-link::after {*/
/*    transform: rotate(180deg);*/
/*}*/

/* Click pe rotate  */
.nav-item.dropdown .nav-link.show::after {
  transform: rotate(180deg);
}

/* privacy-policy */
.main_head_tc {
  color: var(--black);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  /* 150% */
}

.main_head_tc.main_head_line::after {
  margin-top: 10px;
}


 /*****milestone css *****/ 
 /* Timeline defaults */
/* --------------------------------------- */
.h--timeline-container *, .h--timeline-events * {
  outline: 0;
}
.h--timeline-container, .h--timeline-events {
  position: relative;
  width: 100%;
  /* max-width: 1200px; */
  margin: 0 auto;
}
.h--timeline-navigation-container ul, .h--timeline-navigation-container li, .h--timeline-events ol, .h--timeline-events li, .h--timeline-line ol, .h--timeline-line li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.h--timeline-navigation-container{
z-index: 3;
position: relative;
bottom: 128px;
display: flex;
    justify-content: center;
    align-items: center;
        margin-left: -44px;
}
.h--timeline-navigation-container ul li:nth-child(2){
  margin-left: 60px;
}
.h--timeline {
  opacity: 1;
  transition: opacity 0.2s;
  font-family: sans-serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  position: relative;
}
.h--timeline--loaded {
  opacity: 1;
}
.h--timeline-container {
  /* height: 100px; */
  height: auto;
}
.h--timeline-dates {
  position: relative;
  height: auto;
  margin: 0 40px;
  overflow: hidden;
  top: 0;
  display: flex;
  justify-content: center;
  padding-top: 14px;
}
/* Timeline blur effect for start and end */
/* --------------------------------------- */
.h--timeline-dates::after, .h--timeline-dates::before {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 50px;
}
.h--timeline-dates::before {
  left: 0;
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.h--timeline-dates::after {
  right: 0;
  background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
}
/* Timeline horizontal line */
/* --------------------------------------- */
.h--timeline-line {
  border-radius: 50%;
  position: relative;
  z-index: 1;
  /* left: 17%; */
  top: 17px;
  height: 1px;
  background-color: transparent;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  border-style: dashed;
  border: 2.64px dashed var(--gold);
  width: 792px !important;
  height: 792px;
  margin: 40px 0px;
}
.h--timeline-filling-line {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, rgba(154, 164, 164, 0.00) 0%, #9AA4A4 50%, rgba(154, 164, 164, 0.00) 100%);
  /* background-color: #6e1e46; */
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
/* Bullet points */
/* --------------------------------------- */
.h--timeline-date {
  position: absolute;
  /* bottom: 0; */
  top: -70px;
  z-index: 2;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 0.75rem;
  color: #565656;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  background: #fff;
  padding: 0 3px;
}
.h--timeline-date:hover {
  font-weight: 600;
}
.h--timeline-date--selected{
    color: var(--blue);
    /*font-size: 34px;*/
     font-weight: bold;
         /*left: -25px !important;*/
}
.h--timeline-date::after{
  content: '';
  position: absolute;
  left: 0%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(0%);
  bottom: 25px;
  /* height: 15px;
  width: 15px; */
  border-radius: 50%;
  /*border-width: 2px;*/
  /*border-style: solid;*/
  /* border-color: #6e1e46; */
  background-color: #f7f7f7;
  transition: background-color 0.3s, border-color 0.3s, top 0.3s;
}
/* .h--timeline-date::before {
  bottom: -3px;
  height: 9px;
  width: 9px;
  border-width: 0px;
  border-color: transparent;
  background-color: transparent;
  z-index: 2;
} */
.h--timeline-date::after{
  width: 44px;
  height: 44px;
  background-color: #EBF4FF;
}
 .h--timeline-date:hover::after {
  transition: background-color 0.3s, border-color 0.3s, top 0.3s;
}
/*.h--timeline-date:hover::after {*/
/*  background-color:var(--blue);*/
/*  border-color: #EBF4FF; */
/*}*/
/* .h--timeline-date--selected {
  pointer-events: none;
  color: #E8402A;
text-align: center;
font-size: 60px;
font-style: normal;
font-weight: 600;
line-height: 56px; 
transform: translateY(-30%);
} */
.h--timeline-date--selected::before {
  background-color: #6e1e46;
}
/*.h--timeline-line ol li:nth-child(3) .h--timeline-date.h--timeline-date--selected::after, .h--timeline-line ol li:nth-child(1) .h--timeline-date.h--timeline-date--selected::after, .h--timeline-line ol li:nth-child(2) .h--timeline-date.h--timeline-date--selected::after {*/
/*    left: 76px;*/
/*    transform: translateX(30%);*/
/*    bottom: 3px;*/
/*}*/
/*.h--timeline-line ol li:nth-child(3) .h--timeline-date.h--timeline-date--selected, .h--timeline-line ol li:nth-child(1) .h--timeline-date.h--timeline-date--selected, .h--timeline-line ol li:nth-child(2) .h--timeline-date.h--timeline-date--selected {*/
/*left: -25px !important;*/
    
/*}*/
/*.h--timeline-line ol li:nth-child(5) .h--timeline-date.h--timeline-date--selected, .h--timeline-line ol li:nth-child(6) .h--timeline-date.h--timeline-date--selected, .h--timeline-line ol li:nth-child(7) .h--timeline-date.h--timeline-date--selected {*/
/*   left: 0px !important; */
/*}*/
/*.h--timeline-line ol li:nth-child(4) .h--timeline-date.h--timeline-date--selected{*/
/*        top: -15px !important;*/
/*        left: -23px !important;*/
/*}*/
/*.h--timeline-line ol li:nth-child(4) .h--timeline-date.h--timeline-date--selected::after{*/
/*    top: 48px;*/
/*    left: 18px;*/
/*}*/
/*.h--timeline-line ol li:nth-child(5) .h--timeline-date.h--timeline-date--selected::after, .h--timeline-line ol li:nth-child(6) .h--timeline-date.h--timeline-date--selected::after, .h--timeline-line ol li:nth-child(7) .h--timeline-date.h--timeline-date--selected::after {*/
/*    left: -79%;*/
/*    transform: translateX(11%);*/
/*    bottom: 3px;*/
/*}*/
.h--timeline-date--older-event::after {
  background-color: #6e1e46;
  border-color: #6e1e46;
}
/* Caroussel navigation */
/* --------------------------------------- */
.h--timeline-navigation {
  font-size: 0;
  position: absolute;
  z-index: 2;
  top: -110%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 48px;
  width: 48px;
  border-radius: 21%;
  border-width: 2px;
  border-style: solid;
  border-color: #f7f7f7;
  transition: border-color 0.3s;
  background: var(--blue);
  display: flex;
  justify-content: center;
  align-items: center;
}
.timeline_img{
  position: relative;
}
.h--timeline-navigation::after {
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAABQUlEQVRIS9XUwWrCQBAG4JnEhiRHBQut+AY+gEq8tLSvUuih9Ek8iL5K0YMEvPkEHjwo2lYQek2IMdOJJ7tuki5LDnoKyHzZnZn8CJo/1KwHKfB299iMKcHh93Rd9IIL4OX2qX5j0QwRLTpG3uDT3+YhF8B747kaY+Iz0OLCVRxE7dHe32Uh0iucI0SwhIPZGew+9jIks4l/EIAFRGZPhuROQUQqCXb72/HP+UnKA7SuoNVEsfgYRp7SGF/vH2qmacwB0CjagbSZmat8AINGX5ON8ioXFYj/l/M1qpyinBMEQdBMG+w4jnoeEFE9DMMZAxY/e67rquUBF1UZ8Bk45YFt223OBrU8EJAlIx1G1PJAQBaM9GRI7hQkSJeR/+eBFqB1Ba0mSoo9pTEyUOM94DwAo2gHMvMgXWWGiLfwCvLgF1jY2yHNUya7AAAAAElFTkSuQmCC) no-repeat 0 0;
}
/* .h--timeline-navigation:hover {
  border-color: #6e1e46;
} */
.h--timeline-navigation--prev {
  /* left: 37px; */
  /* -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg); */
}
/* .h--timeline-navigation--next {
  right:37px;
} */
/* .h--timeline-navigation--inactive {
  cursor: not-allowed;
} */
.h--timeline-navigation--inactive::after {
  background-position: 0 -16px;
}
.h--timeline-navigation--inactive:hover {
  border-color: #f7f7f7;
}
/* Timeline events container */
/* --------------------------------------- */
.h--timeline-events {
  overflow: hidden;
  transition: height 0.4s;
  padding-top: 1rem;
  padding-bottom: 3rem;
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.h--timeline-event {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 1rem;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 1px 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  display: flex;
      justify-content: center;
      align-items: flex-end;
}
.h--timeline-event-content {
   max-width: 800px; 
  margin: 23rem auto 0;
  padding: 2rem;
  /* border: 1px solid #f7f7f7; */
  border-radius: 5px;
  /* box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1); */
  /* position: absolute; */
  /* z-index: 2; */
  /* right: 0; */
  /* left: 0; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.h--timeline-event--selected {
  position: static;
  top: 0;
  /* z-index: 2; */
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.video_style
{
    width:500px;
    border:1px solid #c4a458;
    border-radius:20px;
    margin-bottom:20px;
    position: absolute;
    top: 23%;
    left: 50%;
    transform: translateX(-50%);
}
/* Timeline animations */
/* --------------------------------------- */
.h--timeline-event--enter-right, .h--timeline-event--leave-right {
  -webkit-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.h--timeline-event--enter-left, .h--timeline-event--leave-left {
  -webkit-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.h--timeline-event--leave-right, .h--timeline-event--leave-left {
  animation-direction: reverse;
}
.h--timeline-event-title {
  color: var(--gold);
text-align: center;
font-family: Geist;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
padding:0 65px;
}
.h--timeline-event-date {
  display: block;
  color:var(--blue);
text-align: center;
font-family: Geist;
font-size: 50px;
font-style: normal;
font-weight: 600;
line-height: 28px; /* 116.667% */
  margin: 0.5rem auto;
  margin: 1rem auto;
}
.h--timeline-event-description{
  color: #EEE;
text-align: center;
font-family: Geist;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 155.556% */
}
/*.h--timeline-event-date::before {*/
/*  content: '- ';*/
/*}*/
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
 }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
 }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
 }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
 }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
 }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
 }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
 }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
 }
}
/* Overwrites */
/* Change the position of dates top / botom / top */
/* --------------------------------------- */
/* .h--timeline-date::after, .h--timeline-date::before {
  background-color: #6e1e46;
} */
/*.h--timeline-date--selected::after {*/
/*  background-color:var(--blue);*/
/*  border-color: #EBF4FF; */
/*}*/
.h--timeline-date--older-event::after {
  background-color: #6e1e46;
  border-color: #6e1e46;
}
/* .h--timeline-line li:nth-child(even) .h--timeline-date {
  bottom: -48px;
} */
/* .h--timeline-line li .h--timeline-date--selected::after, .h--timeline-line li .h--timeline-date:hover::after {
  width: 21px;
  height: 21px;
  bottom: -11px;
  background-color: #f7f7f7;
  border-color: #6e1e46;
} */
.h--timeline-line li:nth-child(even) .h--timeline-date::after {
  bottom: 25px;
}
/* .h--timeline-line li:nth-child(even) .h--timeline-date:hover::after, .h--timeline-line li:nth-child(even) .h--timeline-date--selected::after {
  bottom: 37px;
} */
.h--timeline-line li:nth-child(even) .h--timeline-date::before {
  bottom: 45px;
}
.h--timeline-line li:nth-child(odd) .h--timeline-date:hover::before, .h--timeline-line li:nth-child(odd) .h--timeline-date--selected::before {
  bottom: -3px;
}
/**/
 


 .h--timeline-line ol li {
  position: absolute;
  transform: translate(-50%, -50%); /* Centering trick */
}
/* Manually positioning the dates on the circular path */
/*.h--timeline-line ol li:nth-child(4) { top: -7%; left: 46%; }*/
/*.h--timeline-line ol li:nth-child(3) { top: 20%; left:-3%; }*/
/*.h--timeline-line ol li:nth-child(5) { top: 20%; right: 3%; }*/
/*.h--timeline-line ol li:nth-child(6) { top: 50%;  right: -6%; }*/
/*.h--timeline-line ol li:nth-child(7) { top: 80%;  right: 6%; }*/
/*.h--timeline-line ol li:nth-child(8) { top: 100%; left: 50%; }*/
/*.h--timeline-line ol li:nth-child(1) { top: 80%; left: 0%; }*/
/*.h--timeline-line ol li:nth-child(2) { top: 50%; left: -12%; }*/
/*.h--timeline-line ol li:nth-child(9) { bottom: 0%; left: 33%; }*/

/*.h--timeline-line ol li:nth-child(3) .h--timeline-date::after,*/
/*.h--timeline-line ol li:nth-child(1) .h--timeline-date::after ,*/
/*.h--timeline-line ol li:nth-child(2) .h--timeline-date::after{    left:100px; transform: translateX(16%); bottom: -12px;}*/

/*.h--timeline-line ol li:nth-child(5) .h--timeline-date::after,*/
/*.h--timeline-line ol li:nth-child(6) .h--timeline-date::after ,*/
/*.h--timeline-line ol li:nth-child(7) .h--timeline-date::after{ left: -79%; transform: translateX(-50%); bottom: -11px;}*/

/*.h--timeline-line li:nth-child(4) .h--timeline-date::after {top: 95px;}*/



/* Manually positioning the dates on the circular path */
.h--timeline-line ol li:nth-child(2) {top: 60%;left: -12%;}
.h--timeline-line ol li:nth-child(2) .h--timeline-date::after {left: 72px;bottom: -6px;}

.h--timeline-line ol li:nth-child(3) {top: 35%;left: -7%;}
.h--timeline-line ol li:nth-child(3) .h--timeline-date::after {left: 74px;bottom: -8px;}

.h--timeline-line ol li:nth-child(4) {top: 15%;left: 9%;}
.h--timeline-line ol li:nth-child(4) .h--timeline-date::after {left: 78px;bottom: -12px;}

.h--timeline-line ol li:nth-child(5) { top: -0%; left: 46%; }
.h--timeline-line ol li:nth-child(5) .h--timeline-date::after {left:5px; bottom: -60px;}

.h--timeline-line ol li:nth-child(6) {top: 15%;right: 14%;}
.h--timeline-line ol li:nth-child(6) .h--timeline-date::after {left: -69px;bottom: -17px;}

.h--timeline-line ol li:nth-child(7) {top: 35%;right: 0%;}
.h--timeline-line ol li:nth-child(7) .h--timeline-date::after {left: -64px;bottom: -7px;}

.h--timeline-line ol li:nth-child(8) {top: 60%;right: -6%;}
.h--timeline-line ol li:nth-child(8) .h--timeline-date::after {left: -67px;bottom: -4px;}

.h--timeline-line ol li:nth-child(9) {top: 85%;right: 3%;}
.h--timeline-line ol li:nth-child(9) .h--timeline-date::after {left: -64px;bottom: -8px;}

.h--timeline-line ol li:nth-child(1) {top: 85%;left: -4%;}
.h--timeline-line ol li:nth-child(1) .h--timeline-date::after {left: 74px;bottom: 0px;}


/* ----------------------- */












 /***** End milestone css *****/

/* our cilter css */
.sub-main-head {
  color: var(--gold);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  /* 125% */
  /*text-transform: uppercase;*/
}

.light-blue-bg {
  background: #EBF4FF;
}

.journey-card {
  border-radius: 6px;
  border: 1px solid var(--gold);
  padding: 52px 80px;
  text-align: center;
  height: 100%;
}

/* .cta-p-text{*/
/*  display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    position: relative;*/
/*    grid-area: 1 / 3 / 3 / 4;*/
/* }*/
/* .cta-p-text .cta-talk-to-us-arrow-wrapper {*/
/*  align-items: flex-end;*/
/*  margin-top: 0;*/
/*  display: flex;*/
/*  transform: translate(-7px, 117%);*/
/*  flex-direction: column;*/
/*}*/
/*.cta-p-text .talk-to-us-arrow-line {*/
/*  width: 100%;*/
/* height: 2px; */
/*  margin-right: 0rem;*/
/*}*/
/*.culture_catalog .cta-block-inner{*/
/*  padding: 2.6rem 5rem 2.6rem 1rem;*/
/*}*/

.culture_catalog .cta-block-p {
  transform: translate(-9px, 22%);
  padding-right: 3rem;
}

.culture_catalog .cta-talk-to-us-arrow-wrapper {
  display: flex;
  transform: translate(-9px, -1%);
  flex-direction: column;
  align-items: flex-end;
}

.culture_catalog .talk-to-us-arrow-line {
  width: 100%;
  margin-right: 0rem;
}

.culture_catalog .cta-block-inner {
  padding: 2.6rem 0rem 1rem 1rem;
}

.main-link-group .btn--ripple {
  background: transparent !important;
  overflow: hidden;
  border: 1px solid var(--gold);
  color: var(--white) !important;
}

/* our cilter css  end*/
/* current opportunities css*/
.apply-card {
  display: flex;
  padding: 34px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid #DDD;
}

.current-Category hr {
  margin: 50px 0px;
  color: var(--gold);
}

/* current opportunities css end */
/* current-vacancies-detail css*/

.two-column-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-columns: 4fr 8fr;
  gap: 10px;

}

.apply-form {
  border-radius: 6px;
  border: 1px solid #DDD;
  display: inline-flex;
  padding: 45.325px 45px 45px 45px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 44.675px;
}

.custom-file-upload {
  padding: 20px;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #DDD;
  background: var(--White, #FFF);
  transition: all 0.3s ease-in-out;
  display: block;
}

.custom-file-upload p {
  margin: 5px 0;
  font-size: 16px;
  color: var(--para);
}

.custom-file-upload input {
  display: none;
  /* Hide Default Input */
}

.item_disc_gold li::marker {
  color: var(--gold);

}

.item_disc_gold {
  padding-left: 1rem;
  gap: 10px;
  display: grid;
}

.sticky-sidebar {
  position: sticky;
  top: 35px;
}

.sidebar {
  align-items: flex-start;
}

/* current-vacancies-detail css end */
.linkedin-slider .Catalogues_card_txt {
  padding: 24px 0 0;
}

/*.linkedin-slider .Catalogues_card_txt p {*/
/*   font-weight:normal;*/
/*}*/
.formmodal .modal-header {
  border-bottom: 1px solid #dee2e6;
}

.global-contant {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.abu-dhabi {
  position: absolute;
  bottom: 42%;
  right: 33%;
  animation: bounce 2s ease infinite;

}

.jebel-ali {
  position: absolute;
  top: 23%;
  right: 32%;
  animation: bounce 2s ease infinite;
}

.dubai {
  position: absolute;
  top: 14%;
  right: 26%;
  animation: bounce 2s ease infinite;

}

.bahrain {
  position: absolute;
  top: -20px;
  left: -15%;

}

.bahrain-location {
  position: absolute;
    top: 5%;
    left: -10%;
  animation: bounce 2s ease infinite;
}

.map-section {
  padding-top: 100px;
}

.map-space
{
    padding:50px 0;
}

.home_page_catalog
{
    padding:40px 140px;
}

/*.map-section::before{*/
/* content: '';*/
/* background-image: url(../images/global-excellence-vector.png);*/
/* position: absolute;*/
/* height: 290px;*/
/* width: 315px;*/
/* background-repeat: no-repeat;*/
/* left: 0px;*/
/* display: block;*/
/* background-position: bottom left;*/
/* top: 0;*/
/* background-size: contain;*/
/*}*/
@keyframes bounce {
	
  70% { transform:translateY(0%); }
  80% { transform:translateY(-15%); }
  90% { transform:translateY(0%); }
  95% { transform:translateY(-7%); }
  97% { transform:translateY(0%); }
  99% { transform:translateY(-3%); }
  100% { transform:translateY(0); }
}
.shaping_industrial::after {
        content: '';
        background-image: url(../images/Ellipse-vector.png);
        position: absolute;
        height: 290px;
        width: 315px;
        background-repeat: no-repeat;
        right: 0px;
        display: block;
        background-position: bottom left;
        bottom: 0;
        background-size: contain;
            z-index: -1;
    }
    .current-slide{
        color:var(--gold);
    }
    .total-slides{
        color: var(--gray)
    }
    .ft_apart{
        height:60px;
    }
   .linkedin_img {
    /*aspect-ratio: 1 / 1;*/
    border-radius: 6px;
}
.novacancy .apply-form{
        gap: 15px;
}
.contact_input label.text-danger ,
.contact_input label.error ,
.contact_input span.text-danger{
    position: absolute;
}
.contact_input .custom-file-upload .text-danger {
    /*position: absolute;*/
    display: flex;
    justify-content: center;
    align-items: flex-end;
    inset: 0;
}
.Principalsubtext p{
    margin-bottom:0;
}
.about_wrapper .moretext {
    -webkit-line-clamp: 10;
}
.about_wrapper .moretext.expanded {
    -webkit-line-clamp: unset;
    overflow: visible;
}
.moretext {
    display: -webkit-box;
    -webkit-line-clamp: 16;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}

.moretext.expanded {
    -webkit-line-clamp: unset;
    overflow: visible;
}

.read-more-text {
    /*display: inline;*/
    color:var(--blue);
    font-weight: bold;
    cursor: pointer;
    margin-top: 4px;
}
.Industries_items .main_head_small{
    text-transform: capitalize;
}
.Industries_items .main_head_small {
  text-transform: lowercase; /* make everything lowercase */
}

.Industries_items .main_head_small::first-letter {
  text-transform: uppercase; /* capitalize the very first letter */
}
.main_head_small {
  text-transform: lowercase; /* make everything lowercase */
}

.main_head_small::first-letter {
  text-transform: uppercase; /* capitalize the very first letter */
}


/* new homepage ym css */
       
        /* Hamburger Icon Animation */
        .hamburger-icon {
            width: 24px;
            height: 18px;
            position: relative;
            transform: rotate(0deg);
            transition: .5s ease-in-out;
            --hamburger-color: #333;
        }
        .hamburger-icon.open{
            --hamburger-color: #fff !important;
        }

     

        .hamburger-icon span:nth-child(1) {
            top: 0px;
        }

        .hamburger-icon span:nth-child(2),
        .hamburger-icon span:nth-child(3) {
            top: 7px;
        }

        .hamburger-icon span:nth-child(4) {
            top: 14px;
        }

        /* Close Icon Animation */
        .hamburger-icon.open span:nth-child(1) {
            top: 7px;
            width: 0%;
            left: 50%;
        }

        .hamburger-icon.open span:nth-child(2) {
            transform: rotate(45deg);
        }

        .hamburger-icon.open span:nth-child(3) {
            transform: rotate(-45deg);
        }

        .hamburger-icon.open span:nth-child(4) {
            top: 7px;
            width: 0%;
            left: 50%;
        }

        /* Offcanvas Styles */
        .offcanvas.offcanvas-start {
            border: none;
            width: 490px;
        }

        .offcanvas {
            background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            border: none;
            z-index: 1055;
        }

        .offcanvas-header {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            padding: 1.5rem;
        }

        .offcanvas-title {
            color: #fff;
            font-size: 1.5rem;
            font-weight: 600;
        }

       .offcanvas .btn-close {
            filter: invert(1);
        }

        /* Menu Styles */
        .menu-container {
            padding: 1rem;
            height: 100%;
            width:490px;
            padding-left: 152px;
            background: #182A41;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .nav-menu {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .nav-menu .nav-item:nth-child(1) {
            transition: all .6s ease .3s;
        }

        .nav-menu .nav-item:nth-child(2) {
            transition: all .6s ease .4s;
        }

        .nav-menu .nav-item:nth-child(3) {
            transition: all .6s ease .5s;
        }

        .nav-menu .nav-item:nth-child(4) {
            transition: all .6s ease .6s;
        }

        .nav-menu .nav-item:nth-child(5) {
            transition: all .6s ease .7s;
        }

        .nav-menu .nav-item:nth-child(6) {
            transition: all .6s ease .8s;
        }
        .nav-menu .nav-item:nth-child(7) {
            transition: all .6s ease .9s;
        }


        .offcanvas .nav-item {
            opacity: 0;
            transform: translateY(30px);
            margin-bottom: 0.5rem;
            position: relative;
        }

        .offcanvas.show .nav-item {
            opacity: 1;
            transform: translateY(0px);
        }

        .offcanvas .nav-link {
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: #fff;
            text-decoration: none;
            transition: all 0.6s ease;
            opacity: 0;
            transform: translate(0px, 20px);
        }


        .offcanvas.offcanvas-start.show .nav-link {
            opacity: 1;
            transform: translate(0px, 0px);
            transition: all 0.6s ease;
            font-size: 16px;
            line-height:normal;
            filter: grayscale(0);

        }

        .offcanvas .nav-link:focus,
        .offcanvas .nav-link:hover {
            filter: grayscale(1);
        }


        .dropdown-arrow {
            transition: transform 0.3s ease;
            font-size:14px;
        }

        .dropdown-arrow.rotated {
            transform: rotate(90deg);
        }

        .about-submenu-slider,
        .resource-submenu-slider,
        .product-submenuchild-slider
        {
            position: fixed;
            top: 0;
            left: 0;
            width: 0;
            height: 100vh;
            background: #1b304c;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: -1;
            overflow: hidden;
            opacity: 1;
            padding-top: 200px;
        }

        .about-submenu-slider .submenu-content,
        .about-submenu-slider .submenu-header,
        .product-submenuchild-slider .submenu-content,
        .product-submenuchild-slider .submenu-header
        {
            opacity: 0;
            transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            transition-delay: 0s;
            pointer-events: none;
        }

        .about-submenu-slider.show{
            width: 400px;
            left: 490px;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }
         .product-submenuchild-slider.show{
            width: 400px;
            left: 800px;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .about-submenu-slider.show .submenu-content,
        .about-submenu-slider.show .submenu-header,
        .product-submenuchild-slider.show .submenu-content,
        .product-submenuchild-slider.show .submenu-header
        {
            opacity: 1;
            transition-delay: 0.4s;
            pointer-events: auto;
        }

        .about-submenu-slider.hiding .submenu-content,
        .about-submenu-slider.hiding .submenu-header.
        .product-submenuchild-slider.submenu-content,
        .product-submenuchild-slider .submenu-header
        {
            opacity: 0;
            transition-delay: 0s;
            pointer-events: none;
        }

        .submenu-header {
            padding: 1.5rem;
            padding-top:0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .submenu-title {
            color: #fff;
            font-size: 1.3rem;
            font-weight: 600;
            margin: 0;
            display: flex;
            align-items: center;
        }

        .submenu-title i {
            margin-right: 0.75rem;
            color: #3498db;
        }

        .submenu-content {
            padding: 1rem;
        }

        .submenu-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .submenu-list li {
            opacity: 0;
            transform: translate(0px, 20px);
        }

        .about-submenu-slider.show .submenu-list li{
            opacity: 1;
            transform: translate(0px, 0px);
            transition: all 0.6s ease;
        }
         .product-submenuchild-slider.show .submenu-list li{
            opacity: 1;
            transform: translate(0px, 0px);
            transition: all 0.6s ease;
        }

        .submenu-link {
            display: flex;
            align-items: center;
            padding: 1rem 1.5rem;
            color: #fff;
            text-decoration: none;
            transition: all 1s ease;
            font-weight: 500;
        }

        .submenu-link i {
            margin-right: 0.75rem;
            width: 20px;
            text-align: center;
            color: #3498db;
        }
        .goog-te-gadget-simple {
            border: none !important;
            background: none !important;
            padding: 0 !important;
            font-family: "Glacial Indifference", sans-serif;
        }

        .goog-te-gadget-icon {
            display: none !important;
        }

        .goog-te-gadget {
            font-size: 0px;
        }

        .goog-te-gadget span {
            display: none;
        }

        .goog-te-gadget-simple span {
            border-left: none !important;
            font-family: inherit !important;
            color: var(--gray) !important;
            font-size: 16px !important;
        }

        .goog-te-combo {
            border: none;
            background: transparent;
            outline: none;
            color: #000;
            font-weight: 500;
            cursor: pointer;
        }
.hamburger-btn {
            position: fixed;
            top: 50%;
            left: 60px;
            width: 60px;
            height: 60px;
            background: transparent;
            border: none;
            border-radius: 50%;
            cursor: pointer;
            z-index: 1060;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
        }
   .hamburger-icon span {
            display: block;
            position: absolute;
            height: 3px;
            width: 100%;
            background: var(--hamburger-color);
            border-radius: 2px;
            opacity: 1;
            left: 0;
            transform: rotate(0deg);
            transition: .25s ease-in-out;
        }
.why {
    background:var(--blue);
  /*background-image: conic-gradient(#EBF4FF 0deg, #EBF4FF 90deg, #EBF4FF 90deg, #EBF4FF 80deg, #182A41 180deg, #182A41 270deg, #182A41 270deg);*/
  color: #FFF;
  position:relative;
}


.why_left {
  padding: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.why_right {
  padding: 90px 0 90px 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.why_left .nav-link {
  display: flex;
  align-items: center;
  gap: 21px;
  width: 100%;
  padding: 0;
  color: #fff;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 0;
  border: none;
  outline: none;
  filter: brightness(0.8);
}
.why_left .main_head{margin-bottom:70px!important;}

.why .nav-item {
  border-bottom: 1px solid #557AA9;
  padding-bottom: 24px;
  margin-bottom: 40px;
}

.why .nav-tabs .nav-link.active {
  color: #fff;
  background-color: transparent;
  border: none;
   filter: brightness(1); 
}

.why .nav-tabs .nav-link:focus, .why .nav-tabs .nav-link:hover {
  border: none;
  isolation: unset;
}

.why .nav-tabs {
  border: none;
}

.shape_info_wrapper {
  margin-top: 80px;
}

.shape {
  background-image: url('../images/new_index/shape_inds.png');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 56px 0;
  transition: background-image 0.6s ease-in-out;
}

.shape_title {
  color: #DDD;
  text-align: center;
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.34px;
}

.shape_info p {
  /*display: none;*/
  visibility:hidden;
  opacity: 0;
  transform: translateY(20px);
}

/* Add border-right to .shape_info except last child */
.shape_info_wrapper .shape_info {
  border-right: 1px solid #666;
  /*height: 420px;*/
  padding:114px 0px;
}

.shape_info_wrapper .col-lg-3:last-child .shape_info {
  border-right: none;
}

.shape_info:hover .shape_title {
  /*font-size: 34px;*/
  /*font-style: normal;*/
  /*font-weight: 500;*/
  /*line-height: 48px;*/
  /*letter-spacing: -0.44px;*/
  /*text-transform: uppercase;*/
  transition:  all 0.5s ease-in-out;
}

.shape_info:hover p {
  /*display: block;*/
  visibility:visible;
  opacity: 1;
  transform: translateY(0px);
  transition:  all 0.5s ease-in-out;
}

.shape_info.active .shape_title,
.shape_info:hover .shape_title {
  /*font-size: 34px;*/
  /*font-style: normal;*/
  /*font-weight: 500;*/
  /*line-height: normal;*/
  /*letter-spacing: -0.44px;*/
  /*text-transform: uppercase;*/
  /*text-align: left;*/
  transition:  all 0.5s ease-in-out;
}

.shape_info.active p,
.shape_info:hover p {
  color: #FFF;
  /*display: block;*/
  visibility:visible;
  opacity: 1;
  transform: translateY(0px);
  transition:  all 0.5s ease-in-out;
}

.shape_info.active {
  border-radius: 5px;
  /*background: rgba(0, 0, 0, 0.40);*/
  /*padding: 86px 40px;*/
  display: flex;
  flex-direction:column;
  align-items: start;
  justify-content: center;
  transition: all 0.5s ease-in-out;
}

.shape_info:not(.active):not(:hover) {
  display: flex;
  flex-direction:column;
  align-items: start;
  justify-content: center;
}

.linkedin_feed::after {
  content: '';
  background-image: url(../images/Ellipse-vector.png);
  position: absolute;
  height: 290px;
  width: 315px;
  background-repeat: no-repeat;
  right: 0px;
  bottom: 0;
  z-index: 0;
}

/* partner */
.partner_img_wrapper {
  position: relative;
  display: flex;
}

.partner_3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.partner_img_1 {
  padding-bottom: 50px;
}

.partner_img_2 {
  border-left: 20px solid white;
  padding-top: 50px;
}

.reveal {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

.reveal img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: left;
}

.overlay-anim {
  position: relative;
}

.overlay-anim:after {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  z-index: 9;
  pointer-events: none;
}

.overlay-anim:hover:after {
  height: 100%;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}

.partner_counter_wrapper {
  margin-top: 80px;
  /* display: flex;
  gap: 100px;
  align-items: center;
  justify-content: center; */
}

/* .partner_counter {
  width: fit-content;
} */

.partner_counter .count {
  /* -webkit-text-stroke-width: 2px; */
  /*-webkit-text-stroke-color: #FFF;*/
  font-size: 66px;
  color: #C4A458;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.98px;
  text-transform: uppercase;
  /*-webkit-background-clip: text;*/
  /*-webkit-text-fill-color: transparent;*/
  /*background-clip: text;*/
  /*background-image: url(../images/new_index/partner_2.png);*/
  /*background-size: contain;*/
  /*background-position: right center;*/

  /* ✨ Animation added */
  /*animation: bgSlide 30s linear infinite;*/
}

/*@keyframes bgSlide {*/
/*  0% {*/
/*    background-position: right center;*/
/*  }*/

/*  50% {*/
/*    background-position: left center;*/
/*  }*/

/*  100% {*/
/*    background-position: right center;*/
/*  }*/
/*}*/

.partner_counter p {
  color: #565656;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 125% */
}

.partner_slider {
  --mask-width: 30rem;
  -webkit-mask-image: linear-gradient(to left, transparent 0%, rgb(0, 0, 0) var(--mask-width), rgb(0, 0, 0) calc(100% - var(--mask-width)), transparent 100%);
}

.partner_slider img {
  filter: grayscale(1);
  width:145px;
}

.partner_slider img:hover {
  filter: grayscale(0);
}

/* partner */
.new_hero {
  height: 100vh;
  width: 100%;
  overflow: hidden;
  position: relative;
  background-image: url(../images/new_index/new_hero.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.new_hero.dark .btn--ripple {
  background: none;
  overflow: hidden;
  border: 1px solid white;
  color: var(--white) !important;

}
.new_hero.dark .btn{
    /*color: var(--blue) ;*/
}

.new_hero_wrapper {
  position: relative;
  height: 100vh;
}

.new_hero_content_1 {
  position: absolute;
  width: 550px;
  left: 0;
  top: 28%;
  transform: translateY(50%);
  font-size: 60px;
  font-weight: 500;
  line-height: 82px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.new_hero_content_2 {
  position: absolute;
  right: 0;
  bottom: 10%;
  padding-left: 20px;
  border-left: 2px solid #fff;
}

.new_header {
  position: absolute;
  width: 100%;
  z-index: 1054;
}

.new_header nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
}

.nav_right {
  display: flex;
  align-items: center;
  gap: 10px;
}

.dark_logo {
  display: none;
}

    .network .btn--ripple {
        background: var(--blue);
        overflow: hidden;
        color: var(--white) !important;
    }

    .dd {
        border-radius: 5px;
        border: 1px solid #DDD;
    }

    .net_box {
        background: #FFF;
        padding: 80px 62px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mt-100 {
        margin-top: 100px;
    }

    /* Add borders to .net_box using nth-child to avoid overlap */
    .network_wrapper .net_box {
        border-right: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
        border-top: none;
        border-left: none;
    }

    /* Remove right border from last column */
    .network_wrapper .net_box:nth-child(4),
    .network_wrapper .net_box:nth-child(8) {
        border-right: none;
    }

    /* Remove bottom border from last row */
    .network_wrapper .net_box:nth-child(n+5):nth-child(-n+8) {
        border-bottom: none;
    }

    .fade-img {
        transition: opacity 0.8s;
    }

    .fade-out {
        opacity: 0.2 !important;
    }

    .one_stop {
        position: relative;
    }


    .one_stop .industrial_box {
        border-radius: 0px;
        background: rgba(255, 255, 255, 0.90);
        margin: 10px;
        border: none;
        padding: 0;
    }
    .one_stop .industrial_box p{margin-bottom:0px;}

    .viewport {
        height: 100vh;
        width: 100%;
        /*overflow: hidden;*/
        display: flex;
        align-items: center;
    }

    .new_home {
        height: 100%;
        scroll-behavior: smooth;
        overflow: hidden;
    }
    .why::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 50%;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-repeat: no-repeat;
   background-image: url('../images/new_index/cpr_bg.webp');
  background-size: cover;
  transition: background-image 0.2s ease-in-out, opacity 0.2s ease;
}
/* Default image (tab 1) */
.why.bg-home::after {
  background-image: url('../images/new_index/cpr_bg.webp');
}

/* Tab 2 */
.why.bg-profile::after {
  background-image: url('../images/new_index/tp.webp');
}

/* Tab 3 */
.why.bg-messages::after {
  background-image: url('../images/new_index/ep.webp');
}

/* Tab 4 */
.why.bg-settings::after {
  background-image: url('../images/new_index/gs.webp');
}

/* Tab 5 */
.why.bg-customer::after {
  background-image: url('../images/new_index/cca.webp');
}

.why_ctnt {
    position: relative;
    z-index: 2;
    width: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
   background: rgb(14 33 56 / 80%); /* your blue shade */
  backdrop-filter: blur(0px) saturate(150%);
  -webkit-backdrop-filter: blur(2px) saturate(150%);
    height: 500px;
    text-align: center;
    padding:10px 60px;
}
.why_ctnt h2{font-size:36px line-height:normal;}

@media (min-width: 1279px) {
  .mobile_ham {
    display: none
  }
}

/* new homepage ym css */

.partner_txt{text-align:center;}
.partner_txt p{font-size:24px;}

        .custom-placeholder {
  color: #666;
  font-size: 14px;
  transition: opacity 0.3s ease;
}
@media (max-width: 767.98px) {
  .custom-placeholder {
    display: none;
  }

  #google_translate_element select {
    opacity: 1 !important;
  }
}
    .goog-te-gadget span {

        display: none !important;
    }

    .goog-te-gadget {
        font-size: 0px !important;
        text-emphasis: none;
        height:32px;
        overflow-Y:hidden;
    }

    .goog-te-gadget select {
        /*width: 94%;*/
        height: 28px;
        font-size: 14px;
       color: #fff;
        padding: 0px 5px;
        font-weight: 400;
          background: transparent;
        border:none;
    }
/* Header position */
.site-header {
    position: relative;   /* default relative for all pages */
    width: 100%;
    z-index: 1;           /* default z-index */
}

/* Index page */
.site-header.index-page {
    position: absolute;

}

/* Index page logos */
.site-header.index-page .light_logo { display: block; }
.site-header.index-page .dark_logo  { display: none; }

/* Other pages logos */
.site-header .light_logo { display: none; }
.site-header .dark_logo  { display: block; }
.site-header .dark_logo     .hamburger-icon span {
        background: #000;
    }

/* Language select colors */
.site-header.index-page .goog-te-gadget select  {
    color: #fff;
}

.site-header .goog-te-gadget select  {
    color: #000;
}
.site-header .goog-te-gadget select option  {
    color: #000;
}
.dark .btn--ripple {
  background: #fff;
  overflow: hidden;
     
}
.dark .btn{
    color: var(--blue) ;
}
.close_btn_offcanvas{
    display:none;
}
.bd_10{
    border-radius: 10px;
}
.shape_info_slider .shape_info_mobile{
    margin:10px;
}
:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}