/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "Poppins", sans-serif;
  color: #444444;
  overflow-x: hidden;
  line-height: 0.92;
  /* letter-spacing: 1px; */
}
a {
  color: #106eea !important;
  text-decoration: none !important;
}
a:hover {
  color: #3b8af2;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
	letter-spacing: -1px;
}


.who-title {
  color: #5c22b6;
  font-weight: 600;
  font-size: 55px;
  font-family: "poppins";
  text-align: center;
}

.who-title span {
  color: #5c22b6;
  font-weight: 300 !important;
}

.sub-who {
  font-family: "Arimo", sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
}



#who-we .who-btn {

  font-weight: 800;
  border-radius: 30px;
  padding: 15px 45px;
  /* color: #6e45e2 !important; */
  /* background: linear-gradient(145deg, #6e45e2, #38f9d7);
   background: -webkit-linear-gradient(145deg, #6e45e2, #0082cf);
    background: -moz-linear-gradient(145deg, #6e45e2, #38f9d7); */
  background-color: #000;
  color: #fff !important;
}

#who-we .bi-arrow-right-circle {
  animation: slide1 1s ease-in-out infinite;
  margin-left: 9px;
  position: relative;
}

@keyframes slide1 {
  0% {
    left: 0px;
    opacity: 1;
  }

  50% {
    left: 10px;
    opacity: 0.5;
  }

  100% {
    left: 10px;
    opacity: 0;
  }
}

#who-we .who-btn i {
  /* background-color: rgb(211, 90, 90); */
  color: white;
  border-radius: 10px;
  padding-left: 30px;
  font-size: 20px;
}

#all-count {
  margin-top: 16px;
}


.cont-up {
  padding: 5px 0px 0px 0px;
  position: relative;
  font-size: 16px;
}

span.num {
  display: flex;
  place-items: center;
  font-weight: 600;
  font-size: 1.8em;
  justify-content: left;
  color: #5c22b6;
}

span.text {
  font-size: 13px;
  display: flex;
  justify-content: left;
}



/* .what-title {
  background: #0099d8;
  color: #fff;
  font-size: 26px;
  padding: 20px 50px;
  border-radius: 50px;
  text-align: center;
  margin-top: 10px;
  font-weight: 600;
} */

.what-title {
  color: #5c22b6;
  font-weight: 600;
  font-size: 55px;
  font-family: "poppins";
  text-align: center;
}

.what-title span {
  font-weight: 300 !important;
}




@media (max-height: 667px) {
  .what-title {
    display: block;
  }
}



.sub-head {
  color: #1c232a;
  font-size: 45px;
  font-family: 'Poppins';
}

.sub-head span {
  color: #1c232a !important;
  /* background: linear-gradient(145deg, #6e45e2, #38f9d7);
  background: -webkit-linear-gradient(145deg, #6e45e2, #38f9d7);
  background: -moz-linear-gradient(145deg, #6e45e2, #38f9d7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
}

#what-we .card {
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  border: 1px solid #e7e7e7;
  border-radius: 40px;
  padding: 0px 10px;
}

#what-we {
  margin-top: 30px;

}


.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  padding: 0px 5px;
  margin-top: 15px;
}

.slick-slide {
  margin: 0px 0px;
  border-right: 0px solid #7c0404;
}



.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

/* .slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	padding: 0px 5px;
	margin-top: 15px;
} */
[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}



#what-we .sld1 {
  background: #51e1cc;
    transition: all 0.5s ease-out;
    border: 2px solid #51e1cc;
}

#what-we .sld1:hover .img-icon img, #what-we .sld1:hover .text-h1 {
  display: none !important;
}

#what-we .sld1:hover {
  background: none;
}

#what-we .sld2 {
  background: #ffd700;
    transition: all 0.5s ease-out;
  border: 2px solid #ffd700;
}
#what-we .sld2:hover {
  background: none;
}
#what-we .sld2:hover .img-icon img, #what-we .sld2:hover .text-h1 {
  display: none !important;
}

#what-we .sld3 {
  background: #d300a2;
   transition: all 0.5s ease-out;
  border: 2px solid #d300a2;
}
#what-we .sld3:hover {
  background: none;
}

#what-we .sld3:hover .img-icon img, #what-we .sld3:hover .text-h1 {
  display: none !important;
  color: #fff;
}


#what-we .sld4 {
  background: #ff69b4;
   transition: all 0.5s ease-out;
  border: 2px solid #ff69b4;
}
#what-we .sld4:hover {
  background: none;
}


#what-we .sld4:hover .img-icon img, #what-we .sld4:hover .text-h1 {
  display: none !important;
}

#what-we .sld5 {
  background: #000080;
   transition: all 0.5s ease-out;
   border: 2px solid #000080;
}


#what-we .sld5:hover {
  background: none;
}

#what-we .sld5:hover .img-icon img, #what-we .sld5:hover .text-h1 {
  display: none !important;
}

#what-we .sld6 {
  background: #000000;
   transition: all 0.5s ease-out;
   border: 2px solid #000000;
}

#what-we .sld6:hover {
  background: none;
}

#what-we .sld6:hover .img-icon img, #what-we .sld6:hover .text-h1 {
  display: none !important;
}



#what-we .card p {
  margin-top: 35px;
  list-style: none;
  padding-left: 0px;
}


.text-h1 {
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.ser-white {
  color: #fff;
}

.img-icon {
  margin: 16px 5px;
  height: 165px;
}

.img-icon img {
  width: 100px;
  height: 100px;
  margin: 10px auto;
  padding: 5px;
  object-fit: contain;
}


#what-we .card:hover {
  transform: scale(1.1);
}


#how-we {
  padding-top: 50px;
  padding-bottom: 0px;
  position: relative;
  overflow: hidden;
}

#how-we::after {
  width: 999px;
  height: 480px;
  border-radius: 50px;
  content: '';
  position: absolute;
  top: 70%;
  right: -5%;
  background-color: rgba(56, 249, 215, 0.3);
  margin-top: -250px;
  z-index: -1;
}

@media only screen and (max-width: 767px) {
  #how-we::after {
    width: 0px;
  }
.image-row {
    display:none
}

.surround-wrapper{
display:none
}

.surround-img {
display:none
}
.main-img {
    margin-top: 28px;
}
.small-above-img{
  display: none;
}
}


.how-img {
  border-radius: 30px;
}

#how-we .who-btn {
  color: #fff !important;
  font-weight: 800;
  border-radius: 30px;
  padding: 15px 45px;
  /* color: #6e45e2 !important; */
  /* background: linear-gradient(145deg, #6e45e2, #38f9d7);
   background: -webkit-linear-gradient(145deg, #6e45e2, #0082cf);
    background: -moz-linear-gradient(145deg, #6e45e2, #38f9d7); */
  background-color: #000;
}

#how-we .bi-arrow-right-circle {
  animation: slide1 1s ease-in-out infinite;
  margin-left: 9px;
  position: relative;
}

@keyframes slide1 {
  0% {
    left: 0px;
    opacity: 1;
  }

  50% {
    left: 10px;
    opacity: 0.5;
  }

  100% {
    left: 10px;
    opacity: 0;
  }
}

.how-title {
  color: #5c22b6;
  font-weight: 600;
  font-size: 52px;
  font-family: "poppins";
  text-align: center;
}

.how-title span {
  font-weight: 300 !important;
  color: #5c22b6;
}


/* Image Layout */
.image-layout {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
	margin-top:44px;
}

.image-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px; /* increase if needed */
}

.center-row {
  justify-content: center;
  flex-wrap: wrap;
}

/* Image Sizing */
.main-img {
  width: 280px;
  border-radius: 20px;
}

.surround-img {
  width: 180px;
  border-radius: 20px;
}

/* Wrapper for Main Image with Overlay */
.main-image-wrapper {
  position: relative;
  display: inline-block;
}

.surround-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

/* Small image above the right surround image */
.small-above-img {
  width: 140px;
  height: auto;
  margin-bottom: 20px; /* increase this to move it up */
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Responsive adjustments */
/* @media (max-width: 767px) {
  .small-above-img {
    width: 50px;
    margin-bottom: 8px;
  }
} */

/* Optional spacing block */
.spacer {
  width: 40px; /* increase from 20 or 30 to 40, etc. */
}

/* Responsive layout */
/* @media (max-width: 767px) {


  .image-row,
  .center-row {
  display: none;
  }

  .main-img,
  .surround-img {
    width: 100%;
    max-width: 300px;
  }

  .overlay-small-img {
    display: none;
  }

  .spacer {
    display: none;
  }
} */


#award {
  background-color: #303030;
  margin-top: 80px;
  padding: 25px 0px;
  color: #fff;
}

.awd-title {
  font-size: 60px;
  font-family: "Anton", sans-serif;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  #award {
    margin-top: 20px;
  }
}

.awd-p {
  font-size: 25px;
}

.awd-img {
  margin-top: -130px;
}

@media only screen and (max-width: 767px) {
  .awd-img {
    margin-top: 0px;
    position: inherit;
  }
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.clients-logos {
  background-color: #fff;
  border: 2px solid #fff;
  padding: 0px 10px 13px 10px;
}

.car-title {
  font-size: 65px;
  font-weight: 900;
  color: rgb(0, 153, 216);
  font-family: "Anton", sans-serif;
}

.car-title span {
  color: #6e45e2 !important;
  background: linear-gradient(145deg, #6e45e2, #38f9d7);
  background: -webkit-linear-gradient(145deg, #006872, #0082cf);
  background: -moz-linear-gradient(145deg, #6e45e2, #38f9d7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 100 !important;
}

.car-p {
  font-size: 35px;
}

.car-p span {
  color: rgb(0, 153, 216);
  font-size: 40px;
  font-family: "Arimo", sans-serif;
  text-transform: uppercase;
}

.card-home-02 {

  position: relative;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.card-home-02 img {
  width: 100%;


  bottom: 0;
  right: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 400ms;
  transition-delay: 0ms;
}

.card-home-02 .content p {
  font-size: 1.5rem;
  line-height: 2.9rem;
}

/* .card-home-02 .content * {
  margin-bottom: 0;
} */

.life-amp {
  font-size: 25px;
  color: #096489;
  font-weight: 400;
  padding-top: 20px;
}

.ready {
  margin-top: 40px;
}

.life-amp span {
  font-weight: 900;
}


.career-btn {
  color: #0098d5;
  text-decoration: underline !important;
  font-size: 20px;
  margin-top: 20px;
}

.career-p {
  font-size: 20px;
}

.carpad {
  padding: 30px 30px 30px 30px;
}

@media only screen and (min-width: 1098px) {

  li.maroon,
  li.teallight,
  li.orange,
  li.tealdark,
  li.teal,
  li.blue {
    -webkit-box-flex: 0 0 33.33% !important;
    -ms-flex: 0 0 33.33% !important;
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
  }
}

/* @media only screen and (min-width: 1113px) {
  .card-home-02 .content {
   
  }
} */

.card-home-02 .content p {
  font-size: 22px;
  line-height: 1.6rem;
  padding-top: 15px;
}

.card-home-02--tealdark {
  background-color: #f5f5f5 !important;
}

.card-home-02--teallight {
  background-color: #f5f5f5 !important;
}

.card-home-02--maroon {
  background-color: #f5f5f5 !important;
}

.card-home-02--warning {
  background-color: #ffc107 !important;
}

.card-home-02--teal {
  background-color: #00adc6 !important;
}

.card-home-02--success {
  background-color: #6bbfbc !important;
}

#amp-con .btn {
  color: #fff !important;
  font-weight: 800;
  border-radius: 30px;
  padding: 15px 45px;
  /* color: #6e45e2 !important; */
  /* background: linear-gradient(145deg, #6e45e2, #38f9d7);
   background: -webkit-linear-gradient(145deg, #6e45e2, #0082cf);
    background: -moz-linear-gradient(145deg, #6e45e2, #38f9d7); */
  background-color: #000;

}

#amp-con .con-title {
  color: #5c22b6;
  font-weight: 600;
  font-size: 52px;
  font-family: "poppins";
  text-align: center;
}

#amp-con .bi-arrow-right-circle {
  animation: slide1 1s ease-in-out infinite;
  margin-left: 9px;
  position: relative;
}


#amp-con .t-tile {
  font-size: 50px;
  color: #000;
  text-align: center;
}

#amp-con p {
  font-size: 25px;
  color: #000;
  text-align: center;
}


#banner__slider {
  padding: 0px;
  position: relative;
}

.bottom-img {
  position: absolute;
  bottom: 0;
  z-index: 99;
}

/* 
  .slider, .slide {
    height: 100%;
 } */


#banner__slider .slider .slide {
  height: 100vh;
  /* Set a fixed height for the slides */
  position: relative;
  overflow: hidden;
}

#banner__slider .slider .slide__img img {
  height: 100vh;
  /* Ensure the image fills the slide */
  width: 100%;
  /* Stretch the image to fit the width */
  object-fit: cover;
  /* Crop the image to fit the slide */
}

@media (max-width: 768px) {
  #banner__slider .slider .slide {
    height: 100%;
    /* Adjust height for smaller screens */
  }

}


.slide {
  position: relative;
}

.slide .slide__img {
  width: 100%;
  height: auto;
  overflow: hidden;

}

#banner__slider .slick-slide {
  float: left;
  min-height: 0px;
  padding: 0px 0px;
  margin-top: 0px;
}


@media (min-width: 992px) {
  .slide .slide__img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}

.slide .slide__img img {
  max-width: 100%;
  height: auto;
  opacity: 1 !important;
  animation-duration: 3s;
  transition: all 1s ease;
}

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

.slide .slide__content.slide__content__left {
  left: 15%;
  transform: translate(-15%, -50%);
}

.slide .slide__content.slide__content__right {
  right: 10%;
  left: auto;
  transform: translate(5%, -50%);
  text-align: right;
}

/* .slide .slide__content--headings {
 color: #000;
} */

.white-c {
  color: #fff;
  /* background: #ffffffb5; */
  padding: 20px;
}

.white-g {
  color: #fff;
  background: #683edfbf;
  padding: 20px 50px;
}

.white-r {
  color: #fff;
  background: #b51405c7;
  padding: 20px 40px;
}

.blue-r {
  color: #fff;
  background: #12bef3bf;
  padding: 20px 40px;
}


.slide .slide__content--headings h2 {
  font-size: 4.5rem;
  margin: 10px 0;
}

.slide .slide__content--headings .animated {
  transition: all 0.5s ease;
}

.slide .slide__content--headings .top-title {

  font-size: 1.5rem;
}

.slide .slide__content--headings .title {
  font-size: 3.5rem;
}

.slide .slide__content--headings .button-custom {
  text-decoration: none;
  /* color: #333;*/
  padding: 1.2rem 2.5rem;
  font-size: 1.5rem;
  margin-top: 20px;

}

/* .slider [data-animation-in] {
  opacity: 0;
  animation-duration: 1.5s;
  transition: opacity 0.5s ease 0.3s;
} */

[data-animation-in] {
  opacity: 0;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transition: opacity 0.5s ease 0.3s;
}

[data-animation-in="fadeInUp"] {
  animation-name: fadeInUp;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}


[data-animation-in="fadeInLeft"] {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-20px);
    /* Move from the left */
  }

  to {
    opacity: 1;
    transform: translateX(0);
    /* Move to the original position */
  }
}

[data-animation-in="fadeInRight"] {
  animation-name: fadeInRight;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(20px);
    /* Move from the right */
  }

  to {
    opacity: 1;
    transform: translateX(0);
    /* Move to the original position */
  }
}


.slick-dotted .slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: 120px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  display: block;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: #fc1111;
  /* Default dot color */
}

.slick-dots li.slick-active button {
  background-color: #007bff;
  /* Active dot color */
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.simple-dots .slick-dots li {
  width: 20px;
  height: 20px;
}

.simple-dots .slick-dots li button {
  border-radius: 50%;
  background-color: rgb(206, 30, 191);
  width: 20px;
  height: 20px;
}

.simple-dots .slick-dots li button:hover,
.simple-dots .slick-dots li button:focus {
  opacity: 1;
}

.simple-dots .slick-dots li.slick-active button {
  color: rgb(224, 22, 224);
  opacity: 0.75;
}

.stick-dots .slick-dots li {
  height: 3px;
  width: 50px;
}

.stick-dots .slick-dots li button {
  position: relative;
  background-color: rgb(0 0 0);
  opacity: 0.25;
  width: 20px;
  height: 20px;
  padding: 0;
  z-index: 111;
  border-radius: 50px;
}

.stick-dots .slick-dots li button:hover,
.stick-dots .slick-dots li button:focus {
  opacity: 1;
}

.stick-dots .slick-dots li.slick-active button {
  color: rgb(203, 27, 226);
  opacity: 0.75;
}

.stick-dots .slick-dots li.slick-active button:hover,
.stick-dots .slick-dots li.slick-active button:focus {
  opacity: 1;
}

/* /////////// IMAGE ZOOM /////////// */
.zoomInImage {
  animation-name: zoomInImage;
}

@keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
  }

  to {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}

.zoomOutImage {
  animation-name: zoomOutImage;
}

@keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.slick-nav {
  --active: #fff;
  --border: rgba(255, 255, 255, .12);
  width: 44px;
  height: 44px;
  position: absolute;
  cursor: pointer;
  top: calc(50% - 44px);
}

.slick-nav.prev-arrow {
  left: 3%;
  transform: scaleX(-1);
  z-index: 999;
}

.slick-nav.next-arrow {
  left: auto;
  right: 3%;
}

.slick-nav i {
  display: block;
  position: absolute;
  margin: -10px 0 0 -10px;
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
}

.slick-nav i:before,
.slick-nav i:after {
  content: '';
  width: 10px;
  height: 2px;
  border-radius: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: var(--active);
  margin: -1px 0 0 -5px;
  display: block;
  transform-origin: 9px 50%;
}

.slick-nav i:before {
  transform: rotate(-40deg);
}

.slick-nav i:after {
  transform: rotate(40deg);
}

.slick-nav:before,
.slick-nav:after {
  content: '';
  display: block;
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  border-radius: 50%;
  border: 2px solid var(--border);
}

.slick-nav svg {
  width: 44px;
  height: 44px;
  display: block;
  position: relative;
  z-index: 1;
  color: var(--active);
  stroke-width: 2px;
  stroke-dashoffset: 126;
  stroke-dasharray: 126 126 0;
  transform: rotate(0deg);
}

.slick-nav.animate svg {
  animation: stroke 1s ease forwards 0.3s;
}

.slick-nav.animate i {
  animation: arrow 1.6s ease forwards;
}

.slick-nav.animate i:before {
  animation: arrowUp 1.6s ease forwards;
}

.slick-nav.animate i:after {
  animation: arrowDown 1.6s ease forwards;
}

@keyframes stroke {
  52% {
    transform: rotate(-180deg);
    stroke-dashoffset: 0;
  }

  52.1% {
    transform: rotate(-360deg);
    stroke-dashoffset: 0;
  }

  100% {
    transform: rotate(-180deg);
    stroke-dashoffset: 126;
  }
}

@keyframes arrow {

  0%,
  100% {
    transform: translateX(0);
    opacity: 1;
  }

  23% {
    transform: translateX(17px);
    opacity: 1;
  }

  24%,
  80% {
    transform: translateX(-22px);
    opacity: 0;
  }

  81% {
    opacity: 1;
    transform: translateX(-22px);
  }
}

@keyframes arrowUp {

  0%,
  100% {
    transform: rotate(-40deg) scaleX(1);
  }

  20%,
  80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}

@keyframes arrowDown {

  0%,
  100% {
    transform: rotate(40deg) scaleX(1);
  }

  20%,
  80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  color: #444444;
  font-size: 14px;
  padding-top:0px;
}

#footer .foot-icon {
  font-size: 20px;
  padding: 10px 0px;
}

#footer .foot-icon :hover {
  color: #0098d5 !important;
}



#footer .footer-newsletter {
  padding: 50px 0;
  background: #f1f6fe;
  text-align: center;
  font-size: 15px;
}

#footer .footer-newsletter h4 {
  font-size: 24px;
  margin: 0 0 20px 0;
  padding: 0;
  line-height: 1;
  font-weight: 600;
}

#footer .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 4px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.06);
  text-align: left;
}

#footer .footer-newsletter form input[type=email] {
  border: 0;
  padding: 4px 8px;
  width: calc(100% - 100px);
}

#footer .footer-newsletter form input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #106eea;
  color: #fff;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#footer .footer-newsletter form input[type=submit]:hover {
  background: #0d58ba;
}

#footer .footer-top {
  padding: 60px 0 30px 0;

  background: #1c242c url("https://ampcus.com/NEW/wp-content/themes/Ampcus/assets/images/ser-bg.jpg");
  background-size: cover;
  background-position: center;


}



