.single-project {
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 35px;
  pointer-events: none;
}

.single-project-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-bottom: 35px;
  background-color: #050b1d;
}

.about-img-style-1:before {
  background-color: #0a122d;
}

.mb--60 {
  margin-bottom: -60px;
}

.experience-small-block {
  width: min(380px, 95vw);
  height: fit-content;
  bottom: 70px;
}

.over-x-hidden {
  overflow-x: hidden !important;
}

@media screen and (max-width: 1400px) {
  .about-area .pl-85 {
      padding-left: 0 !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .about-img-style-1:before {
      right: 60px;
  }
}

@media screen and (max-width: 991px) {
  .experience-img img {
      width: 97.5%;
      transform: translateX(10px);
  }

  .about-img-style-1 {
      margin-top: 120px !important;
      margin-bottom: 0 !important;
  }

  .about-img-style-1:before {
      left: 35px !important;
  }

  .experience-small-block {
      bottom: 60px !important;
  }

  .hero-popup-content img {
      width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  .about-img-style-1:before {
      top: 70px !important;
  }
}

@media screen and (max-width: 575px) {
  .about-img-style-1 {
      left: -25px !important;
  }

  .about-img-style-1:before {
      top: 75px !important;
  }

  .experience-img img {
      margin-bottom: 0 !important;
  }

  .experience-small-block {
      bottom: 25px !important;
  }
}

@media screen and (max-width: 435px) {
  .experience-small-block {
      width: fit-content !important;
      max-width: 270px !important;
  }

  .experience-small-block h5 {
      font-size: 16px !important;
      line-height: 22px !important;
  }

  .hero-wrapper h1 {
      font-size: 44px !important;
      line-height: 52px !important;
  }

  .hero-popup-content {
      margin-top: 20px !important;
      margin-bottom: 20px !important;
  }

  .about-img-style-1:before {
      top: 60px !important;
  }
}

@media screen and (max-width: 330px) {
  .hero-wrapper h1 {
      font-size: 38px !important;
      line-height: 46px !important;
  }
}

.about-img-style-1:before {
  background-color: #1529a1;
}

.single-experience:hover {
  background-color: #f9f9f9;
}

.single-experience:hover p {
  color: #0a122d !important;
}

.single-service {
  height: 100%;
  background-color: #050b1d;
}

.single-service:hover {
  background-color: #4bcbcb;
}

/* .single-service:hover .material-symbols-outlined {
color: #4bcbcb !important;
} */

.single-experience h4 {
  background-color: #1529a1 !important;
  font-size: 1.2rem;
}

.single-service h3,
.single-service p {
  color: #ffffff;
}

.material-symbols-outlined {
  font-size: 2.5rem !important;
  color: #0a122d !important;
}

.experience-small-block {
  width: 320px;
  height: fit-content;
}

.cta-style-3-wrapper:before {
  border-color: #1529a1;
}

/* .single-experience{
border-radius: 0 24px 0 0;
border: 10px solid #4BCBCB;
background-color: #0A122D;
}

.single-experience:nth-of-type(2){
border-radius: 0;
}

.single-experience:nth-of-type(3){
border-radius: 0 0 24px 0;
}



.single-experience p{
color: #FFFFFF !important;
}

.single-experience h4{
background-color: #4BCBCB !important;
} */

@media screen and (max-width: 575px) {
  .experience-area .pl-85 {
      padding-left: 0 !important;
  }

  .experience-small-block {
      width: fit-content !important;
      right: 25px !important;
  }

  .experience-small-block h5 {
      font-size: 14px !important;
      line-height: 18px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .about-area.gray-bg-2 .about-img-style-1 {
      transform: translateX(30px) !important;
  }
}

.single-service {
  border-radius: 24px;
  border: 5px solid #29ce9b;
  border-top: none;
  border-left: none;
}

.service-icon {
  margin: 0 !important;
  transform: rotate(0) !important;
  background-color: transparent !important;
}

.service-icon span,
.single-service h3 {
  color: #29ce9b !important;
}