/* Decorative shape — continuous up/down float */
.it-service-4-sseed .it-service-4-shape img {
  animation: sseed-service-shape-float 4s ease-in-out infinite;
  will-change: transform;
}

@keyframes sseed-service-shape-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-22px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .it-service-4-sseed .it-service-4-shape img {
    animation: none;
  }
}

/* Homepage services — light black card, green accents; hover: yellow card, green → light black */
.it-service-4-sseed {
  --sseed-svc-green: #00D4FF;
  --sseed-svc-yellow: #faa919;
  --sseed-svc-light-black: #000000ca;
}

.it-service-4-sseed > .container > .row:last-of-type {
  align-items: stretch;
}

.it-service-4-sseed > .container > .row:last-of-type > [class*="col-"] {
  display: flex;
}

.it-service-4-sseed .it-service-2-item.sseed-tilt-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #070b14 !important;
  background-image: var(--sseed-sky-card-bg) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  transition: background 0.35s ease, box-shadow 0.35s ease;
}

.it-service-4-sseed .it-service-2-item.sseed-tilt-card .it-service-2-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  background: transparent !important;
}

.it-service-4-sseed .it-service-4-thumb-box {
  flex-shrink: 0;
  min-height: 100px;
}

.it-service-4-sseed .it-service-2-item.sseed-tilt-card p {
  flex: 1;
  margin-bottom: 0;
  /* text-align: justify; */
}

.it-service-4-sseed .it-service-2-item.sseed-tilt-card .it-service-2-icon {
  margin-top: auto;
  padding-top: 25px;
}

.it-service-4-sseed .it-service-2-item.sseed-tilt-card .it-section-title-sm,
.it-service-4-sseed .it-service-2-item.sseed-tilt-card .it-section-title-sm a,
.it-service-4-sseed .it-service-2-item.sseed-tilt-card p {
  color: var(--it-common-white) !important;
  transition: color 0.35s ease;
}

/* Top-left ball — .it-service-4-thumb-box::before */
.it-service-4-sseed .it-service-4-thumb-box::before {
  background: var(--sseed-svc-light-black) !important;
}

/* SVG blob (.it-service-2-thumb-shape) — green default, light black on hover */
.it-service-4-sseed .it-service-2-thumb-shape span {
  color: var(--sseed-svc-green) !important;
  transition: color 0.35s ease;
}

.it-service-4-sseed .it-service-2-icon a i {
  background-color: var(--sseed-svc-green) !important;
  transition: background-color 0.35s ease;
}

.it-service-4-sseed .it-service-2-thumb img {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  object-fit: cover;
  border: 5px solid #ffffff !important;
  transition: border-color 0.35s ease;
}

.it-service-4-sseed .it-service-2-item.sseed-tilt-card:hover {
  background-color: var(--sseed-svc-yellow) !important;
  background-image: none !important;
}

.it-service-4-sseed .it-service-2-item.sseed-tilt-card:hover .it-section-title-sm,
.it-service-4-sseed .it-service-2-item.sseed-tilt-card:hover .it-section-title-sm a,
.it-service-4-sseed .it-service-2-item.sseed-tilt-card:hover p {
  color: var(--sseed-svc-light-black) !important;
}

.it-service-4-sseed .it-service-2-item.sseed-tilt-card:hover .it-service-4-thumb-box::before {
  background: var(--sseed-svc-light-black) !important;
  bottom: 0 !important;
  left: -47px !important;
  opacity: 0.5 !important;
  visibility: visible !important;
}

.it-service-4-sseed .it-service-2-item.sseed-tilt-card:hover .it-service-2-icon a i {
  background-color: var(--sseed-svc-light-black) !important;
}

.it-service-4-sseed .it-service-2-item.sseed-tilt-card:hover .it-service-2-thumb img {
  border-color: #ffffff !important;
}

.it-service-4-sseed .it-service-2-item.sseed-tilt-card .it-section-title-sm:hover,
.it-service-4-sseed .it-service-2-item.sseed-tilt-card .it-section-title-sm a:hover {
  color: var(--sseed-svc-light-black) !important;
}

.it-service-4-sseed .it-service-2-item.sseed-tilt-card:hover .it-service-2-thumb-shape span {
  color: var(--sseed-svc-light-black) !important;
}

.it-service-4-sseed .it-service-4-thumb-box .it-service-2-thumb-shape {
  position: relative;
  z-index: 1;
  display: block;
  opacity: 1;
  visibility: visible;
}

.it-service-4-sseed .it-service-4-thumb-box .it-service-2-thumb {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  z-index: 2;
  text-align: center;
}