#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact h3 {
  font-size: 24px;
  margin: 0 0 15px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
}

#footer .footer-top .footer-contact h3 span {
  color: #106eea;
}

#footer .footer-top .footer-contact p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Poppins", sans-serif;
  color: #777777;
}

#footer .footer-top h4 {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #106eea;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 5px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #a5acab !important;
  transition: 0.3s;
  display: inline-block;
}


#footer .footer-top .footer-links ul a:hover {
  text-decoration: none;
  color: #009ad8 !important;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #106eea;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 4px;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #3b8af2;
  color: #fff;
  text-decoration: none;
}

#footer .copyright {
  text-align: center;
  float: left;
  color: #a5a5a5;
}

#footer .credits {
  float: right;
  text-align: center;
  font-size: 13px;
  color: #444444;
}

#footer .partner {
  color: #a5a5a5;
  font-size: 23px;
  padding: 10px 0px;
  margin: 25px 0px;
}

@media (max-width: 768px) {

  #footer .copyright,
  #footer .credits {
    text-align: center;
    padding: 2px 0;
  }
}

@media all and (max-width: 667px) {
  .res {
    display: flex;
  }
}

.abt1 {
  color: #a5a5a5 !important;
  text-decoration: none;
}

.abt1:hover {
  color: #009ad8 !important;
}



:root {
  --color-primary: rgba(5, 249, 255, 1);
  --transition: 0.4s;
}


.base-template__wrapper {
  position: fixed;
  z-index: 999;
 /* background-color: #5c22b6;*/
  padding: 5px 0px;
background: #0099D8;
background: linear-gradient(90deg, rgba(0, 153, 216, 1) 0%, rgba(125, 95, 208, 1) 57%, rgba(201, 108, 229, 1) 100%);	
	
}

.wrapper {
  left: 0;
  right: 0;
  top: 0px;
}

a {
  color: #fff;
  text-decoration: none;
}

.img-1 {
  max-width: 100%;
}

.img-m {
  max-width: 100%;
}

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

.header__logo {
  max-width: 182px;
}

.header__wrapper {
  width: 100%;
  display: flex;
  align-items: center;
}

.header__navigation-wrapper {
  display: flex;
  width: 100%;
  padding-left: 16px;
}

.header__list {
  display: flex;
  margin: 0;
  padding: 0;
}

.header__list-item {
  display: flex;
  padding: 9px 0 0 16px;
  /* margin-bottom: -20px;  */
  /* gap: 8px;
  font-size: 19px; */
  /* color: #fff;  */
}

.base-template img,
svg {
  margin-bottom: 0px !important;
}

.header__list-item>a {
  display: flex;
  align-items: center;
  gap: 8px;
  transition: var(--transition);
}

.header__list-item>a svg path {
  transition: var(--transition);
}

.header__list-item .submenu-wrapper {
position: absolute;
    width: 100%;
    top: 110%;
    left: 0;
    border-radius: 15px;
    padding: 30px 25px 30px 25px;
    background-color: #eef0f6;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: var(--transition);
    pointer-events: auto;
    border: 6px solid rgba(12, 17, 22, 0.08);
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .06), inset 0 0 0 1px hsla(0, 0%, 100%, .12), 0 6px 12px 0 rgba(85, 85, 85, .12) !important;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .06), inset 0 0 0 1px hsla(0, 0%, 100%, .12), 0 6px 12px 0 rgba(85, 85, 85, .12);
}

.header__list-item:hover .submenu-wrapper,
.header__list-item.active .submenu-wrapper {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.header__buttons-wrapper {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-left: auto;
}

.header__button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  width: max-content;
  padding: 6px 20px;
  border-radius: 100px;
  gap: 8px;
  /* font-size: 19px; */
  font-weight: 400;
  transition: var(--transition);
  color: #fff !important;
}

.submenu-list__title {
  width: max-content;
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(160, 161, 165, 1);
}

.submenu-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-width: 295px;
  padding-left: 0;
}

.submenu-list__item {
  display: flex;
  /* padding-right: 100px;
	margin-right: -100px; */
  width: 100%;
  cursor: pointer;
}

.submenu-list__item-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 6px 16px 6px 6px;
  gap: 16px;
  border-radius: 14px;
  transition: var(--transition);
}

.submenu-list__item-wrapper1 {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 6px 16px 6px 6px;
  gap: 16px;
  border-radius: 14px;
  transition: var(--transition);
}


.submenu-list__item-wrapper>svg {
  margin-left: auto;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}

.submenu-list__item-wrapper1>svg {
  margin-left: auto !important;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}

.submenu-list__wrapper {
  position: relative;
  top: 20px;
}

.submenu-list__wrapper1 {
  position: relative;
   top: 20px;
}

 .submenu-underline {
    text-decoration: none;
    position: relative;
    }
    .submenu-underline .submenu-list__item-title-h,
    .submenu-underline .submenu-list__item-title {
      position: relative;
      transition: color 0.3s;
    }

    .submenu-underline .submenu-list__item-title-h::after,
    .submenu-underline .submenu-list__item-title::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 3px;
      width: 0;
      height: 2px;
      background: currentColor;
      transition: width 0.3s cubic-bezier(0.4,0,0.2,1);
      border-radius: 1px;
    }

    .submenu-underline:hover .submenu-list__item-title-h::after,
    .submenu-underline:hover .submenu-list__item-title::after {
      width: 100%;
    }

.submenu-content {
  position: absolute;
  right: 0;
  top: 0;
  max-width: calc(100% - 300px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: var(--transition);
}

.submenu-list__item.has-submenu.active .submenu-content {
  opacity: 1;
  visibility: visible;
}

.submenu-list__item.has-submenu.active .submenu-list__item-wrapper {
  background-color: rgba(255, 255, 255, 0.04);
}

.submenu-list__item.has-submenu.active .submenu-list__item-wrapper>svg {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.submenu-list__item.has-submenu1.active .submenu-list__item-wrapper1>svg {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.submenu-list__item-link {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.submenu-list__item-link1 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
}

.submenu-list__item-title {
  font-size: 16px;
  font-weight: 500;
  color: rgb(27 33 46);
}

.submenu-list__item-title-h {
  font-size: 20px;
  font-weight: 500;
  color: rgb(27 33 46);
  padding: 10px 10px;
}
.submenu-list__item-icon {
  display: flex;
}

.submenu-list__item-subtile {
  font-size: 12px;
  font-weight: 400;
  color: rgba(160, 161, 165, 1);
}

.submenu-content__title {
  width: max-content;
  margin-bottom: 25px;
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(160, 161, 165, 1);
}

.submenu-content__list:not(.events) {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
  padding: 0;
}

.submenu-content__list.events {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding: 0;
}

.submenu-content__list-item {
  display: flex;
  align-items: center;
  border-radius: 20px;
  /* background-color: rgba(255, 255, 255, 0.05); */
  cursor: auto;
}

.submenu-content__link {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  padding: 0px 10px 20px;
  /* border: 1px solid transparent; */
  transition: var(--transition);
}

.submenu-content__link-img {
  margin-bottom: 20px;
  border-radius: 13px;
  overflow: hidden;
  transition: var(--transition);
}

.submenu-content__link-img img {
  transition: 0.4s ease-in;
}

.submenu-content__link-title {
  padding: 0px 10px;
  font-size: 15px;
  font-weight: 500;
  /* margin: 15px; */
  color: rgb(27 33 46);
  display: flex;
  justify-content: center;
  align-items: center;
}

.submenu-content__link-text {
  padding: 0 10px;
  font-size: 12px;
  color: rgba(160, 161, 165, 1);
}

.submenu-content__link-wrapper {
  display: flex;
  gap: 20px;
  padding: 10px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.05);
}

.submenu-content__list.events .submenu-content__link-img {
  width: 100%;
  max-width: 220px;
  flex: 1;
  border-radius: 13px;
  margin-bottom: 0;
}

.submenu-content__info {
  display: flex;
  flex-direction: column;
  flex: 1 0;
}


.submenu-content__list.events .submenu-content__link-title,
.submenu-content__list.events .submenu-content__link-text {
  padding: 0;
  margin-bottom: 12px;
}



.submenu-content__url {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  margin-bottom: 20px;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  transition: var(--transition);

  svg,
  svg path {
    transition: var(--transition);
  }
}

.header__burger {
  display: none;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 24px;
  margin-left: auto;
}

.header__burger i {
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  border-radius: 13px;
  transition: var(--transition);
}

.header__burger.active i:nth-child(1) {
  transform: rotate(45deg) translate(4px, 4px);
}

.header__burger.active i:nth-child(2) {
  opacity: 0;
}

.header__burger.active i:nth-child(3) {
  transform: rotate(-45deg) translate(4px, -5px);
}

@media (hover: hover) and (pointer: fine) {
  .header__list-item:hover .submenu-wrapper {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .header__list-item:hover~.header__list-item .submenu-wrapper {
    display: none;
  }

  .header__list-item:hover>a,
  .header__list-item:hover>a svg path {
    color: var(--color-primary);
    fill: var(--color-primary);
  }

  .header__button:hover {
    background-color: rgb(251 247 247 / 54%);
  }

  .submenu-list__item.has-submenu:hover .submenu-list__item-wrapper {
    background-color: #009ad8;
  }


  .submenu-list__item.has-submenu:hover .submenu-list__item-title {
    color: #fff !important;
  }


  .submenu-content__list-item:hover .submenu-content__list-item {
    border-color: rgba(255, 255, 255, 0.3);
  }

  .submenu-content__list-item:hover .submenu-content__link-img img {
    transform: scale(1.05);
  }

  .submenu-content__url:hover,
  .submenu-content__url:hover svg path {
    color: var(--color-primary);
    stroke: var(--color-primary);
  }
  

  .submenu-content__url:hover svg {
    transform: translateX(5px);
  }
}



@media (max-width: 1024px) {
  .submenu-content {
    max-width: 100%;
    width: 100%;
    padding: 20px;
    border-radius: 0;
    /* opacity: 1;
    visibility: visible;
    pointer-events: all; */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
}



.submenu-list__item-link1 svg {
    opacity: 0;
}

@media (hover: hover) {
  .submenu-list__item-wrapper1:hover .submenu-list__item-link1 svg {
    opacity: 1;
  }
  .submenu-list__item-link1 svg {
    position: absolute;
    right: 16px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity ease-in 0.3s;
  }
  .submenu-list__item-wrapper1 {
    position: relative;
  }
}

.hov-box1 {
  border: 1px solid #009ad8;
  border-radius: 10px;
  padding: 5px;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}

@media (hover: hover) {
  .submenu-list__item-link1:hover {
    color: inherit;
  }

  .submenu-list__item-link1:hover .hov-box1 {
    background: #73ffe6;
    /* -webkit-box-shadow: var(--card-hover-icon-box-shadow);
    box-shadow: var(--card-hover-icon-box-shadow); */
    color: #fff;
  }

}

.hov-box {
  border: 1px solid #009ad8;
  border-radius: 10px;
  padding: 5px;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}


@media (hover: hover) {
  .submenu-list__item-link:hover {
    color: inherit !important;
  }

  .submenu-content__link:hover .hov-box {
    background: #73ffe6 !important;
    color: #fff !important;
    /* -webkit-box-shadow: var(--card-hover-icon-box-shadow);
    box-shadow: var(--card-hover-icon-box-shadow); */
  }
}


@media (hover: hover) and (pointer: fine) {
  .submenu-list__item-link1:hover .submenu-list__item-wrapper1 > svg path {
    opacity: 1 !important;
    visibility: visible !important;
    fill: var(--color-primary) !important;
    stroke: var(--color-primary) !important;
    transition: fill 0.3s, stroke 0.3s;
  }
}



@media screen and (max-width: 1280px) {
  .header__navigation-wrapper {
    padding-left: 25px;
  }

  .submenu-list {
    max-width: 250px;
  }

  .submenu-content {
    max-width: calc(100% - 270px);
  }

  .submenu-content__url {
    margin-bottom: 0;
  }
}


@media screen and (max-width: 1024px) {
  /* .base-template__wrapper {
		min-height: 105vh;
	} */

  .header {
    min-height: 64px;
    padding: 0 20px;
  }

  .header__burger {
    display: flex;
  }

  .header__navigation-wrapper {
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 110%;
    left: 0;
    padding: 20px;
    background-color: rgba(25, 27, 36, 1);
    border-radius: 20px;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
  }

  .header__navigation-wrapper.open {
    opacity: 1;
    visibility: visible;
  }

  .header__list {
    flex-direction: column;
    gap: 30px;
  }

  .header__buttons-wrapper {
    flex-direction: column;
    margin-left: unset;
    margin-top: 30px;
    gap: 8px;
  }

  .header__navigation,
  .header__list {
    width: 100%;
  }

  .header__list-item {
    flex-direction: column;
    width: 100%;
    padding: 0;
    gap: 0;
    margin: 0;
  }

  .header__list-item.active a,
  .header__list-item.active a>svg path {
    fill: var(--color-primary);
    color: var(--color-primary);
  }

  .header__list-item .submenu-wrapper {
    position: static;
    padding: 0;
    max-height: 0;
    border-radius: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    overflow: hidden;
    transition: max-height var(--transition);
  }

  .submenu-list {
    width: 100%;
    max-width: 100%;
    gap: 5px;
  }

  .submenu-list__wrapper {
    margin: 0px 0px 15px 0px;
  }
  .submenu-content__link-title {
    visibility: hidden;
}

  .submenu-list__item {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .submenu-list__item:active .submenu-list__item-wrapper {
    background-color: rgba(255, 255, 255, 0.04);
  }

  .submenu-list__item:active .submenu-list__item-wrapper>svg {
    opacity: 1;
    visibility: visible;
  }

/* .submenu-list__item:active .submenu-list__item-wrapper1>svg {
    opacity: 1;
    visibility: visible;
  } */

  .submenu-list__title {
    display: none;
  }

  .submenu-content {
    display: none;
  }

  .header__button {
    border: 1px solid rgba(255, 255, 255, 1);
  }
}

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

  .header__buttons-wrapper,
  .header__button {
    width: 100%;
  }
}

.submenu-wrapper1 {
  max-width: 25%;
}

@media (max-width: 667px) {
  .submenu-wrapper1 {
    max-width: 100%;

  }

  .header__navigation-wrapper{
    background-color: #4e4d4d !important;
  }
  .submenu-list__wrapper
 {
    top: 0px;
}
.submenu-list__wrapper1 {
    top: 0px;
}
.submenu-list{
  gap:0px;
}
.header__list-item .submenu-wrapper{
  border: 0;
}

}



#banner__slider .btn-watch-video {
  transition: 0.5s;
  color: #fff !important;
}

#banner__slider .btn-watch-video i {
  color: #fff;
  font-size: 24px;
  transition: 0.3s;
  line-height: 0;
  margin-right: 8px;
}

#banner__slider .btn-watch-video:hover {
  color: #106eea;
}

#banner__slider .btn-watch-video:hover i {
  color: #3b8af2;
}

.talk {
    background-color: #fff !important;
    border-radius: 50px !important;
    padding: 10px 30px !important;
    font-weight: 700 !important;
    color: #000 !important;
}

#hero-section a {
  color: #fff !important;
}

.stack {
  /* position: relative; */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  /* Adjust spacing between items */
}

.card-im {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 350px;
  height: 500px;
  border-radius: 2rem;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25),
    0 15px 20px 0 rgba(0, 0, 0, 0.125);
  transition: transform 0.6s;
  user-select: none;
}

.card-im img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  pointer-events: none;
}

.card-im:nth-last-child(n + 5) {
  --x: calc(-50% + 90px);
  transform: translate(var(--x), -50%) scale(0.85);
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.01);
}

.card-im:nth-last-child(4) {
  --x: calc(-50% + 60px);
  transform: translate(var(--x), -50%) scale(0.9);
}

.card-im:nth-last-child(3) {
  --x: calc(-50% + 30px);
  transform: translate(var(--x), -50%) scale(0.95);
}

.card-im:nth-last-child(2) {
  --x: calc(-50%);
  transform: translate(var(--x), -50%) scale(1);
}

.card-im:nth-last-child(1) {
  --x: calc(-50% - 30px);
  transform: translate(var(--x), -50%) scale(1.05);
}

.card-im:nth-last-child(1) img {
  box-shadow: 0 1px 2px 2px #03bee6;
}

.swap {
  animation: swap 1.3s ease-out forwards;
}

@keyframes swap {
  30% {
    transform: translate(calc(var(--x) - 250px), -50%) scale(0.85) rotate(-5deg) rotateY(65deg);
  }

  100% {
    transform: translate(calc(var(--x) - 30px), -50%) scale(0.5);
    z-index: -1;
  }
}






/* .box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s} */
.box1 .icon,
.box2,
.box3,
.box4,
.box5 .icon li a {
  text-align: center
}

.box10:after,
.box10:before,
.box1:after,
.box1:before,
.box2 .inner-content:after,
.box3:after,
.box3:before,
.box4:before,
.box5:after,
.box5:before,
.box6:after,
.box7:after,
.box7:before {
  content: ""
}

.box1,
.box11,
.box12,
.box13,
.box14,
.box16,
.box17,
.box18,
.box2,
.box20,
.box21,
.box3,
.box4,
.box5,
.box5 .icon li a,
.box6,
.box7,
.box8 {
  overflow: hidden
}

.box1 .title,
.box10 .title,
.box4 .title,
.box7 .title {
  letter-spacing: 1px
}

.box3 .post,
.box4 .post,
.box5 .post,
.box7 .post {
  font-style: italic
}

.mt-30 {
  margin-top: 30px
}

.mb-30 {
  margin-bottom: 30px
}

.box1 .icon,
.box1 .title {
  margin: 0;
  position: absolute
}

/* .box1{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative} */
/* .box1:after,.box1:before{height:50%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;transform-origin:100% 0;transform:rotateZ(90deg)} */
/* .box1:after{top:auto;bottom:0;transform-origin:0 100%} */
/* .box1:hover:after,.box1:hover:before{transform:rotateZ(0)} */
.box1 img {
  height: auto;
  transform: scale(1) rotate(0)
}

.ceo:hover img {
  content: url(assets/images/leadership/ampcusceo-hover.png);
  cursor: pointer;
}

.president:hover img {
  content: url(assets/images/leadership/Salil-hover.png);
}

.coo:hover img {
  content: url(assets/images/leadership/Ramana-hover.png);
}

.vice:hover img {
  content: url(assets/images/leadership/Charles_McMahon-hover.png);
}

.executive:hover img {
  content: url(assets/images/leadership/biju-hover.png);
}

.senior:hover img {
  content: url(assets/images/leadership/donna-hover.png);
}

.vp:hover img {
  content: url(assets/images/leadership/sameer-hover.png);
}

.vice-president:hover img {
  content: url(assets/images/leadership/karen-hover.png);
}

.senior-vice:hover img {
  content: url(assets/images/leadership/sanjeev-chauhan-hover.png);
}

.delivery:hover img {
  content: url(assets/images/leadership/Charles_Henry-hover.png);
}



.title {
  font-size: 19px;
  font-weight: 600;
}

.box1:hover .title {
  opacity: 1;
  transform: scale(1)
}

.box1 .icon {
  padding: 7px 5px;
  list-style: none;
  background: #004cbf;
  border-radius: 0 0 0 10px;
  top: -100%;
  right: 0;
  z-index: 2;
  transition: all .3s ease .2s
}

.box1:hover .icon {
  top: 0
}

.box1 .icon li {
  display: block;
  margin: 10px 0
}

.box1 .icon li a {
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 10px;
  font-size: 18px;
  color: #fff;
  transition: all .3s ease 0s
}

.box2 .icon li a,
.box3 .icon a:hover,
.box4 .icon li a:hover,
.box5 .icon li a,
.box6 .icon li a {
  border-radius: 50%
}

.box1 .icon li a:hover {
  color: #fff;
  box-shadow: 0 0 10px #000 inset, 0 0 0 3px #fff;
}

@media only screen and (max-width:990px) {
  .box1 {
    margin-bottom: 30px
  }
}

/* .modal-header {
  border-bottom: 0 !important;
  padding-top: 15px !important;
  padding-right: 26px !important;
  padding-left: 26px !important;
  padding-bottom: 0px !important;
} */

/* .modal-body {
  border-bottom: 0 !important;
  padding-top: 5px !important;
  padding-right: 26px !important;
  padding-left: 26px !important;
  padding-bottom: 10px !important;
  font-size: 15px !important;
} */

.team-border {
  border-left: solid 2px #17b6bb;
  font-size: 30px;
  padding-left: 15px;
}

@media (max-width: 768px) {
  .team-border {
    margin-top: 20px;
  }
}


