.info-card {
    background: white;
    padding: 30px;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.info-card a {
    font-family: 'Keshia', sans-serif !important;    text-decoration: none;
}

.info-card:hover {
    transform: translateY(-20px);
    box-shadow: 0 20px 60px rgba(0,38,73,0.9);
}

.too-many-tasks {
  text-shadow: 0 0 8px rgba(255, 255, 255, 1),
               0 0 20px rgba(255, 255, 255, 0.6);
}

.right-person {
  text-shadow: 0 0 12px rgba(255, 255, 255, 2),
               0 0 20px rgba(255, 255, 255, 0.6); text-size-adjust: 125%;
}

.trusted-by, .how-help, .overwhelmed {
  text-shadow: 0 0 8px rgba(255, 255, 255, 1),
               0 0 20px rgba(255, 255, 255, 0.6);
}

@media (min-width: 1000px) {
  .overwhelmed {
		font-size: 115px !important; padding 20 0px !important;} .right-person {font-size: 65px !important} 
	
	.running-business { margin: 5px 175px !important }
}




@media (max-width: 999px) {
  .overwhelmed {
		font-size: 40px !important; padding: 30 0px !important;} .right-person {font-size: 24px !important; line-height: 2.5rem}
}

@media (min-width: 750px) {.why-julia {margin-left: 375px !important }}

@media (max-width: 749px) {.why-julia {margin-left: 5px !important }}


.featured-plan {
    position: relative;
    transform: scale(1.05);
    z-index: 2;
}

.featured-plan::before {
    content: "Most Popular";
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: #cfb176;
    color: #1a1d20;
    padding: 4px 50px;
    font-size: 20px;
    font-weight: 800;
    border-radius: 2px;
    box-shadow: 0 6px 14px rgba(0,0,0,0.15);  animation: wiggle 3s ease-in-out infinite;
}

@keyframes wiggle {
    0%, 100% { transform: translateX(-50%) rotate(0deg); }
    25% { transform: translateX(-50%) rotate(2deg); }
    75% { transform: translateX(-50%) rotate(-2deg); }
}



/* Let the cards lift without being clipped */
.service-cards .eb-flipbox-container,
.monthly-plans .eb-flipbox-container {
    overflow: visible !important;
}

/* Smooth animation on the actual flipbox */
.service-cards .eb-flipbox-container,
.monthly-plans .eb-flipbox-container {
    transition: transform 0.3s ease, filter 0.3s ease;
}

/* Lift the whole card on hover */
.service-cards .eb-flipbox-container:hover,
.monthly-plans .eb-flipbox-container:hover {
    transform: translateY(-8px);
    filter: drop-shadow(0 22px 30px rgba(0,0,0,0.22));
}



@media (max-width: 768px) {
  .featured-plan::before {
    font-size: 10px;
    padding: 8px 29px;
    top: -10px;
    border-radius: 999px;
    white-space: nowrap;
  }
}

.service-cards .eb-flipbox-front h1,
.service-cards .eb-flipbox-front h2
.service-cards .eb-flipbox-front h3,
.service-cards .eb-flipbox-front h4 {
    word-break: keep-all;
    overflow-wrap: normal;
}