.features li {
     display: flex;
     align-items: center;
     gap: 10px;
     /* icon aur text ke beech spacing */
     margin-bottom: 6px;
     /* optional spacing between list items */
 }

 .features li i {
     font-size: 1rem;
     /* icon size same rahe */
 }

 .more-feature {
     gap: 10px;
     /* icon aur text ke beech spacing */
     margin-bottom: 6px;
     /* optional spacing between list items */
     display: flex;

 }

 .more-feature li i {
     font-size: 1rem;
     /* icon size same rahe */
 }

 /* Highlight card with top line */
 .pricing-card.highlight {
     border: 2px solid #0091c2;
     transform: scale(1.04);
     /* card grows slightly */
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
     position: relative;
     /* needed for top line positioning */
 }

 /* Hide extra features by default */
 .features .more-feature {
     display: none;
 }

 li {
     line-height: 35px;
     font-size: 13px !important;
 }

 /* Read More button style */
 .read-more-btn {
     background: #0091c2;
     border: none;
     color: #fff;
     /* font-weight: 600; */
     cursor: pointer;
     margin-top: 10px;
     /* text-decoration: underline; */
 }

 /* Top colored line flush with card border */
 .pricing-card.highlight .card-topfree-line {
     position: absolute;
     top: 0;
     /* stick to top of card */
     left: 0;
     width: 100%;
     height: 10px;
     /* thickness */
     background: linear-gradient(135deg, #0d6efd, #0091c2);
     /* gradient */
     border-radius: 0;
     /* no rounding */
     z-index: 5;
     /* appear above card border */
     transition: transform 0.3s;
     /* optional smooth scaling */
 }


 /* ---------------------------- */
 /* GLOBAL SECTION               */
 /* ---------------------------- */
 .membership-section {
     background: #fff;
     font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     padding: 20px;
 }

 .heading-block {
     max-width: 750px;
     margin: 0 auto 40px auto;
     text-align: center;
 }

 .membership-title {
     font-size: 32px;
     font-weight: 700;
     margin-bottom: 15px;
 }

 .heading-subtext {
     font-size: 16px;
     line-height: 1.6;
     color: #0e1724;
     margin: 0 auto;
 }

 /* Plan Toggle Buttons */
 .plan-toggle {
     display: flex;
     justify-content: center;
     gap: 12px;
     flex-wrap: wrap;
     margin-bottom: 30px;
 }

 .plan-tab {
     width: 180px;
     padding: 12px 0;
     border: 1px solid #d3d3d3;
     background: #fff;
     border-radius: 8px;
     cursor: pointer;
     font-weight: 600;
     color: #333;
     transition: 0.2s;
     text-align: center;
     font-size: 16px;
 }

 .plan-tab:hover {
     background: #f5f7ff;
 }

 .plan-tab.active {
     background: #0091c2;
     color: #F7F7F7;
     font-weight: 700;
     box-shadow: 0 0 4px 0 #000, 0 2px 4px 0 rgba(0, 0, 0, .12);
     border-color: BLACK;
 }

 /* ---------------------------- */
 /* PRICING CARDS               */
 /* ---------------------------- */
 .pricing-card {
     background: #fff;
     border: 1px solid #e5e5e5;
     padding: 25px;
     text-align: center;
     position: relative;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     height: 100%;
     transition: 0.3s;
 }

 .pricing-card:hover {
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
 }

 .highlight {
     border: 2px solid #0091c2;
     transform: scale(1.04);
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
     background: #f8fbff;
 }

 /* Top blue line */
 .card-top-line {
     height: 6px;
     width: 100%;
     background: #0091c2;
     margin-bottom: 15px;
     margin-bottom: 0px;
 }


 /* Title row */
 .title-row {
     margin-top: 10px;
     margin-bottom: 15px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .title-row h5 {
     font-weight: 700;
     font-size: 20px;
     margin: 0;
 }

 .plan-icon,
 .plan-small-badge {
     width: 26px;
 }

 /* Price Box */
 .price-box .new-price {
     font-size: 34px;
     font-weight: 800;
 }

 .price-box .free-text {
     font-size: 36px;
     color: #28a745;
     font-weight: 800;
 }

 .old-price {
     text-decoration: line-through;
     color: #d93025;
     font-size: 15px;
     margin-top: -5px;
     font-size: 20px;
 }

 .per-month,
 .billed-text {
     font-size: 14px;
     color: #666;
     margin-top: 5px;
 }

 /* Buttons */
 .get-btn,
 .start-trial-btn {
     width: 100%;
     padding: 12px;
     border-radius: 6px;
     /* font-weight: 600; */
     border: none;
     margin: 15px 0;
 }

 .get-btn {
     background: #0091c2;
     color: #fff;
 }

 .start-trial-btn {
     background: #28a745;
     color: #fff;
 }

 /* Features */
 .features {
     margin-top: 20px;
     padding: 0;
     list-style: none;
     text-align: left;
 }

 .features li {
     margin-bottom: 1px;
 }

 /* Badge inside title */
 .badge-inside-title img {
     position: absolute;
     top: -28px;
     left: 50%;
     transform: translateX(-50%);
     width: 60px;
 }

 /* ---------------------------- */
 /* RESPONSIVE FIXES            */
 /* ---------------------------- */
 @media (max-width: 992px) {
     .highlight {
         transform: scale(1);
     }

     .pricing-card {
         margin-top: 60px;
     }
 }

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

     .heading-subtext {
         font-size: 15px;
         padding: 0 15px;
     }

     .plan-tab {
         width: 48%;
         font-size: 15px;
     }

     .plan-toggle {
         gap: 8px;
         padding: 0 10px;
     }
 }

 @media (max-width: 576px) {
     .membership-title {
         font-size: 22px;
     }

     .heading-subtext {
         font-size: 14px;
     }

     .plan-tab {
         width: 48%;
         font-size: 14px;
     }

     .badge-inside-title img {
         width: 50px;
         top: -22px;
     }
 }

 @media (max-width: 768px) {
     .card-top-line {
         height: 6px;
         width: 100%;
         background: #0091c2;
         margin-bottom: 15px;
         margin-bottom: -61px;
         margin-top: 42px;
     }
 }