.team-border .member-name,
.team-border .member-job {
  color: #067088;
  font-weight: 500;
  text-align: left;
}

.member-name {
  color: #000 !important;
}

.member-job {
  font-size: 18px;
}

/* .modal-body p {
  padding: 20px 0px;
  text-align: justify;
  font-size: 18px;
} */

/* .modal-content {
  border-top: 4px solid #17b6bb !important;
} */

.team-lead {
  margin-top: 15px;
}

.team-lead p {
  color: #17b6bb !important;
  font-size: 16px;
}

.para-line {
  font-size: 25px;
  display: flex;
  justify-content: center;
}

.awd-h2 {
  color: #5c22b6;
  font-size: 35px;
  font-family: "Arimo", sans-serif;

}

.slick-dots {
  bottom: 120px !important;
}

@media (max-width: 768px) {

  .bottom-img {
    display: none;
  }

  .slick-dots {
    bottom: 19px;
  }

  .slide .slide__content--headings .title {
    font-size: 2.5rem;
  }

  .slide .slide__content--headings .button-custom {
    font-size: 1.1rem;
  }

  .who-title {
    font-size: 54px;
  }

  .sub-who {
    font-size: 25px;
  }

  .awd-title {
    font-size: 54px;
  }

  .awd-p {
    font-size: 20px;
  }

  .car-title {
    font-size: 54px;
  }

  .car-p span {
    font-size: 33px;
  }

  .car-p {
    font-size: 25px;
  }

  #amp-con .t-tile {
    font-size: 35px;
  }

  .awd-h2 {
    color: #646464;
    font-size: 29px;
  }

  #amp-con .con-title {
    font-size: 54px;
  }

  #how-we {
    padding-top: 20px;
  }

  .how-title {
    font-size: 54px;
  }

  #who-we .who-btn {
    width: 100%;
  }
  .ready {
    margin-top: 0px;
  }

  #all-count {
    margin-top: 0px;
  }

}

@media (max-width: 768px) {
  #banner__slider .green-right {
    text-align: center;
    padding: 20px;
  }

  .slide .slide__content {
    position: absolute;
    top: 50%;
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    right: 10%;
    left: auto;
    transform: translate(5%, -50%);
    text-align: right;
  }
}


/* Media queries for keyframes */

@media (max-width: 768px) {
  .stack {
    width: 100%;
    height: auto;
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .stack .card-im {
    margin: 5px;
    flex: 1 1 calc(50% - 10px);
    /* Adjusts the size of each image */
    max-width: calc(50% - 10px);
  }
}

@media (max-width: 1200px) {
  @keyframes swap {
    30% {
      transform: translate(calc(var(--x) - 200px), -50%) scale(0.85) rotate(-5deg) rotateY(65deg);
    }

    100% {
      transform: translate(calc(var(--x) - 30px), -50%) scale(0.5);
      z-index: -1;
    }
  }
}

@media (max-width: 1050px) {
  @keyframes swap {
    30% {
      transform: translate(calc(var(--x) - 150px), -50%) scale(0.85) rotate(-5deg) rotateY(65deg);
    }

    100% {
      transform: translate(calc(var(--x) - 30px), -50%) scale(0.5);
      z-index: -1;
    }
  }
}

/* Media queries for other classes */

@media (max-width: 1200px) {


  .card-im {
    width: 250px;
    height: 380px;
  }
}

@media (max-width: 1050px) {

  .card-im {
    width: 220px;
    height: 350px;
  }
}

/* @media (max-width: 990px) {
  .content p {
    padding-right: 0;
  }

  .card-im {
    width: 200px;
    height: 300px;
  }
} */

/* @media (max-width: 950px) {


  .stack {
    grid-area: stacked;
  }
} */

@media (max-width: 650px) {

  .card-im {
    width: 180px;
    height: 260px;
  }
}


.three .h1 {
  font-size: 54px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px;
  position: relative;

  color: #5c22b6;

}

.three .h1:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: rgb(0 153 216);
}

.three .h1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 95%;
  max-width: 255px;
  background-color: #333;
}

/* 
about */

.sec-title {
  position: relative;
  z-index: 1;
  margin-bottom: 60px;
}

.sec-title .title {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #ff2222;
  font-weight: 500;
  margin-bottom: 15px;
}

.sec-title h2 {
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 1.28em;
  color: #222222;
  font-weight: 600;
  padding-bottom: 18px;
}

.sec-title h2:before {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  width: 50px;
  height: 3px;
  background-color: #d1d2d6;
}

.sec-title .text {
  position: relative;
  font-size: 16px;
  line-height: 26px;
  color: #848484;
  font-weight: 400;
  margin-top: 35px;
}

.sec-title.light h2 {
  color: #ffffff;
}

.sec-title.text-center h2:before {
  left: 50%;
  margin-left: -25px;
}

.list-style-one {
  position: relative;
}

.list-style-one li {
  position: relative;
  font-size: 16px;
  line-height: 26px;
  color: #222222;
  font-weight: 400;
  padding-left: 35px;
  margin-bottom: 12px;
}

.list-style-one li:before {
  content: "\f058";
  position: absolute;
  left: 0;
  top: 0px;
  display: block;
  font-size: 18px;
  padding: 0px;
  color: #ff2222;
  font-weight: 600;
  -moz-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1.6;
  font-family: "Font Awesome 5 Free";
}

.list-style-one li a:hover {
  color: #44bce2;
}

.btn-style-one {
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 30px;
  color: #ffffff;
  padding: 10px 30px;
  font-weight: 600;
  overflow: hidden;
  letter-spacing: 0.02em;
  background-color: #ff2222;
}

.btn-style-one:hover {
  background-color: #001e57;
  color: #ffffff;
}

.about-section {
  position: relative;
  padding: 50px 0 70px;
}

.about-section .sec-title {
  margin-bottom: 45px;
}

.about-section .content-column {
  position: relative;
  margin-bottom: 50px;
}

/* .about-section .content-column .inner-column{
  position: relative;
  padding-left: 30px;
} */

.about-section .text {
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 26px;
  color: #000000;
  font-weight: 400;
}

.about-section .list-style-one {
  margin-bottom: 45px;
}

.about-section .btn-box {
  position: relative;
}

.about-section .btn-box a {
  padding: 15px 50px;
}

.about-section .image-column {
  position: relative;
}

.about-section .image-column .text-layer {
  position: absolute;
  right: -110px;
  top: 50%;
  font-size: 325px;
  line-height: 1em;
  color: #ffffff;
  margin-top: -175px;
  font-weight: 500;
}

.about-section .image-column .inner-column {
  position: relative;
  padding-left: 120px;
  padding-bottom: 125px;
}

.about-section .image-column .inner-column:before {
  position: absolute;
  left: -75px;
  top: 65px;
  height: 520px;
  width: 520px;
  background-image: url(https://i.ibb.co/fxJ1jtC/about-circle-1.png);
  content: "";
}

.about-section .image-column .image-1 {
  position: relative;
}

.about-section .image-column .image-2 {
  position: absolute;
  left: 0;
  bottom: 0;
}

.about-section .image-column .image-2 img,
.about-section .image-column .image-1 img {
  box-shadow: 0 30px 50px rgba(8, 13, 62, .15);
}

.about-section .image-column .video-link {
  position: absolute;
  left: 70px;
  top: 170px;
}

.about-section .image-column .video-link .link {
  position: relative;
  display: block;
  font-size: 22px;
  color: #191e34;
  font-weight: 400;
  text-align: center;
  height: 100px;
  width: 100px;
  line-height: 100px;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 30px 50px rgba(8, 13, 62, .15);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.about-section .image-column .video-link .link:hover {
  background-color: #191e34;
  color: #ffffff;
}

.mvv {
  font-family: "Anton", sans-serif;
  color: rgb(92 34 183) !important;
  padding: 10px 0px;
}

.abt-mvv p {
  font-weight: 500;
  font-size: 18px;
  padding-top: 20px;
}



.map-title {
  font-size: 50px;
  font-weight: 600;
  color: #000000;
/*   font-family: "Anton", sans-serif; */
  margin-top: 64px;
	margin-bottom: 40px;
}

.map-title span {
color: #1c232a !important;
font-weight: 300 !important;
/* -webkit-text-fill-color: #000000b5; */
}


#amp-careers {

  /* background: linear-gradient(126deg, rgba(138,84,253,1) 0%, rgba(64,142,170,1) 51%, rgba(2,189,101,1) 100%); */


  padding: 40px;
}

#amp-ca {
  margin-top: 20px;

  background: linear-gradient(145deg, #6e45e2, #38f9d7);
  background: -webkit-linear-gradient(145deg, #6e45e2, #0082cf);
  background: -moz-linear-gradient(145deg, #6e45e2, #38f9d7);
}


#amp-ca .btn {
  background: #fff;
  color: #0099d8;
  font-size: 18px;
  /* padding: 5px 25px; */
  display: inline-block;
  text-align: center;
position: absolute;
  top: 25%;
  left: 30%;
}

#amp-ca .btn span {

  font-weight: 900;
}


#amp-ca .t-tile {
  font-size: 35px;
  text-align: center;
  color: #fff;
}

#amp-ca p {
  font-size: 25px;
  text-align: center;
  color: #fff;
}


@media(max-width:768px) {

  #amp-ca .mt {
    margin-top: 24px;
  }

}

.abt-mvv img {
  height: 110px;
  margin: 15px 0px;
}


.head-title {
  color: #fff;
  font-weight: 600;
  font-size: 52px;
  font-family: "poppins";
  text-align: center;
}


.one-ceo {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: inherit;
  transition: color 0.3s ease;
}

.one-ceo::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: currentColor;
  transition: width 0.3s ease;
  color: #000;
}

.one-ceo:hover::after {
  width: 100%;
}

.ann-ceo {
  column-gap: 1.5rem;
  padding: 0;
}

.one a {
  color: #444444 !important;
}

.about-ann-title {
  border-top: 3px solid #06aff1;
  width: 13%;
  margin: 10px 0;
}

.leader-img {
  height: 200px !important;
  width: 200px;
  border-radius: 50%;
  object-fit: cover;
}

.text-justify {
  text-align: justify;
}

.designation {
  font-size: 22px;
  color: rgb(0, 153, 216);
}


@layer demo {

  /* Hide radio buttons */
  input[type="radio"] {

    width: 1px;
    height: 0px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .cards-container {
    --base-rotation: 0deg;
    --full-circle: 360deg;
    --radius: 40vw;
    --duration: 200ms;

    --cards-container-size: calc(var(--radius) * 2);
    --cards-container-padding: 2rem;

    --border-color: transparent;

    --label-offset: calc(var(--radius) * -1 - 1rem);
    --label-size: 30px;
    --label-color: #666;
    --label-color-hover: steelblue;
    --label-line-h: 0;
    --label-line-h-current: 2rem;
    --label-dot-size: 10px;

    --title-top: 1.5rem;
    --title-offset-y: 30px;

    --info-top: 5rem;
    --info-width: min(70%, 500px);
    --info-offset-y: 30px;

    box-sizing: content-box;
    position: relative;
    inset: 0;
    margin: 5rem auto;
    width: var(--cards-container-size);
    height: var(--cards-container-size);
    padding: var(--cards-container-padding);


    @media (min-width: 800px) {
      --radius: 20vw;
      --label-size: 40px;
      --label-dot-size: 15px;
      --label-line-h-current: 2rem;
      --title-top: 1rem;
      --info-top: 4rem;
    }
  }

}

.cards {
  position: absolute;
  inset: var(--cards-container-padding);
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid var(--border-color);
  transition: transform 0.3s ease-in-out var(--duration);
  list-style: none;
}



.cards li {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  transform-origin: center;
  display: grid;
  place-content: center;
  transform: rotate(calc(var(--i) * 360deg / var(--items)));
  pointer-events: none;
}

.cards li>label {
  position: absolute;
  inset: 0;
  margin: auto;
  transform: translateY(var(--label-offset));
  width: var(--label-size);
  height: var(--label-size);
  cursor: pointer;
  pointer-events: initial;
  text-align: center;
  color: var(--label-color);
  font-size: clamp(.8rem, 2.5vw + .04rem, 1rem);
  transition: var(--duration) ease-in-out;

}

.cards li>label::before {
  content: '';
  position: absolute;
  top: var(--cards-container-padding);
  left: 50%;
  translate: -50% 0;
  width: var(--label-dot-size);
  height: var(--label-dot-size);
  aspect-ratio: 50%;
  border-radius: 50%;
  background-color: var(--label-color);
  transition: background-color var(--duration) ease-in-out;
}

.cards li>label::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  translate: -50% 5px;
  width: 2px;
  height: var(--label-line-h);
  background-color: steelblue;
  transition: height 300ms ease-in-out var(--label-line-delay, 0ms);
}

.cards li>label:hover {
  --label-color: var(--label-color-hover);
}

.cards>li>h2,
.cards>li>p {
  position: absolute;
  left: 50%;
  text-align: center;
  transform: translate(-50%, 0);
  transform-origin: center;
}

.cards>li>h2 {
  top: var(--title-top);
  opacity: var(--title-opacity, 0);
  translate: 0 var(--title-offset-y);
  transition: var(--duration) ease-in-out var(--title-delay, 0ms);
  font-size: 20px;
}

.cards>li>p {
  top: var(--info-top);
  margin: 0 auto;
  width: var(--info-width);
  z-index: 2;
  font-size: clamp(.8rem, 2.5vw + 0.05rem, .9rem);
  text-align: left;
  text-wrap: pretty;
  opacity: var(--info-opacity, 0);
  /*translate: 0 var( --info-offset-y);*/
  transition: var(--duration) ease-in-out var(--info-delay, 0ms);
  font-size: 17px;
  text-align: center;
}

/* update custom properties for checked item */
li:has(input:checked) {
  --label-opacity: 1;
  --label-color: var(--label-color-hover);
  --label-line-h: var(--label-line-h-current);
  --label-line-delay: calc(var(--duration) * 2);

  --title-opacity: 1;
  --title-offset-y: 0;
  --title-delay: calc(var(--duration) * 3);

  --info-opacity: 1;
  --info-offset-y: 0;
  --info-delay: calc(var(--duration) * 4);
  /*outline: 1px dashed red;*/
}

/* rotate container based on checked radio */
.cards:has(input:checked) {
  transform: rotate(calc(var(--base-rotation) - (var(--index) * var(--full-circle) / var(--items))));
}

/*
  this would be so much simpler if we could use counter values as custom property values
  */
.cards:has(li:nth-child(1)>input:checked) {
  --index: 0;
}

.cards:has(li:nth-child(2)>input:checked) {
  --index: 1;
}

.cards:has(li:nth-child(3)>input:checked) {
  --index: 2;
}

.cards:has(li:nth-child(4)>input:checked) {
  --index: 3;
}

.cards:has(li:nth-child(5)>input:checked) {
  --index: 4;
}

.cards:has(li:nth-child(6)>input:checked) {
  --index: 5;
}

.cards:has(li:nth-child(7)>input:checked) {
  --index: 6;
}

.cards:has(li:nth-child(8)>input:checked) {
  --index: 7;
}

.cards:has(li:nth-child(9)>input:checked) {
  --index: 8;
}

.cards:has(li:nth-child(10)>input:checked) {
  --index: 9;
}

.cards:has(li:nth-child(11)>input:checked) {
  --index: 10;
}

.cards:has(li:nth-child(12)>input:checked) {
  --index: 11;
}

.cards:has(li:nth-child(13)>input:checked) {
  --index: 12;
}

.cards:has(li:nth-child(14)>input:checked) {
  --index: 13;
}

.cards:has(li:nth-child(15)>input:checked) {
  --index: 14;
}

.cards:has(li:nth-child(16)>input:checked) {
  --index: 15;
}

.cards:has(li:nth-child(17)>input:checked) {
  --index: 16;
}

.cards:has(li:nth-child(18)>input:checked) {
  --index: 17;
}

.cards:has(li:nth-child(19)>input:checked) {
  --index: 18;
}

.cards:has(li:nth-child(20)>input:checked) {
  --index: 19;
}

.cards:has(li:nth-child(21)>input:checked) {
  --index: 20;
}

.cards:has(li:nth-child(22)>input:checked) {
  --index: 21;
}

.cards:has(li:nth-child(23)>input:checked) {
  --index: 22;
}

.cards:has(li:nth-child(24)>input:checked) {
  --index: 23;
}

.cards:has(li:nth-child(25)>input:checked) {
  --index: 24;
}

.cards:has(li:nth-child(26)>input:checked) {
  --index: 25;
}


@media (max-width: 600px) {

  /* .cards-container {
      --radius: 30vw;
      --label-size: 30px;
      --label-dot-size: 10px;
      --label-line-h-current: 2rem;
      --title-top: 1rem;
      --info-top: 4rem;
    } */
  .cards>li>h2 {
    font-size: 16px;
  }

  .cards>li>p {
    font-size: 11px;
  }

  #quote {
    margin-top: 0 !important;
  }
}

.text-justify {
  text-align: justify;
}


#quote {
  background-color: #292a2b;
  position: relative;
  margin-top: -346px;
}


.quote-img {
  float: left;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  padding: 25px;
}

/* .quote-wrapper {
	padding: 20px 20px;
} */
.blockquote {
  position: relative;

  /* margin: 60px auto; */
  align-self: center;
  /* max-width: 600px; */
}

.blockquote h1 {

  position: relative;
  font-size: 3rem !important;
  font-weight: 700;
  line-height: 65px;
  margin: 0;
  padding: 25px 137px 0px 0px;
  ;
}

.blockquote h1 span {
  color: #ffffff;
}

/* .blockquote h1:after {
	content: "";
	position: absolute;
	border: 2px solid #e74848;
	border-radius: 0 50px 0 0;
	width: 60px;
	height: 60px;
	bottom: -60px;
	left: 50px;
	border-bottom: none;
	border-left: none;
	z-index: 3;
} */
.blockquote h1:before {
  content: "";
  position: absolute;
  width: 80px;
  border: 6px solid #292a2b;
  bottom: -3px;
  left: 50px;
  z-index: 2;
}

@media all and (min-width: 600px) {
  .blockquote h1 {
    font-size: 2rem;
    line-height: 60px;
  }
}

.blockquote h4 {
  position: relative;
  color: #ffffff;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  padding-top: 15px;
  z-index: 1;
  margin-left: 25px;
  padding-left: 12px;
}

.blockquote h4:first-letter {
  margin-left: -12px;
}

#quote a {
  color: #0dcaf0 !important;
}

#quote a:hover {
  color: #fff !important;
}


@media(max-width: 667px) {
  .map-title {
    margin-top: 38px;
  }

  .about-section {
    padding: 0px 0 0px;
  }

  .about-section .content-column {
    margin-bottom: 0px;
  }

  .mvv {
    font-size: 38px;
  }

  .blockquote h1 {
    font-size: 1.8rem !important;
    line-height: 40px !important;
    padding: 25px 20px 10px 20px;
  }
}

path {
  transition: fill .1s linear
}

path:hover {
  fill: #565656
}





.one {
  margin-top: 30px !important
}

@media (max-width: 650px) {
  .leader-name {
    font-size: 16px;
    font-weight: 700;
  }
}

@media (max-width: 650px) {
  .leader-img {
    height: 180px !important;
    width: 180px;
  }
}

.ann-quote {
  padding: 0px 0px;
}

.green {
  color: #000;
  margin: 5px;
}


.alert {
  font-weight: 600;
 font-size: 17px;
  color: #212529 !important;
}

.alert21 {
  font-weight: 600;
    font-size: 17px;
    color: #ffff !important;
    padding-top: 20px;

}

.alert1 {
  font-weight: 600;
  font-size: 15px;
  color: #212529 !important;
}
.alert2 {
  font-weight: 600;
  font-size: 15px;
  color: #fff !important;
}


/* p {
  margin-top: -5px;
  font-size: 0.5em;
  font-weight: 100;
  color: darken($dark, 10%);
  letter-spacing: 1px;
} */

button,
.dot {
  cursor: pointer;
}

#success-box {
  border-radius: 20px;
  background: #52e1cc;
  padding: 25px;
  box-shadow: 5px 5px 20px rgba(203, 205, 211, 10);
  display: flex;
  justify-content: center;
  align-items: center;
    height: 160px;
     transition: all 0.5s ease-out;
}

#success-box23 {
  border-radius: 20px;
  background: #00bf63;
  padding: 25px;
  box-shadow: 5px 5px 20px rgba(203, 205, 211, 10);
  display: flex;
  justify-content: center;
  align-items: center;
    height: 160px;
     transition: all 0.5s ease-out;
}

