.oea-iconbox {
  background-color: #ffffff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s, box-shadow 0.3s;
}

.oea-iconbox:hover {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

.oea-iconbox i {
  font-size: 40px;
  color: #ff8800;
  margin-bottom: 20px;
  animation: bounceIn 1s ease;
}

.oea-iconbox h3 {
  font-family: "Manrope", sans-serif;
  font-size: 22px;
  margin-bottom: 10px;
  color: #1f2937;
  font-weight: 700;
}

.oea-iconbox p {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  color: #1f2937;
  line-height: 1.6;
  font-weight: 400;
}

.oea-iconbox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 30px;
}

.oea-iconbox .oea-iconbox-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.oea-iconbox h3 {
  margin: 15px 0 0 0;
}

.oea-iconbox p {
  margin: 15px 0 0 0;
}

.oea-iconbox i,
.oea-iconbox svg {
  display: inline-flex;
}
.oea-iconbox.oea-continuous-pulse {
  animation: oeaHoverPulse 1s infinite;
}
.oea-iconbox.oea-continuous-bounce {
  animation: oeaHoverBounce 0.6s infinite;
}
.oea-iconbox.oea-continuous-flash {
  animation: flashEffect 0.8s infinite;
}
.oea-iconbox.oea-continuous-shake {
  animation: oeaHoverShake 0.6s infinite;
}
.oea-iconbox.oea-continuous-wave {
  animation: waveEffect 1s infinite;
}
.oea-iconbox.oea-continuous-float {
  animation: oeaHoverFloat 1.5s infinite ease-in-out;
}
.oea-iconbox.oea-continuous-tada {
  animation: oea-tadaEffect 1s ease infinite;
}
.oea-iconbox.oea-continuous-swing {
  animation: oeaHoverSwing 1s ease infinite;
  transform-origin: top center;
}
.oea-iconbox.oea-continuous-wobble {
  animation: oeaHoverWobble 1s ease infinite;
}
.oea-iconbox[data-hover-effect="oea-hover-lift"]:hover {
  transform: translateY(-8px);
}

.oea-iconbox[data-hover-effect="oea-hover-grow"]:hover {
  transform: scale(1.07);
}

.oea-iconbox[data-hover-effect="oea-hover-rotate"]:hover {
  transform: rotate(7deg);
}

.oea-iconbox[data-hover-effect="oea-hover-rotate-ccw"]:hover {
  transform: rotate(-7deg);
}

.oea-iconbox[data-hover-effect="oea-hover-shadow-pop"]:hover {
  box-shadow: 0px 6px 22px rgba(var(--main-color-rgb, 255, 136, 0), 0.35),
    0px 4px 15px rgba(0, 0, 0, 0.1);
}

.oea-iconbox[data-hover-effect="oea-hover-glow-main"]:hover {
  box-shadow: 0 0 12px 1px rgba(var(--main-color-rgb, 255, 136, 0), 0.4),
    0 0 20px 3px rgba(var(--main-color-rgb, 255, 136, 0), 0.25);
}

.oea-iconbox[data-hover-effect="oea-hover-pulse-gentle"]:hover {
  animation-name: oeaHoverPulse;
  animation-duration: var(--oea-hover-animation-duration, 1s);
  animation-delay: var(--oea-hover-animation-delay, 0s);
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.oea-iconbox[data-hover-effect="oea-hover-shake-gentle"]:hover {
  animation-name: oeaHoverShake;
  animation-duration: var(--oea-hover-animation-duration, 0.5s);
  animation-delay: var(--oea-hover-animation-delay, 0s);
  animation-iteration-count: 2;
}

.oea-iconbox[data-hover-effect="oea-hover-float-gentle"]:hover {
  animation-name: oeaHoverFloat;
  animation-duration: var(--oea-hover-animation-duration, 1.5s);
  animation-delay: var(--oea-hover-animation-delay, 0s);
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.oea-iconbox[data-hover-effect="oea-hover-fade"]:hover {
  opacity: 0.5;
  transition: opacity var(--oea-hover-animation-duration, 0.5s) ease;
}

.oea-iconbox[data-hover-effect="oea-hover-skew"]:hover {
  transform: skew(-12deg, 2deg);
}

.oea-iconbox[data-hover-effect="oea-hover-flip"]:hover {
  animation: oea-hover-flip-kf var(--oea-hover-animation-duration, 0.7s)
    var(--oea-hover-animation-delay, 0s) both;
}

.oea-iconbox[data-hover-effect="oea-hover-wobble"]:hover {
  animation: oeaHoverWobble var(--oea-hover-animation-duration, 0.8s)
    var(--oea-hover-animation-delay, 0s) both;
}

.oea-iconbox[data-hover-effect="oea-hover-tada"]:hover {
  animation: oea-tadaEffect var(--oea-hover-animation-duration, 0.8s)
    var(--oea-hover-animation-delay, 0s) both;
}

.oea-iconbox[data-hover-effect="oea-hover-swing"]:hover {
  animation: oeaHoverSwing var(--oea-hover-animation-duration, 0.7s)
    var(--oea-hover-animation-delay, 0s) both;
}

.oea-iconbox[data-hover-effect="oea-hover-rubberband"]:hover {
  animation: oea-hover-rubberband-kf var(--oea-hover-animation-duration, 0.8s)
    var(--oea-hover-animation-delay, 0s) both;
}

.oea-iconbox[data-hover-effect="oea-hover-heartbeat"]:hover {
  animation: oea-hover-heartbeat-kf var(--oea-hover-animation-duration, 1.2s)
    var(--oea-hover-animation-delay, 0s) both;
}

.oea-iconbox[data-hover-effect="oea-hover-jello"]:hover {
  animation: oea-hover-jello-kf var(--oea-hover-animation-duration, 0.9s)
    var(--oea-hover-animation-delay, 0s) both;
}

.oea-iconbox[data-hover-effect="oea-hover-bounce"]:hover {
  animation: oea-hover-bounce-kf var(--oea-hover-animation-duration, 0.8s)
    var(--oea-hover-animation-delay, 0s) both;
}

.oea-iconbox[data-hover-effect="oea-hover-flash"]:hover {
  animation: flashEffect var(--oea-hover-animation-duration, 0.7s)
    var(--oea-hover-animation-delay, 0s) both;
}
