section {
    background-color: #FAF8F8
  }

  .myFirstHeadingDiv {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 80px;
    gap: 20px;

  }

  .myFirstHeadingDiv h1 {
    font-family: Mori Gothic;
    font-size: 40px;
    font-weight: 400;
    line-height: 63.72px;
    letter-spacing: 0.02em;
    text-align: center;

  }

  .myFirstHeadingDiv p {
    font-family: Mori Gothic;
    font-size: 20px;
    font-weight: 400;
    line-height: 24.2px;
    letter-spacing: 0.02em;
    text-align: center;

  }

  .pricing-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .pricing-toggle button {
    border: none;
    background: none;
    font-family: Mori Gothic;
    font-size: 18px;
    cursor: pointer;
    padding: 10px 30px;
    /* margin: 0 10px; */
    border-radius: 20px;
    transition: background 0.3s ease;
  }

  .pricing-toggle .active {
    background-color: rgba(229, 255, 241, 1);
    ;
  }

  .pricing-outer {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .pricing-cards {
    display: flex;
    justify-content: center;
    gap: 20px;
    background: white;
    padding: 12px;
    border-radius: 32px;
    flex-wrap: wrap
  }

  .pricing-card1 {
    border-radius: 10px;
    padding: 20px;
    text-align: left;
    width: 300px;
    background: white
  }

  .checklistDiv {
    padding-top: 32px;
    padding-bottom: 32px;
    min-height: 270px;
  }


  .checkListContainer {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 10px
  }

  .pricing-card1 div p {
    font-family: Mori Gothic;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;

  }

  .pricing-card2 {
    border-radius: 10px;
    padding: 20px;
    text-align: left;
    width: 300px;
    background: rgba(240, 255, 245, 1);

  }

  .checkListContainer p {
    font-family: Mori Gothic;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    margin: 0;

  }

  .pricing-card3 {
    border-radius: 10px;
    padding: 20px;
    text-align: left;
    width: 300px;
    background: url(/images/company/pricing.png);
    background-repeat: no-repeat;
    background-size: cover;

  }

  .checkListContainer p {
    font-family: Mori Gothic;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    color: black
  }

  .enroll {
    font-family: Mori Gothic;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    color: white !important
  }

  .pricing-card3 h2 {
    color: white;
    font-size: 24px;
    margin-bottom: 10px;

  }

  .price2 {
    color: white;
    font-size: 36px;
    margin-bottom: 10px;

  }

  .pricing-card1 h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .price1 {
    font-size: 36px;
  }

  .pricing-card2 h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .choose-plan {
    background: rgba(0, 49, 26, 1);
    font-family: Mori Gothic;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    padding: 8px 78px;
    color: white;
    border: none;
    border-radius: 15px
  }

  .choose-company {
    background: white;
    font-family: Mori Gothic;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    padding: 8px 78px;
    color: black;
    border: none;
    border-radius: 15px
  }

  @media (max-width: 1048px) {
    .pricing-card1 {
      width: 416px;
    }

    .pricing-card2 {
      width: 416px;
    }

    .pricing-card3 {
      width: 416px;
    }

    .pricing-outer {
      width: 453px;
      margin: auto;
    }

  }

  @media (max-width: 530px) {
    .pricing-card1 {
      max-width: 270px;
    }

    .pricing-card2 {
      max-width: 270px;
    }

    .pricing-card3 {
      max-width: 270px;
    }

    .pricing-outer {
      max-width: 293px;
      margin: auto;
    }

    .choose-plan {
      padding: 8px 67px;
    }

    .choose-company {
      padding: 8px 67px;
    }

    .myFirstHeadingDiv h1 {
      font-size: 30px;
      line-height: 34px;
    }

    .myFirstHeadingDiv p {
      font-size: 15px;
      line-height: 15px;
    }

    .pricing-toggle button {
      font-size: 13px;
    }

    .price2 {
      font-size: 28px;
    }

    .price1 {
      font-size: 28px;
    }

    .myFirstHeadingDiv {
      padding-bottom: 47px;
    }

  }