#success-box21 {
  border-radius: 20px;
  background: #000000;
  padding: 25px;
  box-shadow: 5px 5px 20px rgba(203, 205, 211, 10);
  display: flex;
  justify-content: center;
  align-items: center;
    height: 160px;
     transition: all 0.5s ease-out;
}

#success-box12 {
  border-radius: 20px;
  background: #ffd700;
  padding: 25px;
  box-shadow: 5px 5px 20px rgba(203, 205, 211, 10);
  display: flex;
  justify-content: center;
  align-items: center;
    height: 160px;
     transition: all 0.5s ease-out;
}

#success-box1 {
  border-radius: 20px;
  background: #ffd700;
  padding: 15px;
  box-shadow: 5px 5px 20px rgba(203, 205, 211, 10);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 150px;
}
#success-box2 {
  border-radius: 20px;
  background: #d300a2;
  padding: 25px;
  box-shadow: 5px 5px 20px rgba(203, 205, 211, 10);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 165px;
}
#success-box:hover{
    transform: scale(1.1);
}

#success-box1:hover{
    transform: scale(1.1);
}
#success-box23:hover{
    transform: scale(1.1);
}
#success-box12:hover{
    transform: scale(1.1);
}
#success-box21:hover{
    transform: scale(1.1);
}


.shadow {
  width: 21%;
  height: 3%;
  margin: auto;
  opacity: 0.5;
  background: #777;
  left: 40%;
  top: 43%;
  border-radius: 50%;
  z-index: 1;
}

.face {
  width: 22%;
  margin: auto;
  top: 21%;
  left: 37.5%;
  z-index: 2;
  /* animation: bounce 1s ease-in infinite; */
}

.face1 {
  width: 35%;
  padding: 10px;
  margin: auto;
  top: 21%;
  left: 37.5%;
  z-index: 2;
}

@media (max-width: 667px){
  .face1 {
  width: 30%;
}
}

.face2{
  width: 35%;
  padding: 10px;
  margin: auto;
  top: 21%;
  left: 37.5%;
  z-index: 2;
}


/* .scale {
  animation: scale 1s ease-in infinite;
} */

/* .move {
  animation: move 3s ease-in-out infinite;
} */


.message {
  text-align: center;
}


.button-box {
  background: #fcfcfc;
  width: 50%;
  border-radius: 20px;
  font-size: 20px;
  outline: 0;
  border: none;
  box-shadow: 2px 2px 10px rgba(119, 119, 119, .5);
  transition: all 0.5s ease-in-out;
}

.button-box:hover {
  background: #efefef;
  transform: scale(1.05);
  transition: all 0.3s ease-in-out;
}

@keyframes bounce {
  50% {
    transform: translateY(-5px);
  }
}

@keyframes scale {
  50% {
    transform: scale(0.9);
  }
}

@keyframes roll {
  0% {
    transform: rotate(0deg);
    left: 25%;
  }

  50% {
    left: 60%;
    transform: rotate(168deg);
  }

  100% {
    transform: rotate(0deg);
    left: 25%;
  }
}

@keyframes move {
  0% {
    left: 25%;
  }

  50% {
    left: 60%;
  }

  100% {
    left: 25%;
  }
}

.btn-box {
  display: none;
  justify-content: center;
  margin-top: 20px;
}


@media (max-width: 667px) {
  .space {
    margin-top: 28px !important;
  }
}

.space {
  margin-top: 25px !important;
}


.right-bg {
  /* background: linear-gradient(160deg, #007bff, #00274d); */
  min-height: 100%;
  border-radius: 20px;
}

.header-section {
  padding: 1rem 0;
}

.hero-title {
  font-family: "poppins";
  margin-top: 100px;
  font-weight: 700;
  font-size: 2rem;
}

.hero-title span {
  font-weight: 500;
  color: #5c22b6;
}

.hero-title-p {
  font-family: "Poppins";
  font-size: 21px;
}

.btn-primary {
  background-color: #002B6B;
  border: none;
}

.btn-outline-dark {
  border-radius: 25px;
}

.stats-box h4 {
  font-weight: 700;
}

.nav-link {
  font-family: "poppins";
}

.timeline {
  position: relative;
  padding-left: 30px;
}

.timeline::before {
  content: "";
  position: absolute;
  left: 24px;
  top: 10px;
  bottom: 10px;
  width: 2px;
  border-left: 2px dotted #ccc;
}

.timeline-item {
  margin-bottom: 20px;
  position: relative;
}

.feature-box {
  background-color: #f8f9fa;
  border-radius: 12px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  margin-left: 10px;
}


.slick-arrow:before {
  font-size: 30px;
  color: #000;
}


/* Arrows positioning */
.slick-next,
.slick-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 111;
  color: #000 !important;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.slick-next { right: 3%; }
.slick-prev { left: 3%; }

@media (max-width: 768px) {
  .slick-next { right: 10px !important; }
  .slick-prev { left: 10px !important; }
  .slick-next,
  .slick-prev {
    width: 30px !important;
    height: 30px !important;
  }
}

.card-slide {
  position: relative;
}

.caption {
  position: absolute;
  left: 6%;
  top: 58%;
  text-align: left;
  color: #000;
  padding: 0px 40px;
}

.ca-st {
  background-color: #000 !important;
  color: #fff;
  font-weight: 500;
  padding: 10px 22px !important;
  border-radius: 10px;
}

.case-card {
  border-radius: 30px;
}

.bnn-h {
  font-size: 26px;
}


.caption1 {
  position: absolute;
  top: 60%;
  color: #000;
}

.bnn-h1 {
  font-size: 25px;
  text-align: center;
  background-color: #00bf63;
  color: #fff;
  width: 99%;
}

.bnn-p1 {
  font-size: 20px;
  padding-bottom: 1rem;
}

.bnn-p {
  padding: 0px 40px;
  text-align: right;
  font-size: 20px;
}

.caption2 {
  position: absolute;
  top: 25%;
  background-color: #d300a2;
  padding: 0px 40px;
  border-radius: 30px;
  margin: 25px;
  padding: 30px 40px;
}

.bnn-p2 {
  font-size: 20px;
  color: #fff;
}

.bnn-h2 {
  font-size: 30px;
  background-color: #ffd700;
  text-align: center;
  width: 99%;
  border-radius: 10px;
}

.ca-st1 {
  background-color: #ffd700 !important;
  color: #000;
  font-weight: 500;
  padding: 10px 22px !important;
  border-radius: 20px;
}

.caption3 {
  position: absolute;
  background-color: #3027db;
  color: #fff;
  top: 50%;
    padding: 0px 40px;
    border-radius: 30px;
    margin: 25px;
    padding: 30px 40px;
}

.bnn-h3 {
  font-size: 30px;
  text-align: center;
  color: #fff;
}

.bnn-p3 {
  font-size: 20px;
}

.caption4 {
  position: absolute;
  top: 52%;
}

.bnn-black {
  background-color: #000;
  padding: 30px 40px;
  margin: 0px 5px 0px 0px;
}

.bnn-h4 {
  font-size: 30px;
  color: #fff;
}

.bnn-p4 {
  font-size: 20px;
  color: #fff;
}

.ca-st4 {
  background-color: #000 !important;
  color: #fff;
  font-weight: 500;
  padding: 10px 22px !important;
  border-radius: 20px;
}

.caption5 {
  position: absolute;
  top: 5%;
  background-color: #00bf63;
  color: #fff;
    padding: 0px 40px;
    border-radius: 30px;
    margin: 25px;
    padding: 30px 40px;




}

.bnn-h5 {
  font-size: 30px;
  color: #fff;
}

.bnn-p5 {
  font-size: 20px;
  color: #fff;
}

.main-tx {
  padding-bottom: .5rem;
}

@media (max-width: 667px) {
  .hero-title {
    margin-top: auto;
  }

  .bnn-h {
    font-size: 14px;
  }

  .bnn-p1 {
    font-size: 11px;
    padding-bottom: 5px;
    margin-bottom: 0;
  }

  .ca-st {
    font-weight: 100;
    font-size: 11px;
    padding: 6px 21px !important;
  }

  .caption {
    left: 0%;
    top: 58%;
  }

  .bnn-h1 {
    font-size: 16px;
  }

  .bnn-p {
    padding: 0px 25px;
    font-size: 12px;
    margin-bottom: 0;
  }

  .bnn-h2 {
    font-size: 13px;
    padding: 5px 5px;
    width: auto;
    margin-bottom: 0;
  }

  .bnn-p2 {
    font-size: 15px;
  }

  .ca-st1 {
    font-weight: 100;
    font-size: 12px;
    padding: 6px 12px !important;
  }

  .caption2 {
    padding: 12px 23px;
  }

  .caption3 {
    padding: 0px 20px 10px;
  }

  .bnn-h3 {
    font-size: 15px;
  }

  .bnn-p3 {
    font-size: 12px;
    margin-bottom: 0;
  }

  .ca-st4 {
    padding: 5px 15px !important;
    font-weight: 100;
    font-size: 14px;
  }

  .bnn-h4 {
    font-size: 15px;
  }

  .bnn-p4 {
    font-size: 12px;
    color: #fff;
  }

  .caption4 {
    top: 32%;
  }

  .bnn-black {
    padding: 14px 32px;
  }

  .bnn-h5 {
    font-size: 15px;
    margin-bottom: 0;
  }

  .bnn-p5 {
    font-size: 12px;
    margin-bottom: 0;
  }

  .caption5 {
    padding: 3px 15px;
    margin-top: 0px;
  }

  .main-tx {
    font-size: 12px;
    padding-bottom: 0;
  }
}


.ch3 {
  /* background: #0dcaf0; */
  /* border: solid 3px #000; */
  width: 100%;
}

.ch3 video{
  border-radius: 30px;
}

.video-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
  cursor: pointer;
}

.custom-video {
  width: 100%;
  height: auto;
  display: block;
}

.play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  pointer-events: none;
  z-index: 2;

  display: flex;
  justify-content: center;
  align-items: center;

  animation: pulse 1.5s infinite;
}

.play-overlay::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 20px solid white;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 0.6;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}



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

  .single-services {
    margin-bottom: 30px;
  }
}

@media (max-width: 575px) {

  .single-services {
    margin-bottom: 30px;
  }
}


.single-services {
  display: flex;
  justify-content: center;
}


.single-services .services-caption {
  position: relative;
  background: #1da7df;
  width: 100%;
  padding: 13px 9px 1px 32px;
  margin-top: 0px;

}

.single-services .services-caption p {
  margin-bottom: 15px;
  line-height: 1.5;
  font-family: "Poppins", sans-serif;
  color: #fff;
}

.what-do .what-btn {
  color: #fff !important;
  font-weight: 800;
  border-radius: 30px;
  padding: 15px 45px;
  /* color: #6e45e2 !important; */
  /* background: linear-gradient(145deg, #6e45e2, #38f9d7);
   background: -webkit-linear-gradient(145deg, #6e45e2, #0082cf);
    background: -moz-linear-gradient(145deg, #6e45e2, #38f9d7); */
  background-color: #000;
}

.pd-t {
  padding-top: 30px;
  margin-top: 10px;
}

.pd-t1 {
  padding-top: 20px;
}


@media(max-width:768px) {
  .pd-t12 {
    margin-top: 15px;
  }
}

.foot-img {
  border-radius: 50%;
}


.section-bg {
  background-color: #f1f7fd;
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
}

 .section-title .awd-tag {
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  color: #2c4964;
  margin-top: 55px;
  color: #5c22b6;
    font-weight: 300;
    font-size: 52px;
    font-family: "poppins";
}
.section-title .awd-tag strong{ font-weight: 600;}
.section-title .awd-tag::before {
  content: "";
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}

.section-title .awd-tag::after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #1977cc;
  bottom: 0;
  left: calc(50% - 20px);
}

.section-title p {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Departments
--------------------------------------------------------------*/
.departments {
  overflow: hidden;
}

.departments .nav-tabs {
  border: 0;
}

.departments .nav-link {
  border: 0 !important;
  /* padding: 12px 0px 0px 0; */
  transition: 0.3s;
  color: #2c4964 !important;
  border-radius: 0 !important;
  border-right: 2px solid #ebf1f6 !important;
  font-weight: 600;
  font-size: 18px;
}

.departments .nav-link:hover {
  color: #1977cc;
}

.departments .nav-link.active {
  color: #1977cc !important;
  border-color: #1977cc !important;
    
    /* padding: 10px; */
}

.departments .tab-pane.active {
  animation: fadeIn 0.5s ease-out;
}

.departments .details h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #2c4964;
}

.departments .details ul {
    color: #212529;
    font-family: "poppins";
    font-size: 18px;
    line-height: 36px;
}

.departments .details ul:last-child {
  margin-bottom: 0;
}



.tab-pane ul{
  list-style: none;
  padding: 0;
}



@media (max-width: 992px) {
  .departments .nav-link {
    border: 0;
    padding: 15px;
            display: flex;
        justify-content: center;
        font-size: 30px;
  }

  .departments .nav-link.active {
    color: #fff;
    background: #1977cc;
    display: flex;
        justify-content: center;
        font-size: 30px;
  }
}

@media  (max-width: 667px) {
 .base-template__wrapper  {
    position: relative;
  }
.count-img{ text-align: center;}
span.text {
    display: flex;
    justify-content: center;
}
span.num {
    justify-content: center;
}
.right-bg {
    margin-top: 40px !important;
}
.para-line {
    font-size: 25px;
}
.sub-head {
    font-size: 35px;
}
#amp-con p
 {
    font-size: 23px;
}
#amp-ca p {
    font-size: 18px;
}
#amp-careers {
    padding: 18px;
    margin-top: 0 !important;
}
#amp-ca .t-tile {
    font-size: 29px;
}
.count-spa{padding-bottom: 15px;}
.text-h1 {
  font-size: 16px;
}
.departments .details ul {
    font-size: 20px;

}
}





@media (max-device-width: 1024px){
  .para-line {font-size: 20px;}
#amp-ca .mt {margin-top: inherit;}
/* .base-template__wrapper  {position: relative;} */
.count-img{ text-align: center;}
span.text {display: flex; justify-content: center;}
span.num {justify-content: center;}
.right-bg {margin-top: 40px !important;}
.sub-head {font-size: 35px;}
#amp-con p{font-size: 20px;}
#amp-ca p {font-size: 20px;}
#amp-careers {padding: 18px; margin-top: 0 !important;}
#amp-ca .t-tile {font-size: 29px;}
.count-spa{padding-bottom: 15px;}
.hero-title {margin-top: auto;}
.bnn-h {font-size: 14px;}
.bnn-p1 {font-size: 11px; padding-bottom: 5px; margin-bottom: 0;}
.ca-st {font-weight: 100; font-size: 11px; padding: 6px 21px !important;}
.caption {left: 0%; top: 58%;}
.bnn-h1 {font-size: 16px;}
.bnn-p {padding: 0px 25px; font-size: 12px; margin-bottom: 0;}
.bnn-h2 {font-size: 13px; padding: 5px 5px; width: auto; margin-bottom: 0;}
.bnn-p2 {font-size: 15px;}
.ca-st1 {font-weight: 100; font-size: 12px; padding: 6px 12px !important;}
.caption2 {padding: 12px 23px;}
.caption3 {padding: 0px 20px 10px;}
.bnn-h3 {font-size: 15px;}
.bnn-p3 {font-size: 12px; margin-bottom: 0;}
.ca-st4 {padding: 5px 15px !important; font-weight: 100; font-size: 14px;}
.bnn-h4 {font-size: 15px;}
.bnn-p4 {font-size: 12px; color: #fff;}
.caption4 {top: 32%;}
.bnn-black {padding: 14px 32px;}
.bnn-h5 {font-size: 15px; margin-bottom: 0;}
.bnn-p5 {font-size: 12px; margin-bottom: 0;}
.caption5 {padding: 3px 15px; margin-top: 0px;}
.main-tx {font-size: 12px; padding-bottom: 0;}   
}


.contact .info-box {
  color: #444444;
  text-align: center;
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.3);
  padding: 20px 0 30px 0;
}

.contact .info-box i {
  font-size: 32px;
  color: #106eea;
  border-radius: 50%;
  padding: 8px;
  border: 2px dotted #b3d1fa;
}

.contact .info-box h3 {
  font-size: 20px;
  color: #777777;
  font-weight: 700;
  margin: 10px 0;
}

.contact .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.contact .php-email-form {
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.4);
  padding: 30px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br+br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form .form-group {
  margin-bottom: 20px;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
  border-color: #106eea;
}

.contact .php-email-form input {
  padding: 10px 15px;
}

.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .php-email-form button[type=submit] {
  background: #106eea;
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  border-radius: 4px;
}

.contact .php-email-form button[type=submit]:hover {
  background: #3b8af2;
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
 
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.bc {
  min-height: 200px;
  margin-bottom: 20px;
}


.contact {
  padding: 60px 0;
}

.contact .info-container {
  background: #0260a3 !important;
  height: 100%;
  padding: 20px;
  border-radius: 10px 0 0 10px;
  box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1);
}

.contact .info-item {
  width: 100%;
  background-color: #0f76bf;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 10px;
  color: #fff;
}

.contact .info-item:last-child {
  margin-bottom: 0;
}

.contact .info-item i {
  font-size: 20px;
  color: #fff;
  float: left;
  width: 44px;
  height: 44px;
  background-color: rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  margin-right: 15px;
}

.contact .info-item h4 {
  padding: 0;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
}

.contact .info-item p {
  padding: 0;
  margin-bottom: 0;
  font-size: 14px;
}

.contact .info-item:hover i {
  background: #fff;
  color: #0f76bf;
}

.contact .php-email-form {
  width: 100%;
  height: 100%;
  background: #fff;
  box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1);
  padding: 30px;
  border-radius: 0 10px 10px 0;
}

