.spahero-image {
     height: 24.9375rem !important;
 }

 .spahero-content {
     max-width: unset;
 }

 /*========================================= AC PACKAGE Namespace : acpackage-* =========================================*/
 .acpackage-section {
     padding: 60px 0;
     background: var(--surface, #F8F7F3);
 }

 /*========================= Heading =========================*/
 .acpackage-badge {
     display: inline-block;
     padding: 0.25rem 0.75rem;
     background: #FFF3EC;
     border-radius: 30px;
     text-transform: uppercase;
     margin-bottom: 18px;
     border-radius: 2097150rem;
     color: #FF7527;
     text-align: center;
     font-family: Inter;
     font-size: 0.75rem;
     font-style: normal;
     font-weight: 600;
     line-height: 1rem;
     letter-spacing: 0.0375rem;
     text-transform: uppercase;
 }

 .acpackage-title {
     margin-bottom: 10px;
     color: var(--vykal-ad-pages-lovable-app-blue-zodiac, var(--primary, #0C1C45));
     text-align: center;
     font-family: var(--font-family-Font-2, "Plus Jakarta Sans");
     font-size: var(--font-size-36, 2.25rem);
     font-style: normal;
     font-weight: var(--font-weight-700, 700);
     line-height: var(--line-height-40, 2.5rem);
     letter-spacing: var(--letter-spacing--0_72, -0.045rem);
 }

 /*========================= Card =========================*/
 .acpackage-card {
     position: relative;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 100%;
     background: #fff;
     border: 1px solid #E9EDF3;
     transition: .35s;
     overflow: hidden;
     border-radius: 28px;
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
     overflow: visible;
     padding: 34px;
 }

 .acpackage-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 20px 50px rgba(22, 43, 89, .10);
     border-color: #FF6B00;
 }

 .acpackage-active {
     border: 2px solid #FF7A22 !important;
     border-radius: 1.75rem;
     border: 1px solid rgba(255, 117, 39, 0.60);
     /* background: var(--surface, #F8F7F3); */
     box-shadow: 0 18px 45px rgba(255, 122, 34, .12);
 }

 .acpackage-popular {
     position: absolute;
     top: -14px;
     left: 24px;
     background: #FFF3EC;
     color: #FF6B00;
     padding: 7px 18px;
     border-radius: 30px;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: .8px;
     box-shadow: 0 0 0 6px #fff;
     font-family: "Inter";
 }

 .acpackage-card h3 {
     margin-bottom: 10px;
     color: var(--vykal-ad-pages-lovable-app-blue-zodiac, var(--primary, #0C1C45));
     font-family: var(--font-family-Font-2, "Plus Jakarta Sans");
     font-size: var(--item-spacing-s, 1.5rem);
     font-style: normal;
     font-weight: var(--font-weight-700, 700);
     line-height: var(--line-height-32, 2rem);
     letter-spacing: var(--letter-spacing--0_48, -0.03rem);
 }

 .acpackage-subtitle {
     margin-bottom: 28px;
     color: var(--vykal-ad-pages-lovable-app-shuttle-gray, var(--muted-foreground, #5E636F));
     font-family: var(--font-family-Font-1, Inter);
     font-size: var(--font-size-14, 0.875rem);
     font-style: normal;
     font-weight: var(--font-weight-400, 400);
     line-height: var(--line-height-20, 1.25rem);
 }

 .acpackage-price {
     margin-bottom: 30px;
 }

 .acpackage-price small {
     display: block;
     margin-bottom: 6px;
     color: #5B6375;
     font-family: Inter;
     font-size: 0.75rem;
     font-style: normal;
     font-weight: 400;
     line-height: 1rem;
     letter-spacing: 0.075rem;
     text-transform: uppercase;
 }

 .acpackage-price h4 {
     margin: 0;
     font-size: 34px;
     font-weight: 700;
     color: #162B59;
     font-family: "Plus Jakarta Sans";
 }

 .acpackage-highlight {
     color: #FF6B00;
 }

 .acpackage-list {
     list-style: none;
     padding: 0;
     margin: 0 0 34px;
 }

 .acpackage-list li {
     display: flex;
     align-items: center;
     gap: 12px;
     margin-bottom: 16px;
     color: var(--vykal-ad-pages-lovable-app-ebony-85, var(--color-azure-1085, rgba(15, 22, 36, 0.85)));
     font-family: var(--font-family-Font-1, Inter);
     font-size: var(--font-size-14, 0.875rem);
     font-style: normal;
     font-weight: var(--font-weight-400, 400);
     line-height: var(--line-height-20, 1.25rem);
 }

 .acpackage-list i {
     color: #FF6B00;
     font-size: 15px;
 }

 .acpackage-btn {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     width: 100%;
     height: 51px;
     background: #FF6B00;
     color: #fff;
     border-radius: 50px;
     text-decoration: none;
     font-weight: 600;
     transition: .35s;
     font-family: "Inter";
     font-size: 14px;
 }

 .acpackage-btn:hover {
     background: #162B59;
     color: #fff;
 }

 .acpackage-btn i {
     transition: .3s;
 }

 .acpackage-btn:hover i {
     transform: translateX(5px);
 }

 /*========================================= Responsive =========================================*/
 @media(max-width:1199px) {
     .acpackage-title {
         font-size: 42px;
     }
 }

 @media(max-width:991px) {
     .acpackage-section {
         padding: 80px 0;
     }

     .acpackage-title {
         font-size: 36px;
     }

     .acpackage-card {
         padding: 28px;
     }

     .acpackage-card h3 {
         font-size: 26px;
     }
 }

 @media(max-width:767px) {
     .acpackage-section {
         padding: 60px 0;
     }

     .acpackage-badge {
         font-size: 11px;
     }

     .acpackage-title {
         font-size: 30px;
         line-height: 1.25;
     }

     .acpackage-card {
         padding: 24px;
         border-radius: 18px;
     }

     .acpackage-card h3 {
         font-size: 22px;
     }

     .acpackage-subtitle {
         font-size: 14px;
     }

     .acpackage-price h4 {
         font-size: 30px;
     }

     .acpackage-list li {
         font-size: 14px;
         margin-bottom: 14px;
     }

     .acpackage-btn {
         height: 52px;
         font-size: 15px;
     }

     .acpackage-popular {
         left: 18px;
         font-size: 10px;
         padding: 6px 14px;
     }
 }

 @media(max-width:575px) {
     .acpackage-title {
         font-size: 26px;
     }

     .acpackage-card {
         max-width: 380px;
         margin: auto;
     }

     .acpackage-card+.acpackage-card {
         margin-top: 18px;
     }

     .acpackage-btn {
         width: 100%;
     }
 }