/* Flip Card Wrapper */
.service-flip-card {
  perspective: 1000px;
}

.service-flip-card .flip-inner {
  position: relative;
  width: 100%;
  height: 360px;
  transform-style: preserve-3d;
  transition: transform 0.6s ease;
}

.service-flip-card:hover .flip-inner {
  transform: rotateY(180deg);
}

/* Front & Back Faces */
.service-flip-card .flip-front,
.service-flip-card .flip-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
  padding: 20px;
  background: #1b1b1b;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

/* Front */
.service-flip-card .flip-front {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Back */
.service-flip-card .flip-back {
  transform: rotateY(180deg);
}

.service-flip-card .flip-back ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.service-flip-card .flip-back li {
  margin: 8px 0;
  color: #ccc;
}

.service-flip-card .flip-back li i {
  color: #ff7e05;
  margin-right: 8px;
}

/* Icon Circle */
.service-flip-card .icon-circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: rgba(255,126,5,0.1);
  color: #ff7e05;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  margin-bottom: 15px;
}

.icon-circle img {
    filter: invert(48%) sepia(94%) saturate(596%) hue-rotate(5deg) brightness(102%) contrast(97%);
    transition: filter 0.3s ease;
}

.service-flip-card {
    perspective: 1000px;
    height: 350px;
}
.flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.6s;
}
.service-flip-card:hover .flip-inner {
    transform: rotateY(180deg);
}
.flip-front,
.flip-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    background: #1a1a1a;
    border-radius: 15px;
    padding: 20px;
}
.flip-front {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.flip-back {
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.icon-circle {
    width: 80px;
    height: 80px;
    background: #222;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}
.icon-circle img {
    transition: transform 0.3s ease;
}
.service-flip-card:hover .icon-circle img {
    transform: scale(1.1);
}

/* Swiper styling */
.swiper {
    padding-bottom: 30px;
}
.swiper-slide {
    display: flex;
    justify-content: center;
}