.contact .php-email-form .form-group {
  padding-bottom: 8px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #df1529;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br+br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #059652;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #059652;
  border-top-color: #fff;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

.contact .php-email-form input[type=text],
.contact .php-email-form input[type=email],
.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .php-email-form input[type=text]:focus,
.contact .php-email-form input[type=email]:focus,
.contact .php-email-form textarea:focus {
  border-color: var(--color-primary);
}

.contact .php-email-form textarea {
  padding: 10px 12px;
}

.contact .php-email-form button[type=submit] {
  background: #0f76bf;
  border: 0;
  padding: 14px 45px;
  color: #fff;
  transition: 0.4s;
  border-radius: 50px;
}

.contact .php-email-form button[type=submit]:hover {
  background: #034676;
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.contact3 h6 {
  color: #034676;
}

.contact3 p {
  font-size: 15px;
}
@media (max-width: 768px) {
  .how-title {font-size: 34px; }
.section-title .awd-tag{font-size: 34px;}
.mt1-5 {margin-top: 2rem !important; text-align: center;}
#how-we .who-btn{display: flex; justify-content: center;}
.what-title {font-size: 34px;}
.sub-head {font-size: 25px; }
.who-title {font-size: 34px;}
.hero-title {font-size: 34px;}
.head-title {font-size: 34px;}
#amp-ca .t-tile {font-size: 25px;}
#amp-con .con-title {font-size: 34px;}
#amp-con .t-tile {font-size: 25px;  }
	
#how-we .mt-5 {    margin-top: 0rem !important;}
	.pd-t1 {padding-top: 0px;}
	.pd-t {padding-top: 0;}
	.none{ display: none!important;}
}

/*******products********/

	figure.photo {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  /*min-width: 220px;
  max-width: 310px;
  max-height: 220px;*/
  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

figure.photo * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

figure.photo img {
  max-width: 100%;
  position: relative;
  opacity: 0.4;
  display: block;
}

figure.photo figcaption {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

figure.photo h2 {
  position: absolute;
  left: 40px;
  right: 40px;
  display: inline-block;
  background: #000000;
  -webkit-transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
  transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
  padding: 12px 5px;
  margin: 0;
  top: 50%;
  text-transform: uppercase;
  font-weight: 400;
}

figure.photo h2 span {
  font-weight: 800;
}

figure.photo:before {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: '';
  background: #ffffff;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(110deg) translateY(-50%);
  transform: rotate(110deg) translateY(-50%);
}

figure.photo a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

figure.photo.blue {
  background: #123851;
}

figure.photo.blue h2 {
  background: #0a212f;
}

figure.photo.red {
  background: #581a14;
}

figure.photo.red h2 {
  background: #36100c;
}

figure.photo.yellow {
  background: #7f5006;
}

figure.photo.yellow h2 {
  background: #583804;
}

figure.photo:hover img,
figure.photo.hover img {
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

figure.photo:hover h2,
figure.photo.hover h2 {
  -webkit-transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
  transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
}

figure.photo:hover:before,
figure.photo.hover:before {
  -webkit-transform: rotate(110deg) translateY(-150%);
  transform: rotate(110deg) translateY(-150%);
}


.flex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}


.sky {
    background: #e5eff9;
    display: block;
    padding: 20px;
    font-size: 16px !important;
}

.sky ul{
	list-style: unset;
}
.yellow {
    background: #ffffcc;
    display: block;
    padding: 15px;
    font-style: italic;
    text-align: center;
}

.yellow a{
	color: #106eea !important;
}



.section-title1 {
  text-align: center !important;
  padding-bottom: 30px;

}

.section-title1 p {
  margin: 15px auto 0 auto;
  font-weight: 600;
}

.section-title1 p {
  width: 80%;
}

	.about .content ul h5 {
    font-size: 18px;
    color: #555555;
    padding-top: 17px;
}
	.about .content ul i {
  
    padding: 12px 0px 0px 10px;
		}
	.about .content ul li:first-child {
    margin-top: 6px;
}
	.about .content ul li {
    margin-bottom: 25px;
}
		.about .content p {
    margin-bottom: 25px;
			text-align: justify;
}


.about .content h3 {
  font-weight: 600;
  font-size: 26px;
}

.about .content ul {
  list-style: none;
  padding: 0;
}

.about .content ul li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 35px;
}

.about .content ul li:first-child {
  margin-top: 35px;
}

.about .content ul i {
  background: #fff;
  box-shadow: 0px 6px 15px rgba(16, 110, 234, 0.12);
  font-size: 24px;
  padding: 15px 0px 0px 12px;
  margin-right: 15px;
  color: #106eea;
  border-radius: 50px;
  width: 72px;
  height: 72px;
}

.about .content ul h5 {
  font-size: 18px;
  color: #555555;
}

.about .content ul p {
  font-size: 15px;
}

.about .content p:last-child {
  margin-bottom: 0;
}

#about button {
  background: #fc6a59;
  border: 0px;
  font-size: 18px;
  padding: 10px 20px;
  color: #fff;
}

.innerpage h2 {
  font-size: 18px;
  padding: 10px 0px 3px 0px;
  color: #065ca1;
  margin: 0px;
}

.innerpage ul {
  list-style: none;
  padding-left: 0px;
}

.innerpage ul li {
  opacity: 1;
  visibility: visible;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  background: url("https://ampcus.com/NEW/wp-content/themes/Ampcus/assets/images/arrow-left-in.png") top left no-repeat;
  padding-left: 25px;

}

.inpage p {
  text-align: justify;
}

.innews ul {
  list-style: none;
  padding-left: 0rem;
}

.innews ul li {
  line-height: 20px;
  font-size: 14px;
  background: #eb7c0f;
  padding: 10px 17px 10px 17px;
  margin-top: 10px;
  border-left: solid 3px rgba(255, 255, 255, 0.15);
}

.innews ul li a {
  color: #fff;
}

.innews ul li:hover {
  background: #02abcd;
  color: #333 !important;
  display: block;
}

.innews ul li a:hover {
  color: #fff;
}

.cta {
  padding: 0;
  margin-top: 30px;
  margin-bottom: 30px;
}

.cta .container {
  padding: 42px 54px 41px 32px;
  /*background: #eaeef6;*/
  border-radius: 15px;
  /*background: linear-gradient(180deg, #f2f6fa 0%, #fff 100%);*/



  background-image: linear-gradient(to top, #f9fbff, #f8fbff, #ecf4ff, #e7f0ff, #ecf3ff);
}

.cta .img {
  position: relative;
}

.cta .img:before {
  content: "";
  position: absolute;
  inset: 0;
  background: #ffffffd9;
  border-radius: 15px;
  transform: rotate(12deg);
  box-shadow: 0 30px 30px -25px rgba(65, 51, 183, 0.25);
}

.cta .img:after {
  content: "";
  position: absolute;
  inset: 0;
  background: #ffffffc9;
  border-radius: 15px;
  transform: rotate(6deg);
  box-shadow: 0 30px 30px -25px rgba(65, 51, 183, 0.25);
}

.cta .img img {
  position: relative;
  z-index: 3;
  border-radius: 15px;
}

.cta h2 {
  font-size: 22px;
  padding: 10px 0px 3px 0px;
  color: #013864;
  margin: 0px;
}

.cta h3 {
  font-size: 19px;
  padding: 10px 0px 3px 0px;
  color: #065ca1;
  margin: 0px;
}

.inpage h2 {
  font-size: 18px;
  padding: 10px 0px 3px 0px;
  color: #065ca1;
  margin: 0px;
}

.gv td {
  background: rgb(83 162 241 / 15%);
  color: #045181;
  font-size: 14px;
  font-weight: bold;
  padding: 4px 15px 4px 15px;
  border: solid 1px #2786c1;
  font-family: verdana;
}

.vg {
  background: #00629e;
  background-image: linear-gradient(to top, #055bdc, #0065e4, #0070ec, #007af4, #0084fb);
}

.vg p {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 2px 15px 4px 15px;
  text-transform: uppercase;
  margin: 0px;
}

.bgg {
  background: #eaeef6;
  padding: 20px 20px 0px 20px;
  background-image: linear-gradient(to top, #f9fbff, #f8fbff, #ecf4ff, #e7f0ff, #ecf3ff);
  box-shadow: 0 30px 30px -25px rgba(65, 51, 183, 0.25);
}

.vb {
  background: rgba(13, 110, 253, .25);
}

.bgg {
  margin-top: 20px;
}

.inner-page{
  background: #52e1cc;
    padding: 30px 30px 30px 30px !important;
    border-radius: 25px;
    margin-top: 5px !important;
}

.box {
  width: 100%;
  /* background: linear-gradient(135deg, #f8fafc 0%, #e0e7ff 100%); */
  margin: 20px auto;
  border: 2px solid #eeeef3;
  border-radius: 18px;
  box-shadow: 0 4px 24px rgba(92, 34, 182, 0.10), 0 1.5px 6px rgba(0,0,0,0.08);
  padding: 32px 24px;
  transition: box-shadow 0.3s, transform 0.3s;
}

.box:hover {
  box-shadow: 0 8px 32px rgba(92, 34, 182, 0.18), 0 3px 12px rgba(0,0,0,0.13);
  transform: translateY(-6px) scale(1.02);
  border-color: #eae8ec;
}


  .news-item {
      border-top: 4px solid #0dcaf0;
    padding: 15px;
    background-color: #dee2e6;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    height: 100%;
    display: flex;
    align-items: center;
    min-height: 140px;
    }

    .news-item:hover {
        transform: translateY(-4px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

    .news-item a {
      color: #000 !important;
    font-weight: 500;
        text-decoration: none;
    }

    .news-item a:hover {
        text-decoration: underline;
    }

    .card-custom-news {
background: #ffffff;
    border: 1px solid #d1d7e0 !important;
    border-radius: 12px !important;
    padding: 20px 18px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100% !important;
    display: flex !important;
    justify-content: flex-start;
    cursor: pointer;
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: row !important;
    }

    .card-custom-news:hover{
        transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
  border-color: #5a2fc2 !important;
  
   /* subtle color accent on hover */
    }

    .card-custom-news i {
font-size: 26px;
  color: #5a2fc2 !important;
    /* color: #5a2fc2; */
    /* margin-bottom: 15px; */
    align-self: flex-start;
}

    .card-custom-news a {
color: #333333 !important;
    font-weight: 500;
    text-decoration: none;
    font-size: 15px;
    /* margin-top: -5px; */
    margin-left: 10px;
    transition: color 0.3s ease;
    }
    .page-section {
      display: none;
    }
    .page-section.active {
      display: block;
    }
    /* Pagination styling */
    .pagination {
        margin-top: 30px;
    }

    .pagination .page-item {
        margin: 0 4px;
    }

    .pagination .page-link {
        color: #0d6efd;
        border: 1px solid #5a2fc2;
        padding: 8px 14px;
        border-radius: 4px;
        background-color: #f8f9fa;
        transition: background-color 0.2s ease;
    }

    .pagination .page-link:hover {
        background-color: #e9ecef;
    }

    .pagination .active .page-link {
        background-color: #0d6efd;
        color: #fff !important;
        border-color: #0d6efd;
    }

    /* path {
  stroke: white;
  fill: paleturquoise !important;
  transition: fill .4s ease;
  transform-origin: center center;
}
path:hover {
  fill: orange !important;
  cursor: pointer;
  transform: scale(1.005, 1.005);
} */
/* #map-container {
  display: flex;
  justify-content: center;
  align-items: center;
} */
/* #us-map {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */
/* #details-box {
  box-shadow: 0px 7px 40px rgba(0, 0, 0, 0.7);
  opacity: 0%;
  padding: 0.5rem;
  border-radius: 8px;
  font-size: 18px;
  position: fixed;
  color: white;
  font-family: "Poppins";
  background-color: #035d82;
  width: fit-content;
  transform: translateX(-50%);
  transition: opacity .4s ease;
  z-index: 1;
}
#VA {
  fill: #009bdb !important;
}
#MD {
  fill: #009bdb !important;
}
#TX {
  fill: #009bdb !important;
}
#GA {
  fill: #009bdb !important;
}
#CA {
  fill: #009bdb !important;
}
#WA {
  fill: #009bdb !important;
}
#NY {
  fill: #009bdb !important;
}
#NC {
  fill: #009bdb !important;
}
#FL {
  fill: #009bdb !important;
}
#NJ {
  fill: #009bdb !important;
}
#CT {
  fill: #009bdb !important;
}
#CO {
  fill: #009bdb !important;
}
#MI {
  fill: #009bdb !important;
}
#AL {
  fill: #009bdb !important;
} */

.sustain{
    background: #00bf63;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgb(43 190 34 / 0%);
    padding: 24px 24px 24px 24px !important;
    margin-bottom: 14px;
    color: #ffff;
}


.careercontent{
    color: #424242;
    border-left: 4px solid #a2c0ef;
    background-color: white;
    margin-top: 15px;
}

.sh{
  padding: 0 .9em;
}

.sh-h2{
    font-size: 2em;
    color: #408bc4;
}

.car-box{
  padding: 1em;
  border: 1px solid #eee;
  border-radius: 8px;
  background-color: #408bc4;
  margin-bottom: 1em;
  color: #fff;
  min-height: 339px;
  margin-top: 15px;
}

#career {
  padding: 30px 0px;
}


#career h2 {
  color: #074272;
  font-family: 'Open Sans';
  font-weight: 500;
  font-size: 35px;

  padding: 20px 0px;
  text-transform: uppercase;
}

#career p {
  color: #2d2d2d;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 25px;
  /*padding: 15px 0px 0px 20px;*/

}


.rounded-grdnt {
  background: rgb(61, 138, 237);
background: linear-gradient(0deg, rgba(61, 138, 237, 1) 0%, rgba(53, 198, 255, 1) 100%);
    color: #fff !important;
    border-radius: 41px !important;
    padding: 15px 40px !important;
    border: 0px;
    /* height: 53px; */
    margin-right: 30px;
  -webkit-transition: background 1000ms linear;
  -moz-transition: background 1000ms linear;
  -o-transition: background 1000ms linear;
  -ms-transition: background 1000ms linear;
  transition: background 1000ms linear;
}

.rounded-grdnt:hover {
  background: -webkit-linear-gradient(#2871fa, #6717cd);
  color: #fff;
}

.rounded-grdnt .bi.bi-arrow-right {
  position: relative;
  animation-name: arrowanimation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes arrowanimation {
  0% {
    left: 0px
  }

  25% {
    left: 10px;
  }

  50% {
    left: 10px;
  }

  100% {
    left: 0px;
  }
}


.bg-fraud{
background-color: #0e153a !important;
}

  .fraud-alert {
      
      /* border: 1px solid #ffa500; */
      padding: 20px;
      /* margin: 20px 0; */
      border-radius: 8px;
      font-family: Arial, sans-serif;
      color: #fff;
    }

    .fraud-alert h2 {
      color: #d9534f; /* Red alert color */
      margin-top: 0;
    }

    .fraud-alert ul {
      padding-left: 20px;
    }

    .car-hero-section-top-padding {
    margin-top: 100px !important;
}

.car-section-with-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;
}
.car-get{
  font-size: 55px;
}
.size-p{
  font-size: 20px;
}

/* .car-pb-100, .dtr-py-100 {
    padding-bottom: 100px !important;
} */


.car-section { position: relative; }
.car-section-full-height { height: 100vh; }


.car-servicebox { width: 100%; min-height: 400px; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; padding: 10px; border-radius: 20px; }
.car-servicebox-caption { display: inline-block; position: absolute; top: auto; bottom: 10px; left: 10px; right: 10px; padding: 20px; overflow: hidden; border-radius: 20px; }
.car-servicebox-caption-inner {margin-bottom: -85px;transition: all .3s ease;}
.car-servicebox:hover .car-servicebox-caption-inner { margin-bottom: 0; }
.car-servicebox-subtitle { display: block; margin-bottom: 5px; }

.color-blue {
    color: #1b8dd7 !important;
}

/* styled btn */
.car-btn-styled { display: inline-block; width: auto; height: auto; position: relative; cursor: pointer; border-width: 0; text-decoration: none; outline: none; -webkit-backface-visibility: hidden; vertical-align: middle; padding: 22px 30px 18px 30px; font-size: 16px; line-height: 22px; text-transform: uppercase; z-index: 9; }
.car-btn-styled span { display: block; width: 60px; height: 60px; position: absolute; left: 0; top: 50%; border-radius: 50%; z-index: -1; margin-top: -30px; }
.car-btn-styled:focus { outline: none; }
.car-btn-styled:hover span { width: 100%; height: 100%; border-radius: 200px; }

/* styled button */
.car-btn-styled { background: transparent !important; }
.car-btn-styled-white, .car-btn-styled-white:hover { color: #fff; }
.car-btn-styled-dark { color: #0e153a; }
.car-btn-styled-dark:hover { color: #fff; }
.bg-light-blue {
    background-color: #22d1ee !important;
}

@media (max-width: 767px) {
    .car-blog-item, .car-promobox, .car-servicebox {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

.share-vertical {
    margin-top: 20px;
    /* border-bottom: 1px solid #bfbfbf; */
    /* padding-bottom: 20px; */
    margin-bottom: 20px;
}
.news-title{
  font-size: 48px;
}

.pull-left {
    float: left;
}

/* .fleft{
    margin-bottom: 10px;
} */

.sv-heading {
    text-transform: uppercase;
    color: #777;
}

 .article_column {
    float: left;
    width: calc(100% - 320px);
    font-size: 16px;
    line-height: 1.8;
    max-width: 860px
}


 .pr-sidebar {
    margin-top: 0px
}

 .pr_images_column {
    float: right;
    margin: 0 0 15px 15px;
    border: 1px solid #e1e1e1;
    background-color: #f7f7f7;
    padding: 5px
}

 .pr_images_column .pr_image p {
    max-width: 300px
}

@media (max-width: 630px) {
     .article_column {
        width:100%
    }

     .pr_video iframe {
        max-width: 100%
    }
}

@media (max-width: 550px) {
    #pr-preview .pr_images_column,#pr-image-preview .pr_images_column,#pr-article-wrapper .pr_images_column,.press_release .pr_images_column {
        float:none !important
    }
}

.pr-sidebar .as-block{
    background-color: #EEEEEE;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    line-height: 18px;
    margin-bottom: 30px;
    padding: 15px;
}

.pr-sidebar .as-title {
    font-size: 22px;
    line-height: 25px;
}
.pr-sidebar .as-block{
    background-color: #EEEEEE;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    line-height: 18px;
    margin-bottom: 30px;
    padding: 15px;
}

.pr-sidebar .as-block .headline {
    margin-bottom: 1em;
}

.slick-next:before, .slick-prev:before {
  font-size: 32px!important;}

.slick-next, .slick-prev {
	width: 30px!important;}


/* //animation text css */
.JoyHeading_display1__DWu2e {
    font-size: clamp(4rem,-1.0526315789rem + 10.5263157895vw,10rem)
}

.JoyHeading_display1__DWu2e,.display2 {
    display: block;
    font-family: var(--font-family-alt);
    letter-spacing: -.06em;
    text-wrap: balance;
    line-height: .9;
    font-weight: 700;
    margin: 0 0 .5em;
    color: var(--color-heading)
}

.display2 {
    font-size: clamp(3.5rem,.1315789474rem + 7.0175438596vw,4.5rem);
    /* max-width: 22ch */
}

.JoyHeading_display3__0KRxg {
    font-size: clamp(3rem,.4736842105rem + 5.2631578947vw,6rem);
    margin: 0 0 .75em
}

.JoyHeading_display3__0KRxg,.JoyHeading_display4__wuvot {
    display: block;
    font-family: var(--font-family-alt);
    letter-spacing: -.06em;
    text-wrap: balance;
    line-height: .9;
    font-weight: 700;
    color: var(--color-heading);
    max-width: 24ch
}

.JoyHeading_display4__wuvot {
    margin: 0 0 .5em;
    font-size: clamp(3rem,1.3157894737rem + 3.5087719298vw,5rem)
}

.JoyHeading {
    margin: 0;
    display: block;
    padding-bottom: .12em
}

@supports (background-clip: text) {
  .JoyHeading span:nth-child(2n)>span,
  .JoyHeading span:nth-child(odd)>span {
    color: rgba(0, 0, 0, 0);
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(
      270deg,
      rgb(81, 225, 204),
      rgb(255, 215, 0),
      rgb(211, 0, 162),
      rgb(0, 0, 128),
      rgb(0, 0, 0),
      rgb(255, 105, 180),
      rgb(81, 225, 204) /* loop the first color again for smooth wrap */
    );
    background-size: 300% auto;
    background-position: 0% 50%;
    animation: JoyHeading_pan__smooth 10s linear infinite;
  }

  .JoyHeading span:nth-child(2n)>span {
    animation-direction: reverse;
    animation-delay: -5s;
  }
}

@keyframes JoyHeading_pan__smooth {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}





.PageHeader_container__W_aUS {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: calc(1920px + clamp(2.5rem, -2.1315789474rem + 9.649122807vw, 8rem));
    padding: clamp(2rem,-.5263157895rem + 5.2631578947vw,5rem) clamp(1.25rem,-1.0657894737rem + 4.8245614035vw,4rem)
}

.PageHeader_title__J_DP4 {
    display: block;
    font-family: var(--font-family-alt);
    letter-spacing: -.06em;
    text-wrap: balance;
    line-height: 1.1;
    font-weight: 700;
    margin: 0 0 .5em;
    color: var(--color-heading);
    font-size: clamp(1.5rem,.6578947368rem + 1.7543859649vw,2.5rem);
    color: var(--color-title)
}

.PageHeader.PageHeader {
    margin-bottom: .2em
}

@media(scripting:enabled) {
    .PageHeader.PageHeader {
        opacity: 0
    }
}

.PageHeader.PageHeader:last-child {
    margin-bottom: 0
}

.card-body a {
    
    color: #fff!important;
}

.card-carousel .card {
	 border: none;
	 /* box-shadow: var(--bs-box-shadow-lg); */
}
/* .card-carousel .card .card-body {
	 padding: 3rem;
}*/
 .card-carousel .card-carousel__nav {
	 bottom: 0;
}
 .card-carousel .card-carousel__nav .carousel__arrow {
	 width: 25%;
}
 .card-carousel {
	 position: relative;
	 display: flex;
	/* Active state for the visible card */
	/* Arrow navigation */
}
 .card-carousel .card {
	 display: inline-flex;
	 position: absolute;
	 overflow: hidden;
	 transition: 0.4s all ease-in-out;
	 opacity: 0;
	 z-index: 0;
}
 .card-carousel .card .card-body {
	 position: relative;
	 display: block;
}
 .card-carousel .card .card-body .card-title, .card-carousel .card .card-body .card-text, .card-carousel .card .card-body a {
	 transform: translateY(25%);
	 opacity: 1;
	 visibility: hidden;
	 transition: 0.4s all ease-in-out;
}
 .card-carousel .card img {
	 padding: 0.6666666667rem;
	 object-fit: cover;
	 transition: 0.4s all ease-in-out;
	 transform: translateX(100%);
}
 @media (min-width: 768px) {
	 .card-carousel .card img {
		 object-fit: contain;
	}
}
 .card-carousel .active {
	 position: relative;
	 opacity: 1;
	 z-index: 1;
}
 .card-carousel .active img {
	 transform: translateX(0);
}
 .card-carousel .active .card-body .card-title, .card-carousel .active .card-body .card-text, .card-carousel .active .card-body a {
	 transform: translateY(0);
	 opacity: 1;
	 transition: 0.4s all ease-in-out;
	 visibility: visible;
}
 .card-carousel .card-carousel__nav {
	 position: absolute;
	 display: flex;
	 justify-content: center;
	 z-index: 2;
}
 .card-carousel .card-carousel__nav .carousel__arrow {
	 display: flex;
	 justify-content: center;
	 position: relative;
	 cursor: pointer;
	 padding: 0.5rem 1rem;
	 fill: #fff;
	 background-color: #168fd7;
}
 .card-carousel .card-carousel__nav .carousel__arrow:hover {
	 background-color: var(--bs-link-hover-color);
}
 .card-carousel .card-carousel__nav .carousel__arrow:last-child {
	 margin-left: 1px;
}
.greenbg{
background: #51e1cc;
    padding: 3px 8px 3px 8px;
	border-radius: 10px
	}

  .yellowbg{
background: #ffd700;
    padding: 3px 8px 3px 8px;
	border-radius: 10px
	}

  .pinkbg{
background: #d300a2;
    padding: 3px 8px 3px 8px;
	border-radius: 10px;
  color: #fff !important;
  
	}

    .navybg{
background: #3027db;
    padding: 3px 8px 3px 8px;
	border-radius: 10px;
  color: #fff !important;
  
	}

      .blackbg{
background: #000000;
    padding: 3px 8px 3px 8px;
	border-radius: 10px;
  color: #fff !important;
  
	}

    .lightgbg{
background: #00bf63;
    padding: 3px 8px 3px 8px;
	border-radius: 10px;
  color: #fff !important;
  
	}

/*#who-we{  background: url(assets/images/about-bg.png) left bottom no-repeat, url(assets/images/about-bg-r.png) right bottom no-repeat;
   }*/

#who-we{  background: url(https://ampcus.com/NEW/wp-content/themes/Ampcus/assets/images/about-bg.png) center center no-repeat;   background-size: cover; }



   .card-carousel .card {
  display: none;
}

.card-carousel .card.active {
  display: block;
}


/* Base */
.video-slider {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/* Slider Container */
.slider-container12 {
  display: flex;
  width: 400%; /* 4 slides */
  height: 100%;
  transition: transform 0.6s ease;
}



.slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Overlay */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0); /* transparent */
  opacity: 0;
  transition: opacity 0.5s ease, background-color 0.5s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slide:hover .overlay {
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}


/* Skewed background overlay inside each slide */
.slide .skew-bg {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    right: calc(100% - 714px);
    background: var(--red);
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    transform: skew(-10deg);
    z-index: 3;
    content: "";
    transition: height 0.3s ease-in-out;
}

/* On hover, expand the skewed background */
.slide:hover .skew-bg {
    height: calc(100% + 20px);
}




/* :root {
  --red: #d70000; 
  --yellow: #f0c000; 
} */

/* Container */
.video-slider {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  
}

/* Slider holding slides */
.slider-container12 {
  display: flex;
  width: 400%; /* For 4 slides */
  height: 100%;
  transition: transform 0.6s ease;
}

/* Each Slide */
.slide12 {
  position: relative;
  width: 100vw;
  height: 100vh;
  flex-shrink: 0;
  overflow: hidden;
}

/* Background video */
.slide12 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.6s ease;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  /*filter:grayscale(100%);*/
}

.complete {
  position: absolute;
  top: 0;
  right: calc(100% - 714px);
  width: 100%;
  height: calc(100% + 20px);
  transform: skew(-10deg);
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.6s ease;
  pointer-events: auto;
  opacity: 1;
}

/* Default background (can override) */
.overlay-bg {
  width: 100%;
  height: 100%;
}

/* Color variations for each slide */
.overlay-bg1 .overlay-bg {
/*  background: #51e1cc;*/
	 background: #000;
  opacity: 0.8; /* Slightly transparent */
}

.overlay-bg2 .overlay-bg {
 /* background: #ffd700;*/
	 background: #000;
  opacity: 0.8; /* Slightly transparent */
}

.overlay-bg3 .overlay-bg {
 /* background: #d300a2;*/
	 background: #000;
  opacity: 0.8; /* Slightly transparent */
}

.overlay-bg4 .overlay-bg {
  /*background: #000080;*/
	background: #000000;
  opacity: 0.8; /* Slightly transparent */
}

.overlay-bg5 .overlay-bg {
  background: #000000;
  opacity: 0.8; /* Slightly transparent */
}


.overlay-bg6 .overlay-bg {
  /*background: #00bf63;*/
	 background: #000;
  opacity: 0.8; /* Slightly transparent */
}

/* Overlay content styles */
.overlay-content {
  position: relative;
  /* max-width: 610px;
  padding: 40px 50px; */
  left: 8%;
  color: white;
  text-align: left;
  z-index: 3;
  top: 30%;
  opacity: 1;
  transition: opacity 0.6s ease;
}


.overlay-content p {
  color: #fff!important;
  font-size: 25px;
  margin-bottom: 28px;
}

.overlay-content h1{
  margin-bottom: 20px;
}


.overlay-content button {
  padding: 12px 24px;
  background: white;
  color: var(--red);
  border: none;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s ease;
}

.overlay-content button:hover {
  background: #f0f0f0;
}

/* On hover, hide the overlay */
.slide12:hover .complete {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-100%);
}

.slide12:hover .overlay-content {
  opacity: 0;
  visibility: hidden;
}

/* @media (max-width: 991px) {
  .overlay-bg,
  .overlay-content {
    display: none !important;
  }
} */

@media (max-width: 1024px) {
  .complete {
    right: 0;
    width: 100%;
    transform: none !important; 
  }

  .overlay-bg {
    width: 100% !important;
    height: 100% !important;
  }

  .overlay-content {
    left: 5%;
    /* top: 25%; */
    max-width: 100%;
  }

  .overlay-content p {
    font-size: 25px;
  }
  .video-slider {
  height: 90vh;
}
}

@media (max-width: 768px) {
  .complete {
    right: 0;
    width: 100%;
    transform: none !important;
  }

  .overlay-content {
    left: 5%;
    /* top: 20%; */
    font-size: 18px;
    max-width: 100%;
  }

  .overlay-content h2 {
    font-size: 1.8rem;
  }

  .overlay-content h5 {
    font-size: 1.2rem;
  }

  .overlay-content p {
    font-size: 16px;
  }

  .overlay-content a {
    font-size: 14px;
  }
  .video-slider {
  height: 90vh;
}
}
@media (max-width: 480px) {
  .complete {
    right: 0;
    width: 100%;
    transform: none;
  }

  .overlay-content {
    left: 5%;
    /* top: 18%; */
    font-size: 16px;
    max-width: 100%;
  }

  .overlay-content p {
    font-size: 16px;
  }

  .overlay-content h2 {
    font-size: 1.6rem;
  }

  .overlay-content h5 {
    font-size: 1.2rem;
  }

  .overlay-content a {
    font-size: 12px;
  }
    .video-slider {
  height: 85vh;
}
}


.ca-st {
    color: #000 !important;
    font-weight: 500;
    background-color: rgb(255, 255, 255) !important;
    border-radius: 10px;
    padding: 10px 22px !important;
    text-decoration: none !important;
}

.ca-st-yellow {
    color: rgb(0, 0, 0) !important;
    font-weight: 500;
    background-color: rgb(204, 172, 0) !important;
    border-radius: 10px;
    padding: 10px 22px !important;
    text-decoration: none !important;
}

.ca-st-black {
    color: rgb(0, 0, 0) !important;
    font-weight: 500;
    background-color: rgb(255, 255, 255) !important;
    border-radius: 10px;
    padding: 10px 22px !important;
    text-decoration: none !important;
}


/* //animation text css */
.JoyHeading_display1__DWu2e {
    font-size: clamp(4rem,-1.0526315789rem + 10.5263157895vw,10rem)
}

.JoyHeading_display1__DWu2e,.display2 {
    display: block;
    font-family: var(--font-family-alt);
    letter-spacing: -.06em;
    text-wrap: balance;
    line-height: .9;
    font-weight: 700;
    margin: 0 0 .5em;
    color: var(--color-heading)
}

.display2 {
    font-size: clamp(3.5rem,.1315789474rem + 7.0175438596vw,4.5rem);
    /* max-width: 22ch */
}

.JoyHeading_display3__0KRxg {
    font-size: clamp(3rem,.4736842105rem + 5.2631578947vw,6rem);
    margin: 0 0 .75em
}

.JoyHeading_display3__0KRxg,.JoyHeading_display4__wuvot {
    display: block;
    font-family: var(--font-family-alt);
    letter-spacing: -.06em;
    text-wrap: balance;
    line-height: .9;
    font-weight: 700;
    color: var(--color-heading);
    max-width: 24ch
}

.JoyHeading_display4__wuvot {
    margin: 0 0 .5em;
    font-size: clamp(3rem,1.3157894737rem + 3.5087719298vw,5rem)
}

.JoyHeading {
    margin: 0;
    display: block;
    padding-bottom: .12em
}

/* @supports (background-clip: text) {
  .JoyHeading span:nth-child(2n)>span,
  .JoyHeading span:nth-child(odd)>span {
    color: rgba(0, 0, 0, 0);
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(
      270deg,
      rgb(81, 225, 204),
      rgb(255, 215, 0),
      rgb(211, 0, 162),
      rgb(0, 0, 128),
      rgb(0, 0, 0),
      rgb(255, 105, 180),
      rgb(81, 225, 204) 
    );
    background-size: 300% auto;
    background-position: 0% 50%;
    animation: JoyHeading_pan__smooth 10s linear infinite;
  }

  .JoyHeading span:nth-child(2n)>span {
    animation-direction: reverse;
    animation-delay: -5s;
  }
}

@keyframes JoyHeading_pan__smooth {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
} */


@keyframes JoyHeading_pan__smooth {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

@supports (background-clip: text) {
  .JoyHeading {
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 300% auto;
    background-position: 0% 50%;
    animation: JoyHeading_pan__smooth 8s linear infinite;
    font-weight: bold;
    display: inline-block;
  }

  /* Slide-specific gradient colors */
   .gradient-amp {
  /*  background-image: linear-gradient(270deg, rgb(19 145 215), rgb(188 106 226));*/ color: #c96ce5;
  }

  .gradient-automation {
	  
	  color: #51e1cc;
   /* background-image: linear-gradient(
      270deg,
      rgb(34, 158, 143),
      rgb(20, 20, 20)*/
  };
  }

  .gradient-infra {
   /* background-image: linear-gradient(270deg, rgb(255, 255, 255), #edb221);*/color:#ffd700;
  }

  .gradient-cyber {
    /*background-image: linear-gradient(270deg, rgb(255 46 115), rgb(255, 255, 255));*/ color: #51e1cc;
  }

  .gradient-forensic {
   /* background-image: linear-gradient(270deg, rgb(34, 158, 143), rgb(249 90 170));*/ color: #ff69b4;
  
  }

  .gradient-testing {
/*    background-image: linear-gradient(270deg, rgb(20, 20, 20), rgb(204, 85, 160), rgb(34, 158, 143) );*/ color: aliceblue;
  }

  .gradient-human-capital {
  /*  background-image: linear-gradient(270deg, #fff, rgb(7 9 112));*/ color: #158fd6;
  }


.header__search-form {
  display: flex;
  align-items: center;
}

.search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.header__search-input {
  padding: 5px 36px 5px 12px;
  font-size: 16px;
  border-radius: 30px;
  border: none;
  outline: none;
  /* min-width: 300px; */
  background: linear-gradient(90deg, #f5ebeb, #dbf4ff);
  color: #333;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
}

.header__search-input:focus {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.search-icon {
  /*position: absolute;*/
  right: 15px;
    font-size: 15px;
    color: #1f8bd6;
  animation: zoom 1.5s infinite;
  pointer-events: none;
}

@keyframes zoom {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}

.header__search-button:hover {
  color: #ff9999;
}

@media (max-width: 600px) {
  .header__search-form {
    width: 100%;
    padding: 6px 10px;
  }

  .search-input-wrapper {
    width: 100%; /* Make the wrapper full width */
  }

  .header__search-input {
    font-size: 14px;
    width: 100%; /* Make the input full width */
    padding: 5px 36px 5px 12px;
  }

  .header__search-button {
    font-size: 16px;
    padding-left: 6px;
  }
}



.slider-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 990;
}

.slider-dots .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: background 0.3s ease;
}

.slider-dots .dot.active {
  background: #fff;
}

/* Banking */
.banking:hover .industry-title,
.banking:hover {
	--primary-color: #000000; 
}

#banking-lock-handle {
	transform: translateY(-5%);
	-moz-transform: translateY(-5%);
}

.exhibit-container:hover #banking-coin {
	opacity: .45;
	transform: translateX(-25%) rotate(-180deg);
	-moz-transform: translateX(-25%) rotate(-180deg);
}

#banking-coin.transition {
	transform-origin: 75% 46%;
  -moz-transform-origin: 75% 46%;
}

.exhibit-container:hover #banking-lock-handle {
	transform: translateY(0%);
}

.exhibit-container:hover #banking-phone {
	transform: translateX(16%);
	-moz-transform: translateX(16%);
}

/* Healthcare */

.exhibit-container:hover #healthcare-heart {
	animation: beat 1.0s linear forwards;
	transform: scale(1.0);
  transform-origin: 75% 25%;
	-moz-transform-origin: 75% 25%;
}

.exhibit-container:hover #healthcare-monitor {
	animation: dash 1.0s linear forwards;
	transform: scale(1.0, 1.2);
	stroke-dasharray: 300, 10;
	stroke-dashoffset: 930;
}

.healthcare:hover .industry-title,
.healthcare:hover .primary:not(.grey) {
	--primary-color: #DF584C; 
}

@keyframes beat {
	0% {transform: scale(1.0); }
	15% {transform: scale(1.0); }
	20% {transform: scale(1.1); }
	25% {transform: scale(1.0); }
	40% {transform: scale(1.0); }
	45% {transform: scale(1.1); }
	50% {transform: scale(1.0); }
	75% {transform: scale(1.0); }
	80% {transform: scale(1.1); }
	85% {transform: scale(1.0); }
	100% {transform: scale(1.0); }
}

@keyframes dash {
	0% {stroke-dashoffset: 930; }
	12% {stroke-dashoffset: 905; }
	20% {stroke-dashoffset: 895; }
	30% {stroke-dashoffset: 885; }
	45% {stroke-dashoffset: 855; }
	65% {stroke-dashoffset: 805; }
	80% {stroke-dashoffset: 775; }
	85% {stroke-dashoffset: 770; }
	100% {stroke-dashoffset: 735; }
}

/* Government */

.government:hover .industry-title,
.government:hover .primary:not(.grey) {
	--primary-color: #365D9E; 
}

.exhibit-container:hover #back {
  animation: wave .8s ease 0.0s infinite forwards;
}

