/* Pricing Section Styles */
    .pricing-section {
        padding: 80px 0;
      }
  
  
      .pricing-header {
        text-align: center;
        margin-bottom: 50px;
      }
  
      .pricing-header h2 {
        font-size: 42px;
        font-weight: 700;
        margin-bottom: 16px;
        color: #000;
      }
  
      .pricing-header p {
        font-size: 18px;
        max-width: 700px;
        margin: 0 auto;
        color: #555;
      }
  
      /* Screen connection tabs */
      .pricingbtncont {
        display: flex;
        justify-content: center;
        gap: 15px;
        margin-bottom: 40px;
        flex-wrap: wrap;
      }
  
      .pricebutton {
        background: #6247EB;
        color: white;
        border: none;
        padding: 12px 25px;
        border-radius: 30px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.3s ease;
        width: fit-content;
      }
  
      .pricebutton.active {
        background: #5f47eb;
        box-shadow: 0 5px 15px rgba(95, 71, 235, 0.3);
      }
  
      .pricebutton:nth-child(2) {
        background: rgba(95, 71, 235, 0.8);
      }
  
      .pricebutton:nth-child(3) {
        background: rgba(95, 71, 235, 0.6);
      }
  
      .pricebutton:hover {
        transform: translateY(-3px);
      }
  
      /* Pricing cards container */
      .pricing {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
        margin-top: 30px;
      }
  
      /* Pricing card */
      .pricing-card {
        background: white;
        border-radius: 15px;
        box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
        overflow: hidden;
        transition: all 0.3s ease;
        position: relative;
        display: flex;
        flex-direction: column;
        text-decoration: none;
        color: inherit;
      }
  
      .pricing-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      }
  
      /* Popular flag */
      .popular-flag {
        position: absolute;
        top: 4%;
        right: -8%;
        background: #FFB800;
        color: #000;
        font-size: 12px;
        font-weight: 600;
        padding: 5px 30px;
        transform: rotate(45deg);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      }
  
      /* Pricing card header */
      .pricing-card-header {
        padding: 25px 30px;
        text-align: center;
        border-bottom: 1px solid #f1f1f1;
      }
  
      .pricing-card-header h3 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 15px;
        color: #333;
      }
  
      .pricing-card-header .price {
        font-size: 36px;
        font-weight: 700;
        color: #000;
        margin-bottom: 5px;
      }
  
      /* Features list */
      .features-list {
        padding: 25px 30px;
        flex: 1;
      }
  
      .features-list ul {
        list-style: none;
      }
  
      .features-list li {
        display: flex;
        align-items: flex-start;
        margin-bottom: 15px;
        font-size: 14px;
        color: #555;
      }
  
      .features-list i {
        color: #6247EB;
        margin-right: 10px;
        flex-shrink: 0;
      }
  
      /* Order button */
      .order-button {
        display: block;
        width: calc(100% - 60px);
        margin: 0 auto 25px;
        background: #FFB800;
        color: #000;
        border: none;
        padding: 12px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        transition: all 0.3s ease;
      }
  
      .order-button:hover {
        background: #ffc933;
        transform: translateY(-2px);
      }
  
      /* Trial card styles */
      .trial-card {
        border: 2px dashed #6247EB;
        background: rgba(98, 71, 235, 0.05);
      }
  
      .trial-card .pricing-card-header {
        border-bottom: 2px dashed #6247EB;
      }
  
      .trial-card .order-button {
        background: #6247EB;
        color: white;
      }
  
      .trial-card .order-button:hover {
        background: #5038d2;
      }
  
      /* Annual plan highlight */
      .annual-plan {
        border: 2px solid #FFB800;
        transform: scale(1.02);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      }
  
      /* Discount text */
      .discount-text {
        font-size: 15px;
        text-align: center;
        margin-top: 10px;
        color: #E74C3C;
        display: block;
      }
  
      /* Responsive styles */
      @media (max-width: 992px) {
        .pricing {
          grid-template-columns: repeat(2, 1fr);
        }
      }
  
      @media (max-width: 768px) {
        .pricing-section {
          padding: 60px 0;
        }
  
        .pricing-header h2 {
          font-size: 32px;
        }
  
        .pricingbtncont {
          flex-wrap: wrap;
        }
  
        .pricing {
          grid-template-columns: 1fr;
        }
  
        .annual-plan {
          transform: none;
          order: -1;
        }
      }