.exhibit-container:hover #middle {
  animation: wave .8s ease 0.2s infinite forwards;
}

.exhibit-container:hover #front {
  animation: wave .8s ease 0.4s infinite forwards;
}

.delay.zero {
	transition-delay: 0.4s;
}

.delay.one {
	transition-delay: 0.3s;
}

.delay.two {
	transition-delay: 0.2s;
}

.delay.three {
	transition-delay: 0.1s;
}

.government:hover .delay.one {
	transition-delay: 0.1s;
}

.government:hover .delay.three {
	transition-delay: 0.3s;
}

.government:hover .delay.zero {
	transition-delay: 0s;
}

@keyframes wave {
  0% { transform: translateY(0%); -moz-transform: translateY(0%); }
  25% { transform: translateY(.5%); -moz-transform: translateY(.5%); opacity: 0.8; }
  75% { transform: translateY(-.5%); -moz-transform: translateY(-.5%); opacity: 0.9; }
  100% { transform: translateY(0%); -moz-transform: translateY(0%); }
}

/* Retail */

.exhibit-container:hover #retail-circle-ping {
	transform: scale(1.5);
	opacity: 0;
	transition: 1.5s cubic-bezier(0.25, 0.25, 0.115, 1.445) ;
}

.retail:hover .industry-title, 
.retail:hover .primary:not(.grey) {
	--primary-color: #44A5AA; 
}

#retail-circle-ping {
	opacity: 1;
	transform: scale(0);
	transition: 0s;
  transform-origin: 50% 66%;
	-moz-transform-origin: 50% 66%;
}

.exhibit-container:hover .retail-circle.scale {
	transform-origin: center 66%;
  -moz-transform-origin: center 66%;

}

/* Manufacturing */
#icon-mask-bottom, #icon-mask-top {
	transform-origin: right;
}

#icon-mask-middle {
	transform-origin: left;
}

#icon-mask, .white-fill {
	fill: #FFF;
}

.exhibit-container:hover #icon-mask-bottom,
.exhibit-container:hover #icon-mask-middle,
.exhibit-container:hover #icon-mask-top {
	transform: scaleX(0);
}

.exhibit-container:hover #icon-mask-bottom {
	transition-delay: 0.5s;
}

.exhibit-container:hover #icon-mask-middle {
	transition-delay: 0.7s;
}

.exhibit-container:hover #icon-mask-top {
	transition-delay: .9s;
}

.exhibit-container #manufacturing-printer,
.exhibit-container #manufacturing-printer-cord {
	animation: initial-manufacturing-X .5s ease-in-out forwards;
}

.exhibit-container:hover #manufacturing-printer,
.exhibit-container:hover #manufacturing-printer-cord{
	animation: manufacturing-X 1.8s ease 1 forwards;
}

.exhibit-container #manufacturing-printer-container,
.exhibit-container #manufacturing-printer-rail {
	animation: initial-manufacturing-Y .5s ease-in-out forwards;
}

.exhibit-container:hover #manufacturing-printer-container,
.exhibit-container:hover #manufacturing-printer-rail{
	animation: manufacturing-Y 1.8s ease 1 forwards;
}

@keyframes initial-manufacturing-X {
	0% {transform: translateX(.001em); }
	100% {transform: translateX(0); }
}

@keyframes initial-manufacturing-Y {
	0% { transform: translateY(.1em); }
	100% { transform: translateY(-.1em); }
}

@keyframes manufacturing-X {
	0% {transform: translateX(0); }
	25% {transform: translateX(-.4em); }
	35% {transform: translateX(.4em); }
	40% {transform: translateX(.4em); }
	50% {transform: translateX(-.4em); }
	55% {transform: translateX(-.4em); }
	65% {transform: translateX(.4em); }
	100% {transform: translateX(0); }
}

@keyframes manufacturing-Y {
	0% { transform: translateY(0); }
	25% { transform: translateY(1em); }
	35% { transform: translateY(1em); }
	40% { transform: translateY(.73em); }
	50% { transform: translateY(.73em); }
	55% { transform: translateY(.46em); }
	65% { transform: translateY(.46em); }
	100% { transform: translateY(.1em); }
}

.manufacturing:hover .industry-title,
.manufacturing:hover .primary:not(.grey) {
	--primary-color: #E7773F; 
}

/* Insurance */

.exhibit-container:hover #insurance-shine {
	transform: rotate(45deg) translate(0em, -5.8em);
	transition-duration: 0.8s;
}

.insurance:hover .industry-title,
.insurance:hover .primary:not(.grey) {
	--primary-color: #34B88B; 
}

#insurance-shine {
	transform: rotate(45deg);
	transition-duration: 0.8s;
	transform-origin: -20% 110%;
  -moz-transform-origin: -20% 110%;
}

/* Page Specific Icon Styles */

.element {	
	fill: #D4D6DF;
	opacity: .6;
	stroke: #D4D6DF;
}

.o300 {
	opacity: .7;
}

.exhibit-container:hover .scale {
	transform: scale(1.1);
}

.primary {
	fill: #0099D8;
	stroke: #51e1cc;
	stroke-width: 0;
}

/* Universal Icon Styles — Theme Level */

.stroke {
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.transition {
	transform-origin: center;
	transition-duration: 0.5s;
	transition-timing-function: cubic-bezier(0.25, 0.25, 0.115, 1.445);
}

/* Just for the page */

/* .exhibit-container {
	cursor: pointer;
	margin: 2em auto;
	padding: 2vmin;
	max-width: 20em;
	min-width: 10em;
	width: 25%;
} */


.exhibit-container{
    border: 1px solid #499bcd;
    border-radius: 20px;
    margin: 20px 0;
    padding: 20px 0;
    min-height: 200px;
}


.exhibit-container:hover .industry-title {
	transform: translateY(0.1em);
}

.exhibit-media {
	display: block;
	margin: 0.3em 0;
}

.industry-title {
    color: #000000;
    display: block;
    font-family: 'Poppins';
    font-size: 1.4em;
    font-weight: 400;
    margin: 0 0 0.3em 0;
    text-align: center;
}

.industry-description {
	display: block;
	align: center;
	font-family: Source Sans Pro;
	font-size: 1em;
	font-weight: 100;
	margin: 0 0 10px 0;
	text-align: center;
}

.exhibit-media svg {
	display:block;
	margin: auto;
	margin-top: 5%;
}


/* .exhibit-wrapper {
	display: flex; 
	flex-wrap: wrap;
	margin-top: 8vh;
	padding: 4em;s
} */



    /* Animations and color overrides for each industry */
    /* Automotive */
.automotive:hover .exhibit-media {
          animation: drive 1s ease-in-out infinite;
        }

        @keyframes drive {
          0% { transform: translateX(0); }
          50% { transform: translateX(9px); }
          100% { transform: translateX(0); }
        }

        .automotive svg {
          stroke: var(--primary-color);
        }

        .automotive:hover .industry-title,
        .automotive:hover .primary:not(.grey) {
          --primary-color: #E7773F; /* Keep the orange on hover */
        }


@keyframes spin {
  0% {transform: rotate(0);}
  100% {transform: rotate(360deg);}
}
    /* Oil & Gas */
.oilgas:hover .pump-arm {
  animation: nodding 2s ease-in-out infinite;
}

@keyframes nodding {
  0%, 100% { transform: rotate(0deg); }
  50% { transform: rotate(-7deg); }
}

.oilgas svg {
  stroke: var(--primary-color);
}
    /* Utility */
.utility:hover #utility-bolt {
  animation: bolt-pulse 1.2s infinite ease-in-out;
  transform-origin: center;
}

@keyframes bolt-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(1.1);
  }
}

    /* Hospitality */
  .hospitality .exhibit-media svg {
    stroke: #ffd700;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
  }

  .hospitality .star {
    transition: fill 0.5s ease;
  }

  .hospitality:hover .star {
    fill: #ffd700;
  }
    /* Freight & Logistics */
    .freight:hover .industry-title,
    .freight:hover .primary:not(.grey) {
      --primary-color: #436E88;
    }
    .freight:hover #freight-truck {
      animation: drive 2s ease-in-out forwards;
    }
    @keyframes drive {
      0% { transform: translateX(-10%); }
      50% { transform: translateX(10%); }
      100% { transform: translateX(0); }
    }

/* Education */
.education .exhibit-media svg {
  transition: transform 0.4s ease;
}

.education:hover .exhibit-media svg {
  transform: translateY(-8px) rotate(-3deg);
}

    /* Electronics */
    .electronics:hover .industry-title,
    .electronics:hover .primary:not(.grey) {
      --primary-color: #1DA399;
    }
    .electronics:hover #electronics-spark {
      animation: flicker 1.2s steps(2, end) infinite;
      opacity: 1;
    }
    @keyframes flicker {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.2; }
    }

    /* Communication */
    .communication:hover .industry-title,
    .communication:hover .primary:not(.grey) {
      --primary-color: #8357B6;
    }
    .communication:hover #comm-waves {
      animation: pulse-wave 1s ease-in-out infinite;
    }
    @keyframes pulse-wave {
      0% { transform: scale(1); opacity: 1; }
      100% { transform: scale(1.5); opacity: 0; }
    }




     .sec-header {
      text-align: center;
      padding: 40px 20px;
    }

    .sec-header h2 {
      font-size: 2.5rem;
      margin-bottom: 10px;
    }

    .sec-header p {
      font-size: 30px;
      color: #333;
    }

    .sec-header p strong {
      color: #1b8dd7;
    }

     .grid {
      display: flex;
      flex-wrap: wrap;
      overflow: hidden;
    }

    .fancy-box {
      position: relative;
      flex: 1;
      height: 600px;
      overflow: hidden;
      cursor: pointer;
      background: #000;
      perspective: 1000px;
      transform-style: preserve-3d;
      transition: transform 0.2s ease;
    }

    .fancy-box .bg-img {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-size: cover;
      background-position: center;
      filter: grayscale(60%) brightness(60%) !important;
      transition: filter 0.3s ease !important;
      z-index: 1 !important;
    }
    

    .fancy-box:hover .bg-img {
      filter: grayscale(0%) brightness(100%) !important;
    }

    .fancy-box .overlay {
      position: absolute;
      inset: 0 !important;
      background: rgba(0, 0, 0, 0.4);
      transition: background 0.4s ease !important;
      z-index: 2;
    }

    .fancy-box:hover .overlay {
      background: rgba(0, 0, 0, 0.2);
    }

.fancy-box .content {
  position: relative;
  z-index: 3;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  padding: 0 15px;
  transform-style: preserve-3d !important;
}

@media (max-width: 768px) {
  .fancy-box .content {
  padding: 150px 15px;
  }
  .car-get {
    font-size: 40px;
}
}


 .fancy-box .icon {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
  fill: #fff;
  transform: translateZ(10px);
  filter: drop-shadow(1px 1px 0 #000)
          drop-shadow(2px 2px 0 #222) !important;
  transition: transform 0.4s ease, filter 0.4s ease;
}

.fancy-box:hover .icon {
  transform: translateZ(40px) scale(1.05) !important;
  /* filter: drop-shadow(2px 2px 0 #000)
          drop-shadow(4px 4px 0 #444); */
}

.fancy-box h3 {
  font-size: 2.0rem;
  line-height: 1.3;
  margin: 0;
  color: #fff;
  text-align: left;
  font-weight: 700;
  transform: translateZ(50px) !important;
  text-shadow:
    1px 1px 0 #000,
    2px 2px 0 #222,
    3px 3px 0 #333;
  transition: transform 0.4s ease, text-shadow 0.4s ease !important;
}

.fancy-box:hover h3 {
  transform: translateZ(40px) scale(1.05) !important;
  /* text-shadow:
    2px 2px 0 #000,
    4px 4px 0 #222,
    6px 6px 0 #444; */
}

    @media (max-width: 768px) {
      .grid {
        flex-direction: column;
      }

      .fancy-box {
        width: 100%;
        min-height: 500px;
      }
    }



       #all-indus{
        margin-top: 30px;
    }
.ind-bg {
    /*background-image: url("https://ampcus.com/NEW/wp-content/themes/Ampcus/assets/images/industries-icons/service-pattern.png");*/
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #eaeaea;
    height: 200px; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    border-radius: 20px;
    margin: 10px 0px;
}

.ind-bg a{
        text-decoration: none !important;
}
.industry {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #000;
    text-align: center;
}

.industry img {
    height: 75px;
     transition: color 0.3s ease, transform 0.3s ease;
}
.industry h2 {
    font-size: 20px;
    padding-top: 10px;
}

.ind-bg {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ind-bg:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}


@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ind-bg {
    animation: fadeInUp 0.6s ease forwards;
    opacity: 0; 
    cursor: pointer;
}


.industry h2 {
    transition: color 0.3s ease, transform 0.3s ease;
}

.ind-bg:hover .industry h2 {
    color: #000; /* Change to your brand color */
    transform: translateY(-5px);
}

.ind-bg:hover .industry img {
  transform: translateY(-5px);
}
/* Modal content background and shadow */
.custom-modal-content {
  border-radius: 10px;
 box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .5);
  background-color: #fff;
  padding: 25px 55px 40px 55px;
  position: relative;
  overflow: hidden;
}

/* Close button styles */
.close-button-wrapper {
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 10;
}

.custom-btn-close {
  background-color: #fff;
  border-radius: 50%;
  padding: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

.custom-btn-close:hover {
  background-color: #eee;
  transform: rotate(90deg) scale(1.1);
}

/* Service Boxes */
.pop-in {
  transition: all 0.4s ease;
  padding: 16px;
  border-radius: 16px;
  margin-bottom: 20px;
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #fff;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  transform-style: preserve-3d;
}

.pop-in:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

/* Unique color border themes */
.p-sld1 { border-left: 6px solid #51e1cc; }
.p-sld2 { border-left: 6px solid #ffd700; }
.p-sld3 { border-left: 6px solid #d300a2; }
.p-sld4 { border-left: 6px solid #ff69b4; }
.p-sld5 { border-left: 6px solid #000080; }
.p-sld6 { border-left: 6px solid #000000; }

/* Headings inside boxes */
.pop-h2 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  line-height: 1.4;
  margin: 0;
}

/* CTA Button */
.pop-button {
  margin-top: 30px;
  background: linear-gradient(135deg, #6e45e2, #88d3ce);
  color: #fff !important;
  font-weight: bold;
  border-radius: 40px;
  padding: 14px 36px;
  border: none;
  font-size: 1.1rem;
  box-shadow: 0 6px 15px rgba(110, 69, 226, 0.4);
  transition: all 0.3s ease;
}

.pop-button:hover {
  background: linear-gradient(135deg, #5635e0, #6cd0c4);
  box-shadow: 0 10px 25px rgba(110, 69, 226, 0.6);
  transform: scale(1.05);
}

/* Responsive improvements */
@media (max-width: 767px) {
  .pop-in {
    margin-bottom: 15px;
  }

  .pop-h2 {
    font-size: 14px;
  }

  .pop-button {
    width: 100%;
    font-size: 1rem;
  }
  .custom-modal-content {
    padding: 25px 30px 40px 30px;
}
}

.case-animation{
    animation: dribble 4s infinite linear alternate;
  }
  .automotive-animation{
  animation: automotive-animation 4s infinite linear alternate;
  }
  .human-animation{
    animation: human-animation 4s infinite linear alternate;
  }
  .testing-animation{
    animation: testing-animation 4s infinite linear alternate;
  }

  @keyframes dribble {
    0%   {transform: translateY(0px);}
    20%  {transform: translateY(-4px);}
    40%  {transform: translateY(-8px);}
    60%  {transform: translateY(0px);}
    80% {transform: translateY(4px);}
    100% {transform: translateY(8px);}
  }

  @keyframes automotive-animation {
    0%   {transform: translateY(0px);}
    20%  {transform: translateY(-8px);}
    40%  {transform: translateY(-4px);}
    60%  {transform: translateY(0px);}
    80% {transform: translateY(8px);}
    100% {transform: translateY(4px);}
  }
  
  @keyframes human-animation {
    0%   {transform: translateY(0px);}
    20%  {transform: translateY(-8px);}
    40%  {transform: translateY(-4px);}
    60%  {transform: translateY(0px);}
    80% {transform: translateY(8px);}
    100% {transform: translateY(4px);}
  }
  
  @keyframes testing-animation {
    0%   {transform: translateY(0px);}
    20%  {transform: translateY(-8px);}
    40%  {transform: translateY(-4px);}
    60%  {transform: translateY(0px);}
    80% {transform: translateY(8px);}
    100% {transform: translateY(4px);}
  }


body.modal-open {
  padding-right: 0 !important;
	 overflow: visible!important;
}

    .whitepaper-section {
      position: relative;
      padding: 100px 15px;
      overflow: hidden;
    }

    .img-box {
      position: absolute;
      top: 50px;
      left: 0;
      width: 50%;
      height: 80%;
      /* background: url('assets/images/hero-banner-3.jpg') no-repeat center center; */
      /* background-size: cover; */
      /* border-radius: 20px;
      box-shadow: 0 20px 50px rgba(0,0,0,0.1);
      z-index: 1; */
    }
.img-box-main {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  border-radius: 20px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.1);
  display: block;
}
    .content-box {
      margin-left: auto;
      margin-right: 0;
      width: 60%;
      background: white;
      padding: 50px;
      border-radius: 15px;
      box-shadow: 0 20px 40px rgba(0,0,0,0.05);
      position: relative;
      z-index: 2;
    }

    .content-box h1 {
      font-size: 2rem;
      font-weight: 700;
      color: #003366;
    }

    .content-box p {
      font-size: 1.05rem;
      color: #555;
    }

    .btn-download {
      background-color: #0076C0;
      color: white;
      padding: 10px 25px;
      border: none;
      border-radius: 4px;
      margin-top: 25px;
    }

    .btn-download:hover {
      background-color: #005c99;
    }

    @media (max-width: 768px) {
      .whitepaper-section {
        padding: 60px 15px;
      }

      .img-box {
        position: static;
        width: 100%;
        height: 250px;
        margin-bottom: 20px;
        border-radius: 10px;
      }

      .content-box {
        width: 100%;
        padding: 30px;
      }
    }


      .hover-card {
        position: relative;
        width: 100%;
        height: 480px;
        overflow: hidden;
        border-radius: 12px;
        background-color: #1a1a1a;
        color: white;
        -webkit-transition-duration: 550ms;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        transition-duration: 550ms;
        -webkit-transition-property: scale;
        transition-property: scale;
        -webkit-transition-timing-function: cubic-bezier(0.85,0,0,1);
        transition-timing-function: cubic-bezier(0.85,0,0,1);
        margin: 10px 0 0 0;
    }

    .card-image-layer,
    .card-hover-layer {
        position: absolute;
        top: 20%;
        left: 0;
        height: 100%;
        width: 100%;
        border-radius: 12px;
        transition: all 0.6s ease;
    }
    .card-image-layer,
    .card-hover-layer-expand {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        border-radius: 12px;
        transition: all 0.6s ease;
    }

    .card-image-layer img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 12px;
        transition: transform 0.6s cubic-bezier(0.85,0,0,1), filter 0.6s cubic-bezier(0.85,0,0,1);
    }

    .card-static-content {
        position: absolute;
        top: 15%;
        left: 2rem;
        transform: translateY(-50%);
        z-index: 3;
        text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    }

    .card-subtitle {
        text-transform: uppercase;
        font-size: 0.8rem;
        color: #ccc;
    }

    .card-title-service {
        font-size: 25px;
        font-weight: bold;
        color: #fff;
        margin-top: 0.3rem;
    }

    .card-hover-layer {
    
        z-index: 2;
        opacity: 0;
        transform: translateY(20px);
        padding: 2rem;
        /* display: flex;
        flex-direction: column;
        justify-content: flex-end; */
        pointer-events: none;
    }
    .card-hover-layer-expand {
    
        z-index: 2;
        opacity: 0;
        transform: translateY(20px);
        padding: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        pointer-events: none;
        text-align: end;
    }

    .hover-card:hover .card-hover-layer {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }
    .hover-card:hover .card-hover-layer-expand {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    .hover-card:hover .card-image-layer {
        transform: scale(1.08) translateX(30px) translateY(30px);
        webkit-filter: blur(75px);
        filter: blur(75px);
        opacity: .5;
    }

        .card-text-service {
      color: #ccc;
    font-size: 25px;
    margin-bottom: 4rem;
    }

    .expand-link {
      color: white;
      font-weight: bold;
      text-decoration: none;
    }

    .expand-link:hover {
      text-decoration: underline;
    }

@media (max-width: 600px) {
    .case-text {
        font-size: 18px !important;
    }
.case-layer {
    padding: 8px 32px 0px !important;
}
   .case-title {
        font-size: 20px !important;
    }

}



      .year-nav {
      overflow-x: auto;
      white-space: nowrap;
      border-bottom: 2px solid #eee;
    }
    .year-nav .nav-link {
      display: inline-block;
      margin: 5px;
      padding: 10px 20px;
      border-radius: 30px;
      background: #f5f5f5;
      transition: all 0.3s ease;
    }
    .year-nav .nav-link.active {
      background: linear-gradient(90deg, rgba(0, 153, 216, 1) 0%, rgba(125, 95, 208, 1) 57%, rgba(201, 108, 229, 1) 100%);
      color: #fff !important;
    }
    .award-card {
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
      transition: transform 0.2s ease;
      min-height: 160px;
    }
    .award-card h5{
      font-size: 15px;
    }
    .award-card:hover {
      transform: translateY(-5px);
    }
    .awd-img12{
      max-height: 300px;
      object-fit: cover;
    }

    .ser-exp {
    padding: 10px 30px !important;
    font-weight: 700 !important;
    color: #fff !important;
    font-size: 20px !important;
}

        .left-section {
            border: 2px solid rgb(198 199 199);
            background-image: url('https://ampcus.com/NEW/wp-content/themes/Ampcus/assets/images/Grid-gray.png') ;
            padding: 50px;
            border-radius: 15px;
            position: relative;
            height: 100%;
        }
        .right-section {
            /* background: linear-gradient(to right, rgb(135, 206, 235) 0%, rgb(186, 165, 223) 57%, rgb(230, 180, 240) 100%); */
            padding: 0px;
            border-radius: 15px;
            height: 100%;
        }
        .display-4 {
            font-size: 3.5rem;
            font-weight: 900;
            line-height: 1.2;
        }
        .text-purple {
            color: #5c22b6;
        }
        .custom-btn {
          background: linear-gradient(to right, rgb(135, 206, 235) 0%, rgb(186, 165, 223) 57%, rgb(230, 180, 240) 100%) !important;
    border: none !important;
    padding: 12px 25px !important;
    border-radius: 25px !important;
    color: #fff !important;
    font-weight: 600 !important;
    transition: transform 0.2s !important;
        }
        .custom-btn:hover {
            transform: scale(1.05);
        }
.card-custom {
position: relative !important;
    border-radius: 15px !important;
    height: 175px !important;
    padding: 20px;
    overflow: hidden;
    background: #fff !important;
}

/* Number positioned bottom-left */
.card-custom .dt-num {
    position: absolute;
    bottom: 45px;
    left: 15px;
    font-size: 32px;
    font-weight: bold;
    margin: 0;
    color: #000; /* Adjust color as needed */
}

/* Hide subtitle if not used */
.card-custom .text-small {
    display: none;
}

/* Vertical label on the right */
.card-custom::after {
content: attr(data-label);
    position: absolute;
    /* top: 15px; */
    bottom: 12px;
    /* right: 10px; */
    /* writing-mode: vertical-rl; */
    /* transform: rotate(180deg); */
    font-size: 15px;
    font-weight: 600;
    /* color: #555; */
    letter-spacing: 0.5px;
}
        .dt-num {
            font-size: 25px;
            font-weight: bold;
            color: rgb(135, 206, 235);
            margin: 0;
        }
        .portfolio-card {
            background: #fff; /* Plain background for the first box */
        }
        .video-play {
            /* width: 40px;
            height: 40px; */
            background: transparent; /* Transparent background */
            /* border: 2px solid rgb(135, 206, 235); */
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            vertical-align: middle;
            margin-right: 10px;
            animation: pulse 2s infinite;
            font-size: 30px;
        }
        .video-play:hover {
            transform: scale(1.1);
            box-shadow: 0 0 10px rgba(230, 180, 240, 0.5);
        }
        .video-play::before {
            content: '';
            /* width: 0;
            height: 0;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
           border-left: 15px solid rgb(135, 206, 235); */
        }
        @keyframes pulse {
            0% { transform: scale(1.2); }
            50% { transform: scale(1.08); }
            100% { transform: scale(1.2); }
        }

        .text-small {
            font-size: 12px;
            color: #666;
        }
        .modal-video {
            max-width: 800px;
        }
        .modal-video .modal-content {
            background: transparent;
            border: none;
        }

                .who-abt{
            font-size: 18px;
            color: #5c22b6;
            background-color: #F7F7F7;
    padding: 0px 12px 0px 12px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #00000012;
    border-radius: 50px 50px 50px 50px;
        text-transform: uppercase;
        }


            @media (max-width: 768px) {
.left-section { padding: 11px;}
				
				.card-custom{margin-bottom: 15px;}	
				.more-font{font-size: 12px !important;}
    }




    span.prnews_span
{
font-size:8pt;
font-family:"Arial";
color:black;
}
a.prnews_a
{
color:blue;
}
li.prnews_li
{
font-size:8pt;
font-family:"Arial";
color:black;
}
p.prnews_p
{
font-size:0.62em;
font-family:"Arial";
color:black;
margin:0in;
}
.prngen4{
BORDER-TOP:1pt; BORDER-RIGHT:black 1pt solid; VERTICAL-ALIGN: BOTTOM; BORDER-BOTTOM:black 1pt solid; PADDING-LEFT:0.50em; BORDER-LEFT:black 1pt solid; PADDING-RIGHT:0.50em
}
.prngen3{
BORDER-TOP:black 1pt solid; BORDER-RIGHT:black 1pt solid; VERTICAL-ALIGN: BOTTOM; BORDER-BOTTOM:black 1pt solid; PADDING-LEFT:0.50em; BORDER-LEFT:1pt; PADDING-RIGHT:0.50em
}
.prngen5{
BORDER-TOP:1pt; BORDER-RIGHT:black 1pt solid; VERTICAL-ALIGN: BOTTOM; BORDER-BOTTOM:black 1pt solid; PADDING-LEFT:0.50em; BORDER-LEFT:1pt; PADDING-RIGHT:0.50em
}
.prnsbls{
BORDER-LEFT:black 1pt solid
}
.prntblns{
BORDER-TOP: 1pt; BORDER-RIGHT: 1pt; BORDER-COLLAPSE: collapse; BORDER-BOTTOM: 1pt; BORDER-LEFT: 1pt
}
.prnsbbs{
BORDER-BOTTOM:black 1pt solid
}
.prnvab{
VERTICAL-ALIGN: BOTTOM
}
.prnrbrs{
BORDER-RIGHT:black 1pt solid
}
.prnpl6{
PADDING-LEFT:0.50em
}
.prnsbts{
BORDER-TOP:black 1pt solid
}
.prnpr6{
PADDING-RIGHT:0.50em
}
.prntal{
TEXT-ALIGN: LEFT
}

.news-release .divOverflow {
    margin-bottom: 35px;
}
.table-responsive {
    margin-bottom: 0;
}

.news-text{
  text-align: justify;
}

#automation h1{font-size: 3.0rem;}
#automation p{font-size: 18px;}

    .section-title12 {
      font-size: 2.3rem;
      font-weight: 800;
      color: #032c3f;
      text-transform: uppercase;
    }
    .highlight-tag {
      background-color: #51e1cc;
      color: #000;
      font-weight:600;
      padding: 4px 12px;
      font-size: 18px;
      border-radius: 4px;
      display: inline-flex;
      align-items: center;
      gap: 5px;
    }
    .highlight-tag::before {
      content: '';
      width: 10px;
      height: 10px;
      background: #002840;
      border-radius: 50%;
      display: inline-block;
    }
  .feature-box1 {
  border-left: 6px solid #51e1cc; /* orange left border */
  border-radius: 12px;
  padding: 20px 30px 20px 20px;
  /* background: url('https://i.imgur.com/9rFvOjR.png') no-repeat left center;  */
  background-size: 120px 100%;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.03);
  margin-bottom: 1.5rem;
  color: #555;
}

  .feature-box1-infra {
  border-left: 6px solid #ffd700; /* orange left border */
  border-radius: 12px;
  padding: 20px 30px 20px 20px;
  /* background: url('https://i.imgur.com/9rFvOjR.png') no-repeat left center;  */
  background-size: 120px 100%;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.03);
  margin-bottom: 1.5rem;
  color: #555;
}
  .feature-box1-test {
  border-left: 6px solid #000000; /* orange left border */
  border-radius: 12px;
  padding: 20px 30px 20px 20px;
  /* background: url('https://i.imgur.com/9rFvOjR.png') no-repeat left center;  */
  background-size: 120px 100%;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.03);
  margin-bottom: 1.5rem;
  color: #555;
}
  .feature-box1-human {
  border-left: 6px solid #1d8bd6; /* orange left border */
  border-radius: 12px;
  padding: 20px 30px 20px 20px;
  /* background: url('https://i.imgur.com/9rFvOjR.png') no-repeat left center;  */
  background-size: 120px 100%;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.03);
  margin-bottom: 1.5rem;
  color: #555;
}

.feature-item {
  position: relative;
  font-size: 15px;
  font-weight: 600;
  color: #000;
  margin-bottom: 12px;
 /* padding-left: 30px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px 20px;
  background-image: url('assets/images/success.png'); /* Example local path */
	    border-bottom: 1px solid #d7d7d7;
	
	
	
	line-height: 37px;
    background: url(https://ampcus.com/NEW/wp-content/themes/Ampcus/assets/images/success.png) top left no-repeat !important;
    padding-left: 35px;
}
    .read-more-btn {
      background-color: #002840;
		
		background: linear-gradient(90deg, rgba(0, 153, 216, 1) 0%, rgba(125, 95, 208, 1) 57%, rgba(201, 108, 229, 1) 100%);
		    text-transform: uppercase;
      color: #fff !important;
      padding: 12px 24px;
      border: none;
      border-radius: 8px;
      font-weight: 600;
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .contact-box {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .contact-box i {
      background-color: #002840;
      color: #fff;
      padding: 12px;
      border-radius: 50%;
      font-size: 16px;
    }
    /* .video-overlay {
      position: absolute;
      bottom: 10px;
      left: 10px;
      right: 10px;
      background: linear-gradient(to right, #000000cc, #00000088);
      color: white;
      padding: 15px 20px;
      border-radius: 15px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .video-overlay .play-icon {
      width: 50px;
      height: 50px;
      background: #ffffff33;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .video-overlay .play-icon::before {
      content: '▶';
      font-size: 24px;
      color: white;
    } */
    .image-box {
      position: relative;
      overflow: hidden;
      border-radius: 20px;
    }
    .image-box img {
      width: 100%;
      height: auto;
      object-fit: cover;
      border-radius: 20px;
    }


        .video-card-glass {
      background: #168fd7;
      backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 20px;
      transition: transform 0.4s ease, box-shadow 0.4s ease;
      overflow: hidden;
     
          color: #ffff;
    }

    .video-card-glass:hover {
      transform: translateY(-10px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    }

    .video-thumb {
      position: relative;
      padding-bottom: 56.25%;
      overflow: hidden;
      border-radius: 20px 20px 0 0;
    }

    .video-iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border: none;
    }

    .overlay-video-inn {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: radial-gradient(circle at center, rgba(0, 0, 0, 0.3), transparent);
      display: flex;
      align-items: center;
      justify-content: center;
      pointer-events: none; /* allows clicks to go through to video */
      z-index: 2;
    }

    .play-icon {
      font-size: 3rem;
      color: #fff;
      text-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
      animation: pulse 1.2s infinite;
    }

    @keyframes pulse {
      0% { transform: scale(1); opacity: 0.9; }
      50% { transform: scale(1.2); opacity: 1; }
      100% { transform: scale(1); opacity: 0.9; }
    }

    .card-body-video {
     padding: 10px 20px;
      /* background-color: #ffffff; */
    }

    .card-title-video {
      font-size: 18px;
    }

    .card-text-video {
      font-size: 0.95rem;
      color: #555;
    }

      .innovation-title {
    font-weight: 600;
    font-size: 30px;
    margin: 30px 0px;
    }

    @media (max-width: 768px) {
     .video-card-glass {
          min-height: 0px;
    }
    }

    .section-title-convec {
  background: linear-gradient(90deg, rgba(0, 153, 216, 1) 0%, rgba(125, 95, 208, 1) 57%, rgba(201, 108, 229, 1) 100%);
  color: #fff;
  padding: 10px 20px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
  border-radius: 6px;
}
.card-header-custom-convec {
background-color: #e9f2ff !important;
    color: #003366 !important;
    font-weight: bold;
    padding: 0.75rem 1.25rem !important;
}
.contract-badge {
  font-size: 0.9rem;
  background-color: #d9ecff;
  color: #0d47a1;
  padding: 0.4rem 0.8rem;
  border-radius: 0.3rem;
}
.img-thumbnail-custom {
  max-height: 180px;
  object-fit: cover;
}
@media (max-width: 600px) {
       .card-title-service {
        font-size: 23px;
    }
.section-title {
    padding-bottom: 10px;
margin-bottom: 0 !important;
}
	.ser-space-box{
		margin-top: 25px !important;
	}
	.section-title12 {
    font-size: 30px;
}
	.card-custom .dt-num {
  bottom: 62px;
  font-size: 26px;
}
.card-custom{padding: 12px;}
.image-layout { display: none;}
	.custom-btn{
  padding: 6px  17px 9px 17px !important;
  font-size: 12px !important;
}
	.card-text-service {
    font-size: 21px;
}
.hover-card {
    height: 240px;
}
	
	@supports (height:100dvh) {
  :is([style*="height:100vh"]) {
    min-height: unset !important;
    height: auto !important;
  }
}
	
	
.world-map {
  width: 100%;
  height: auto !important;
  max-height: 400px; /* You can adjust this */
  display: block;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .world-map {
    max-height: 300px;
  }
}
	
}
.responsive-map {
  width: 100%;
  height: 100vh;
  fill: #b9b9b9;
}

@media (max-width: 600px) {
#chartdiv {
    height: 50vh !important;
}
}


.features .nav-tabs {
  border: 0;
}

.features .nav-link {
  border: 0;
  padding: 25px 20px;
  color: var(--color-secondary);

  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: 0s;
  cursor: pointer;
  height: 100%;
  background: #eee;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;

}

.features .nav-link i {
  font-size: 32px;
  line-height: 0;
}

.features .nav-link h4 {
  font-size: 20px;
  font-weight: 600;
  margin: 10px 0 0 0;
  color: var(--color-secondary);
}

.features .nav-link:hover {
  color: var(--color-primary);
}

.features .nav-link.active {
  transition: 0.3s;
  background: rgb(7, 173, 217);
  background: linear-gradient(0deg, rgba(7, 173, 217, 1) 0%, rgba(0, 227, 228, 1) 100%);
}

.features .nav-link.active h4 {
  color: #fff;
}

.features .nav-link.active i {
  color: #fff !important;
}

.features .tab-content {
  margin-top: 30px;
}

.features .tab-pane.active {
  animation: fadeIn 0.5s ease-out;
}

.features .tab-pane h3 {
  font-weight: 600;
  font-size: 27px;
  color: #485664;
  text-align: center;
}

.features .tab-pane ul {
  list-style: none;
  padding: 0;
}

.features .tab-pane ul li {
  padding-bottom: 10px;
}

.features .tab-pane ul i {
  font-size: 24px;
  margin-right: 4px;
  color: var(--color-primary);
}

.features .tab-pane p:last-child {
  margin-bottom: 0;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.box-clients {
  width: 100%;
  background: #FFF;
  margin: 10px auto;
  border: solid 1px #eee;
  box-shadow: 0 .2rem 1rem rgba(0, 0, 0, .10) !important;
}

.color-blue {
  color: #0d6efd !important;
}

.color-orange {
  color: #fd7e14 !important;
}

.color-red {
  color: #df1529 !important;
}
@media screen and (min-width: 769px) and (max-width: 1370px) {
  .image-layout {
        display: grid !important;
        grid-template-columns: 140px 280px 140px;
        grid-template-rows: 132px 277px 37px;
        grid-template-areas:
        "img1 main img2"
        "img3 main side"
        ". main img4";
        /* background-color: #b9f9f9; */
        padding: 30px 40px;
        border-radius: 0 40px 40px 0;
        gap: 20px;
        justify-content: center;
        align-items: center;
        width: fit-content;
  }

  /* Override flex display on image-row to avoid conflict */
  .image-row {
    display: contents !important;
  }

  .image-row img:first-child {
    grid-area: img1;
    width: 140px;
    height: 120px;
    object-fit: cover;
    border-radius: 20px;
  }

  .image-row img:nth-child(3) {
    grid-area: img2;
    /* width: 140px; */
    height: 120px;
    object-fit: cover;
    border-radius: 20px;
  }

  .image-row.center-row img:first-child {
    grid-area: img3;
    width: 140px;
    height: 140px;
    object-fit: cover;
    border-radius: 20px;
  }

  .main-img {
    grid-area: main;
    width: 280px;
    /* height: 480px; */
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  }

  .surround-wrapper {
    grid-area: side;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0px;
  }

  .small-above-img {
    width: 140px;
    height: 120px;
    border-radius: 12px;
    object-fit: cover;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  }

  .surround-img.testing-animation {
    width: 140px;
    height: 140px;
    border-radius: 20px;
    object-fit: cover;
  }

  .spacer {
    display: none;
  }
  #how-we::after {
    background-color: unset;
}
}
    .section-title-789 {
      font-size: 1.2rem;
      color: #5c22b6;
      font-weight: 600;
      margin-top: 2rem;
      margin-bottom: 1rem;
    }

    .small-links-itsac a {
      color: #337ab7 !important;
      text-decoration: none !important;
    }

    .small-links-itsac a:hover {
      text-decoration: underline !important;
    }

    .service-box-itsac {
      border: 1px solid #ddd;
      border-left: 4px solid #51e1cc;
      padding: 0.5rem 1rem;
      border-radius: 5px;
      background-color: #fafafa;
      transition: background 0.2s;
      height: 100%;
      /* Add margin for spacing between boxes */
      margin-bottom: 1rem;
    }

    .service-box-itsac:hover {
      background-color: #f2fdfc;
    }

    .resource-link-itsac {
      display: inline-block;
      background: #51e1cc;
      color: #000 !important;
      padding: 0.5rem 0.75rem;
      margin: 0.3rem 0.4rem 0.3rem 0;
      border-radius: 4px;
      text-decoration: none;
      font-weight: 500;
      transition: background 0.2s;
	  min-width: 195px;
      text-align: center;
    }

    .resource-link-itsac:hover {
      background: #3fd6bd;
      color: #000;
    }

    .contact-box-itsac {
      background: #f9f9f9;
      border-left: 4px solid #5c22b6;
      padding: 1rem;
      border-radius: 6px;
      height: fit-content;
      top: 20px; /* Keep contact visible on scroll */
    }
.dir-contract {
  color: #337ab7 !important;
  font-weight: 600 !important;
  text-decoration: none;
}

.dir-contract:hover {
  text-decoration: underline !important;
}
    .contact-box-itsac a {
      color: #5c22b6 !important;
    }

    .small-links-itsac a {
      margin-right: 1rem;
      font-weight: 500;
    }

.conv-title{
  font-size: 17px;
}

    .capabilities-list {
      list-style: none;
      padding-left: 0;
      margin-bottom: 2rem;
    }

    .capabilities-list li {
      margin-bottom: 0.7rem;
      font-weight: 600;
      display: flex;
      align-items: center;
      gap: 0.6rem;
    }

    .capabilities-list li i {
      color: #0d6efd;
      font-size: 1.2rem;
    }

        .highlight-box {
      background-color: #e9f5fe;
      border-left: 5px solid #4facfe;
      padding: 1rem 1.25rem;
      margin: 2rem 0;
      font-weight: 700;
      font-size: 1rem;
      color: #1a3e72;
      border-radius: 0.3rem;
    }

    .features-list {
      list-style: outside !important;
      padding-left: 0;
      margin-top: 1.5rem;
    }

@media (max-width: 768px) {
  .award-card .row {
    position: relative;
  }

  .award-card .col-md-4 {
    width: 100%;
  }

  .award-card img {
    width: 100%;
   max-height: 180px; /* Controls the height */
    object-fit: cover;
    border-radius: 8px;
  }

  .award-card .col-md-8 {
  position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6); /* transparent black overlay */
    color: #fff;
    padding: 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .award-card .card-body {
    padding: 0;
  }

  .award-card .card-body h5 {
    font-size: 16px;
    margin: 0;
  }
}


    .contact_us{
    background-color: #f1f1f1;
    padding: 50px 0px;
}

.contact_inner{
    background-color: #fff;
    position: relative;
    box-shadow: 20px 22px 44px #cccc;
    border-radius: 25px;
}
.contact_field{
    padding: 60px 340px 90px 100px;
}
.right_conatct_social_icon{
    height: 100%;
}
.right_conatct_social_icon {
     background: linear-gradient(to top right, #158fd6 -5%, #b468df 100%);
}

.contact_field h3{
   color: #000;
    font-size: 40px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 10px
}
.contact_field p{
    color: #000;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 35px;
}
.contact_field .form-control{
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #ccc;
}
.contact_field .form-control:focus{
    box-shadow: none;
    outline: none;
    border-bottom: 2px solid #1325e8;
}
.contact_field .form-control::placeholder{
    font-size: 13px;
    letter-spacing: 1px;
}

.contact_info_sec {
    position: absolute;
    background-color: #2d2d2d;
    right: 1px;
    top: 18%;
    height: 340px;
    width: 340px;
    padding: 40px;
    border-radius: 25px 0 0 25px;
        color: #fff;
}
.contact_info_sec h4{
    letter-spacing: 1px;
    padding-bottom: 15px;
}

.info_single{
    margin: 30px 0px;
}
.info_single i{
    margin-right: 15px;
}
.info_single span{
    font-size: 14px;
    letter-spacing: 1px;
    margin-left: 10px;
}

button.contact_form_submit {
    background: linear-gradient(to top right, #1325e8 -5%, #8f10b7 100%);
    border: none;
    color: #fff;
    padding: 10px 15px;
    width: 100%;
    margin-top: 25px;
    border-radius: 35px;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 2px;
}
.socil_item_inner li{
    list-style: none;
}
.socil_item_inner li a{
    color: #fff;
    margin: 0px 15px;
    font-size: 14px;
}
.socil_item_inner{
    padding-bottom: 10px;
}

.contact_field .form-control {
    border-radius: 8px;
    border: 1px solid #ccc;
    padding: 12px 15px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    font-size: 14px;
    background-color: #f9f9f9;
    margin-bottom: 15px;
}

.contact_field .form-control:focus {
    box-shadow: 0 0 8px rgba(19, 37, 232, 0.4);
    border: 1px solid #1325e8;
    background-color: #fff;
}

/* TEXTAREA FIX */
.contact_field textarea.form-control {
    min-height: 120px;
    resize: vertical;
}

/* BUTTON STYLES */
button.contact_form_submit {
    background: linear-gradient(to top right, #1325e8 -5%, #8f10b7 100%);
    border: none;
    color: #fff;
    padding: 14px 20px;
    width: 100%;
    margin-top: 25px;
    border-radius: 35px;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 1.5px;
    transition: background 0.3s ease, transform 0.2s ease;
}

button.contact_form_submit:hover {
    background: linear-gradient(to top right, #0f1fcf -5%, #730f94 100%);
    transform: translateY(-2px);
}

/* FORM CONTAINER POLISH */
.contact_field {
    padding: 60px 260px 20px 100px;
    background: #fff;
    border-radius: 20px;
}

/* INFO BOX UPDATE */
.contact_info_sec {
    position: absolute;
    background-color: #2d2d2d;
    right: 1px;
    top: 18%;
    height: auto;
    width: 340px;
    padding: 40px;
    border-radius: 25px 0 0 25px;
    color: #fff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.contact_info_sec h4 {
    letter-spacing: 1px;
    padding-bottom: 20px;
    font-size: 22px;
    font-weight: 600;
    border-bottom: 1px solid #444;
    margin-bottom: 20px;
}

.info_single {
    display: flex;
    align-items: center;
    margin: 25px 0;
    font-size: 14px;
}

.info_single i {
    font-size: 18px;
    margin-right: 15px;
    color: #8f10b7;
}

.info_single span {
    letter-spacing: 1px;
    line-height: 1.4;
}
@media (max-width: 576px) {
    .contact_inner {
        padding: 20px;
    }

    .contact_field {
        padding: 40px 20px;
    }

    .contact_info_sec {
        position: static;
        width: 100%;
        border-radius: 15px;
        margin-top: 30px;
        height: auto;
    }

    .contact_info_sec h4 {
        font-size: 20px;
    }

    .info_single {
        margin: 15px 0;
    }

    .info_single span {
        font-size: 13px;
    }

    .contact_field h3 {
        font-size: 28px;
    }

    button.contact_form_submit {
        font-size: 14px;
        padding: 12px 10px;
    }
}

/* Medium devices (tablets, 768px and down) */
@media (max-width: 768px) {
    .contact_inner {
        flex-direction: column;
    }

    .contact_field {
        padding: 40px 40px 0px 40px;
    }

    .contact_info_sec {
        position: static;
        width: 100%;
        margin-top: 40px;
        border-radius: 20px;
        height: auto;
    }
    .contact_us {
    padding: 20px 0px;
}
}


.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}
.svg-inline--fa.fa-w-16 {
    width: 1em;
}

#privacy-matters h2{
	font-size: 20px;
}
#privacy-matters ul{
	list-style: unset;
}


#terms-condition h2{
	font-size: 20px;
}
#terms-condition ul{
	list-style: unset;
}
@media (max-width: 600px) {
.feature-item {
    margin-bottom: 16px;
    line-height: 16px;
    padding-bottom: 15px;
}
}

    .card-section-resource {
      padding: 80px 0;
    }

    .info-card-resource {
      border: none;
      border-radius: 16px;
      overflow: hidden;
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
      transition: transform 0.3s ease;
      background: #fff;
    }

    .info-card-resource:hover {
      transform: translateY(-5px);
    }

    .info-img-resource {
      width: 100%;
      height: 250px;
      object-fit: cover;
    }

    .card-body-resource {
      padding: 30px;
    }

    .card-title-resource {
      font-size: 1.8rem;
      font-weight: bold;
      color: #2c225f;
    }

    .card-text-resource {
      color: #555 !important;
      margin: 20px 0;
    }

    .explore-btn-resource {
      display: inline-block;
      padding: 10px 24px;
      background: linear-gradient(45deg, #6f42c1, #9b5de5);
      color: #fff !important;
      border-radius: 30px;
      font-weight: 500;
      text-decoration: none;
      transition: background 0.3s ease;
    }

    .explore-btn-resource:hover {
      background: linear-gradient(45deg, #5a34a0, #7a4ad8);
      text-decoration: none;
    }