* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Sora', sans-serif !important;
  }

  a:hover {
      text-decoration: none;
      color: white;
  }

  body {
      font-family: 'Sora', sans-serif !important;
      min-height: 100vh;
      color: white;
      background: white;
  }

  .new-home-page-container {
      width: 100%;
      max-width: 1200px;
  }

  .new-di-btn {
      padding: 15px 30px;
      border: none;
      border-radius: 8px;
      font-size: 16px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s;
      text-decoration: none;
      display: inline-block;
      font-family: 'Sora', sans-serif;
  }

  .new-di-btn-primary {
      color: white;
      background-color: #5B2775;
      font-family: 'Sora', sans-serif;
  }

  .new-di-btn-secondary {
      background: white;
      color: #7502AF;
      font-family: 'Sora', sans-serif;
  }

  .new-di-btn-outline {
      border: 2px solid white;
      color: white;
      font-family: 'Sora', sans-serif;
  }

  .heading {
      font-weight: 600;
      color: white;
      font-size: 40px;
      line-height: 56px;
      text-align: left;
      margin-bottom: 20px;
  }

  .heading>p {}

  .heading>span {
      font-size: 44px;
      margin-bottom: 0px;
      color: #6a1b9a;
      font-weight: 800;
      padding: 10px 0px;
      border-radius: 12px;
      margin-top: 20px;
      color: #fff799;

  }

  .sub-heading {
      font-weight: 400;
      font-size: 22px;
      line-height: 140%;
      color: white;
      text-align: left;
      margin-bottom: 30px;
      max-width: 1200px;

  }

  .section-heading {
      font-weight: 600;
      font-size: 36px;
      margin-bottom: 15px;
      color: black;
      text-align: center;
  }

  .section-subheading {
      font-weight: 400;
      font-size: 18px;
      color: black;
      max-width: 1000px;

      margin: 0 auto;
      margin-bottom: 60px;
      text-align: center;
  }

  @media (max-width: 700px) {
      * {
          text-align: center !important;
      }

      .heading {
          font-size: 28px;
          line-height: 42px;
          margin-bottom: 20px;
      }

      .heading>span {
          text-align: left;
          font-size: 28px;
      }


      .sub-heading {
          font-size: 16px;
          margin: 0px;
          text-align: left;
          margin-bottom: 20px;

      }

      .btn {
          font-size: 16px;
          padding: 10px;
          font-family: 'Sora', sans-serif;
      }

      .section-heading {
          font-size: 28px;
          text-align: left;
      }

      .section-subheading {
          font-size: 16px;
          text-align: left;
          margin-bottom: 20px;
      }
  }


  /*    		Hero section */
  .hero-section {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 20px 40px;
      padding-bottom: 0px;
      width: 100%;
      margin: 0 auto;
      background: linear-gradient(30deg, #7502af 10%, #5a0b85 90%);
      margin-bottom: 50px;
      height: 560px;
      padding-top: 40px;
  }

  .new-home-page-container {}

  .hero-title {
      font-size: 42px;
      font-weight: bold;
      margin-bottom: 30px;
      line-height: 56px;
      text-align: left;
      color: white;
  }

  .hero-subtitle {
      font-size: 24px;
      opacity: 0.9;
      margin-bottom: 40px;
      text-align: left;
      line-height: 1.2;
      max-width: 600px;
      margin-left: auto;
      color: white;
      margin-right: auto;
  }

  .hero-main {
      display: grid;
      grid-template-columns: 1.2fr 1fr;

      max-width: 1300px;

  }

  .hero-main-left {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: left;
      justify-content: center;


  }

  .hero-main-right {
      flex: 1;
      display: flex;
      justify-content: end;
      align-items: end;
  }

  .hero-main-right>img {
      width: 600px;
      position: relative;
      right: -40px;
  }

  .hero-new-di-btn {
      background-color: #FFFFFFCC;
      max-width: 364px;
      text-decoration: none;
  }

  .hero-new-di-btn:hover {
      text-decoration: underline;
      color: #5a0b85;
  }

  .hero-stats {
      display: flex;
      justify-content: space-around;
      align-items: center;
      background: #f5f0ff;
      /* light background */
      border-radius: 12px;
      padding: 30px 40px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
      max-width: 1150px;
      width: 100%;
      transform: translatey(50%);
      margin: auto;
      position: relative;
      top: -40px;
  }

  .stat {
      text-align: center;
      flex: 1;
      padding: 0 20px;
      position: relative;
  }

  .stat:not(:last-child)::after {
      content: "";
      position: absolute;
      right: 0;
      top: 20%;
      height: 70px;
      width: 2px;
      background: #ccc;
  }

  .stat:nth-child(2)::after {
      top: 10%;
  }


  .stat:nth-child(1),
  .stat:nth-child(3) {
      top: -15px;
  }



  .stat h2 {
      font-size: 30px;
      font-weight: bold;
      color: #823DA8;
      /* purple tone */
      margin: 0 0 8px;
  }

  .stat p {
      font-size: 18px;
      color: #333;
      margin: 0;
  }

  @media (max-width: 768px) {

      .new-home-page-container {
          max-height: 130vh;
      }

      .hero-section {
          padding: 20px 15px;
          height: 950px;
      }

      .hero-main-left {
          align-items: center;
      }


      .dashboard-grid {
          grid-template-columns: 1fr;
      }

      .hero-new-di-btn {
          margin-top: 20px;
      }

      .hero-main {
          display: flex;
          flex-direction: column;
          align-items: center;
      }

      .hero-main-right>img {
          width: 450px;
          margin-top: 40px;
          right: 0px;
      }

      .hero-stats {
          transform: translateY(20%);
      }

      .hero-title {
          font-size: 32px;
      }

      .button-group {
          flex-direction: column;
          align-items: center;
      }

      .dashboard {
          margin: 0 20px;
      }

      .hero-stats {
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 30px;
          padding: 40px 20px;
      }

      .stat {
          position: relative;
          padding: 0px;
      }

      .stat>h2 {
          font-size: 24px;
      }

      .stat>p {
          font-size: 16px;
      }

      .stat>h2,
      p {
          text-align: center;
      }

      .stat:not(:last-child)::after {
          content: "";
          position: absolute;
          top: 65px;
          left: 0;
          width: 190px;
          height: 2px;
          background: #ccc;
      }

      .stat:nth-child(1)::after {
          left: -30%;
      }

      .stat:nth-child(3)::after {
          left: -20%;
      }

      .stat:nth-child(1),
      .stat:nth-child(3) {
          top: 0px;
      }


      .stat:after {
          margin: auto;
      }

      .table-header,
      .table-row {
          grid-template-columns: 1fr;
          gap: 10px;
      }

  }

  @media (max-width: 400px) {
      .hero-main-right>img {
          width: 370px;
      }
  }

  .logos-container {
      margin-top: 130px;
  }

  .logos-strip {
      overflow: hidden;
      position: relative;
      width: 100%;
      max-width: 1200px;
      margin: 60px auto 50px auto;
      height: 150px;
      /* match logo height */
  }

  .logos-track {
      display: flex;
      gap: 40px;
      will-change: transform;
      /* removed absolute positioning */
  }

  .logos-track>div {
      flex: 0 0 auto;
      /* prevent shrinking */
  }

  .logos-track>div img {
      width: 200px;
      height: 150px;
      object-fit: contain;
      transition: opacity 0.2s ease;
  }


  .logo-item {
      width: 200px;
      height: 150px;
      object-fit: contain;
      transition: filter 0.3s ease;
  }

  .fade-out {
      opacity: 0.4;
  }

  .fade-in {
      opacity: 1;
  }

  @media (max-width: 700px) {
      .logos-strip {
          margin-top: 200px;
          padding: 15px;
          display: flex;
          flex-wrap: wrap;
          gap: 20px;
          margin-bottom: 40px;
      }
  }

  .di_action {
      width: 100%;
      max-width: 1200px;
      margin: auto;
      position: relative;
  }

  .video-wrapper {
      position: relative;
      width: 100%;
      max-width: 1200px;
      border-radius: 20px;
      overflow: hidden;

      /* maintains 16:9 aspect ratio (611 / 1200 ≈ 56.25%) */
      padding-top: 50%;
  }

  .video-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
      border-radius: 20px;
  }

  .video-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: white;
      text-align: center;
  }

  .play-new-di-btn {
      background: #F0EAF2;
      border: none;
      border-radius: 50%;
      width: 70px;
      height: 70px;
      font-size: 28px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Sora', sans-serif;
  }

  .video-meta-data {
      display: flex;
      flex-direction: column;
      gap: 10px;
      position: absolute;
      bottom: 5%;
      left: 50%;
      /* center horizontally */
      transform: translateX(-50%);
      /* adjust back by half width */
      text-align: center;
      color: white;
      width: 900px;
      /* prevent overflow on small screens */
  }

  .video-title {
      font-size: 24px;
      /* scales with screen */
      font-weight: bold;
      color: white;
  }

  .video-desc {
      font-size: 18px;
      color: white;
  }

  .video-duration {
      background: rgba(0, 0, 0, 0.6);
      padding: 4px 8px;
      border-radius: 6px;
      font-size: 0.8rem;
      position: absolute;
      right: 10px;
      top: 10px;
      align-self: center;
      /* keeps it centered under text */
  }

  @media (max-width: 700px) {
      .di_action {
          padding: 15px;
      }

      .video-wrapper {
          height: 300px;
      }

      .video-overlay {
          justify-content: unset;
          top: 28%;

      }

      .video-meta-data {
          top: 60%;
          width: 100%;
          padding: 0px 20px;
      }

      .video-title {
          font-size: 14px;
          text-align: center;
      }

      .video-desc {
          font-size: 12px;
          text-align: center;
          line-height: 1.9;
      }
  }

  /* CSS for Challange section */
  .challenges-section {
      padding: 60px 20px;
      text-align: center;
      margin-top: 60px;
  }

  .challenges-title {
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 10px;
      color: #000;
  }

  .challenges-subtitle {
      font-size: 16px;
      color: #555;
      margin-bottom: 40px;
  }

  .challenges-cards {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(262px, 1fr));
      gap: 20px;
      max-width: 1200px;
      margin: 0 auto;
  }

  .challenges-card {
      background: #FFF4F0;
      border-radius: 12px;
      height: 260px;
      padding: 40px;
      text-align: left;
      transition: transform 0.3s ease;
  }

  .challenges-card:nth-child(3) h3 {
      margin-bottom: 30px;
  }


  .challenges-icon {
      width: 45px;
      height: 45px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      margin-bottom: 15px;
  }

  .challenges-icon img {
      width: 40px;
      height: 40px;
  }

  .challenges-card h3 {
      font-size: 18px;
      font-weight: bold;
      margin: 0 0 10px;
      color: #000;
  }

  .challenges-card p {
      font-size: 14px;
      color: #555;
      margin: 0;
      line-height: 1.4;
  }

  @media (max-width: 700px) {
      .challenges-section {
          margin-top: 30px;
      }

      .challenges-card {
          max-height: 230px;
      }

      .challenges-card>h3 {
          text-align: left !important;
          margin-bottom: 10px;
      }

      .challenges-card>p {
          text-align: left !important;
      }

      .challenges-card:nth-child(3) h3 {
          margin-bottom: 10px;
      }

  }

  /* Tools section */
  .tools-section {
      max-width: 1200px;
      margin: 50px auto;
  }

  .tools-grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 20px;
      max-width: 1200px;
      margin: 0 auto;
      color: white;
  }

  .tools-card {
      position: relative;
      border-radius: 12px;
      overflow: hidden;
      height: 360px;

      color: #fff;
      cursor: pointer;
  }

  .tools-card:nth-child(1) {
      background: url("https://landing-stage.goedmo.com/wp-content/uploads/2025/09/ci_suite_img1.jpg") center/cover no-repeat;
  }

  .tools-card:nth-child(2) {
      background: url("https://landing-stage.goedmo.com/wp-content/uploads/2025/09/ci_suite_img2.jpg") center/cover no-repeat;
  }

  .tools-card:nth-child(3) {
      background: url("https://landing-stage.goedmo.com/wp-content/uploads/2025/09/Proactive-admission-copilot1.webp") center/cover no-repeat;
  }


  /* Overlay background */
  .tools-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2));
      transition: background 0.5s ease;
      z-index: 1;
  }

  .tools-card:hover::before {
      background: #5B2775;
      /* purple overlay */
  }

  /* Content wrapper */
  .tools-card-content {
      position: relative;
      z-index: 2;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 20px;
  }

  /* Default (front) content */
  .tools-front {
      opacity: 1;
      transform: translateY(0);
      transition: opacity 0.4s ease, transform 0.4s ease;
      position: absolute;
      bottom: 20px;
      left: 20px;
      right: 20px;
  }

  .tools-front>h3 {
      color: white;
  }


  /* Hover (back) content */
  .tools-back {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 0.4s ease, transform 0.4s ease;
      position: absolute;
      bottom: 20px;
      left: 20px;
      right: 20px;
  }

  .tools-back>h3,
  p {
      color: white;
      font-size: 26px;
  }

  .tools-card:hover .tools-front {
      opacity: 0;
      transform: translateY(-20px);
  }

  .tools-card:hover .tools-back {
      opacity: 1;
      transform: translateY(0);
  }

  .tools-card h3 {
      font-size: 26px;
      margin: 0 0 8px;
  }

  .tools-card p {
      font-size: 14px;
      line-height: 1.4;
      margin: 0 0 12px;
  }

  .tools-card a {
      font-size: 14px;
      font-weight: bold;
      color: #fff;
      text-decoration: none;
  }

  .tools-card a:hover {
      text-decoration: underline;
  }

  @media (max-width: 700px) {
      .tools-section {
          padding: 10px 15px;
          margin: 30px auto;

      }

      .tools-grid {
          grid-template-columns: 1fr;
          gap: 15px;
      }

      .tools-card h3 {
          font-size: 18px;
      }
  }

  /* Trusted by institutions section */
  .institution-new-home-page-container {
      font-family: 'Sora', sans-serif;
      max-width: 1200px;
      margin: 50px auto;
      padding: 20px;
      position: relative;
      margin-top: 90px;
  }

  /* Tabs */
  .institution-tabs {
      display: flex;
      justify-content: center;
      gap: 80px;
      border-top: 2px solid #eee;
      margin-bottom: 30px;
      padding-top: 15px;
      margin-top: 60px;
  }

  .institution-tab {
      cursor: pointer;
      padding-bottom: 8px;
      position: relative;
      transition: opacity 0.3s ease-in-out;
  }

  .institution-tab:nth-child(1) {
      margin-left: 100px;
      position: relative;
      top: 5px;
  }

  .institution-tab img {
      height: 45px;
      transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  }

  .institution-tab.nyu img {
      position: relative;
      top: -35px;
      left: -20px;
      height: 120px;
      transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  }

  .institution-tab.active img {

      height: 45px;

  }

  .institution-tab.active.nyu img {

      height: 120px;

  }

  .institution-tab.active.nyu {
      height: 120px;
  }

  .institution-tab.active::after {
      content: "";
      position: absolute;
      top: -14px;
      left: 0;
      right: 0;
      height: 3px;
      width: 130px;
      background-color: #6a1b9a;
      /* Purple highlight */
      border-radius: 2px;
  }

  #institution-content {
      opacity: 1;
      transition: opacity 0.2s ease;
  }

  #institution-content.fade-out {
      opacity: 0;
  }

  #institution-content.fade-in {
      opacity: 1;
  }


  /* Content */
  .institution-content {
      display: grid;
      grid-template-columns: .9fr 1.8fr;
      height: fit-content;
      gap: 50px;
  }

  /* Left Side (Info) */
  .institution-info {
      flex: 1;
  }

  .institution-title {
      font-size: 26px;
      font-weight: 600;
      line-height: 38px;
      color: #222;
      margin: 0 0 10px;
      font-family: 'Sora', sans-serif;
  }

  .institution-case {
      color: #6a1b9a;
      font-weight: 400;
      margin-bottom: 20px;
      display: inline-block;
      font-size: 12px;
      font-family: 'Sora', sans-serif;
      background-color: #ccc;
      padding: 10px 10px;
      border-radius: 20px;

  }

  .institution-impact {
      font-size: 20px;
      font-weight: 600;
      color: #0B243F;
      margin-top: 20px;
      font-family: 'Sora', sans-serif !important;
  }

  .institution-metrics {
      margin-top: 20px;
      display: flex;
      flex-direction: column;
      gap: 5px;
  }

  .institution-metric {
      display: flex;
      align-items: center;
      gap: 12px;
      font-size: 15px;
      padding: 10px 12px;
      border-radius: 8px;
      background: #f9f9f9;
      transition: background 0.3s ease-in-out;
      font-family: 'Sora', sans-serif;
  }

  .institution-metric:hover {
      background: #f0e5f7;
      /* light purple hover */
  }

  .institution-metric-icon {
      background-color: #EFE7F4;
      padding: 10px;
      border-radius: 5px;
  }

  .institution-metric-icon img {}

  .institution-metric-value {
      font-weight: bold;
      color: #6a1b9a;
      min-width: 40px;
      font-size: 32px;
  }

  .institution-nav {
      display: none;
  }



  .institution-metric-text {
      color: #444;
  }

  /* Right Side (Image) */
  .institution-image {
      flex: 1;
      position: relative;
      overflow: hidden;
      height: fit-content;
  }


  /* .tools-card::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2));
            transition: background 0.5s ease;
            z-index: 1;
        } */
  .institution-image::before {
      content: "";
      position: absolute;
      inset: 0;
      top: 200px;
      background: linear-gradient(to top,
              rgba(0, 0, 0, 0.5),
              rgba(0, 0, 0, 0));
      filter: blur(12px);
      /* blur the shadow itself */
      transition: background 0.5s ease;
      z-index: 1;
      border-radius: 15px;
  }



  .institution-image-story {
      position: absolute;
      bottom: 30px;
      font-size: 24px;
      line-height: 34px;
      padding: 5px 25px;
      color: white;
      z-index: 50;
  }

  .institution-image-story>a,
  .institution-image-story>h3 {
      color: white;
      font-size: 18px;
      text-decoration: none;
  }

  .institution-image-story>a:hover {
      text-decoration: underline;
  }

  .institution-image img {
      width: 100%;
      max-width: 750px;
      max-height: 450px;
      border-radius: 12px;
      object-fit: cover;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }



  /* Mobile view */
  @media (max-width: 700px) {
      .institution-new-home-page-container {
          padding: 10px 15px;
          margin-top: 80px;
      }

      .institution-tabs {}

      .institution-title {
          font-size: 20px;
          line-height: 1.5;
      }

      .institution-case {
          margin-bottom: 0px;
      }

      .institution-content {
          display: flex;
          flex-direction: column-reverse;

      }

      .institution-impact {
          font-size: 18px;
          margin-top: 5px;
      }

      .institution-tabs {
          display: none;
      }

      .institution-tab img {
          display: none;
          /* hide images on mobile */
      }

      .institution-image-story {
          bottom: 5px;
      }

      .institution-metric-value {
          text-align: left !important;
      }

      .institution-image-story>h3 {
          color: white;
          font-size: 16px;
          line-height: 24px;
      }

      .institution-nav {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 15px;
          margin-top: 15px;
      }

      .nav-btn {
          background: #e0e0e0;
          border: none;
          padding: 10px 15px;
          font-size: 20px;
          border-radius: 6px;
          cursor: pointer;
          font-family: 'Sora', sans-serif;
      }

      .nav-logo {
          width: 60px;
          height: auto;
          object-fit: contain;

      }
  }

  /* Bannar */
  .bannar-new-home-page-container {
      background-color: #F4E7FF;
      border-radius: 12px;
      display: flex;
      flex-direction: column;
      align-content: center;
      padding: 40px 20px;
      text-align: center;
      max-width: 1200px;
      margin: 40px auto;
      font-family: 'Sora', sans-serif;
  }

  .bannar-title {
      font-size: 24px;
      font-weight: 600;
      color: #1B1139;
      margin-bottom: 12px;
      font-family: 'Sora', sans-serif;
  }

  .bannar-subtitle {
      font-size: 16px;
      color: #555;
      margin-bottom: 24px;
      line-height: 1.5;
  }

  .bannar-button {
      background-color: #8000C7;
      color: #fff;
      width: fit-content;
      margin: auto;
      border: none;
      border-radius: 8px;
      padding: 12px 28px;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      font-family: 'Sora', sans-serif;
  }

  @media (max-width: 700px) {
      .bannar-new-home-page-container {
          margin: 5px 15px;
      }
  }

 /* FAQ section */

 .faq-section {
     margin: auto;
     text-align: center;
     margin-top: 100px;
     position: relative;
     margin-bottom: 100px;
 }

 .faq-new-home-page-container {
     width: 100%;
     max-width: 1200px;
     display: flex;
     gap: 40px;
     margin: 20px auto;
     margin-top: 40px;
     margin-bottom: 40px;
 }



 .faq-col {
     flex: 1;
     display: flex;
     flex-direction: column;
     gap: 5px;
 }

 .faq-col:nth-child(2) {}



 .faq {
     background: white;
     color: #1B1139;
     border-radius: 10px;
     margin-bottom: 12px;
     padding: 18px 20px;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
     cursor: pointer;
     transition: all 0.3s ease;
     display: flex;
     flex-direction: column;
     justify-content: center;
     height: 100px;
 }

 .faq.hidden {
     display: none;
 }

 .faq h3 {
     margin: 0;
     font-size: 18px;
     font-weight: 600;
     display: flex;
     gap: 20px;
     align-items: center;
     text-align: left;
 }

 .faq h3::before {
     content: '+';
     font-size: 22px;
     transition: transform 0.3s ease;
 }

 .faq.active h3::before {
     content: '-';
     transform: rotate(180deg);
 }

 .faq-content {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.4s ease, opacity 0.3s ease;
     opacity: 0;
     margin-top: 8px;
     margin-bottom: 10px;
     display: none;
 }

 .faq-content>p {
     margin-bottom: 10px;
 }

 .faq.active .faq-content {
     max-height: fit-content;
     /* adjust as needed */
     opacity: 1;
     display: block;
 }

 .faq-content p {
     margin: 0;
     color: #555;
     line-height: 1.5;
     font-size: 14px;
     text-align: left;
     height: fit-content;
     margin-left: 30px;
     margin-top: 10px;
     margin-bottom: 10px;
 }

 .faq-ans-list {
     list-style-type: disc;
     list-style: disc;
     text-align: left;
     font-size: 14px;
     line-height: 1.5;
     margin-left: 30px;

 }

 .faq-ans-list>li {
     list-style-type: disc;
     list-style: disc;
     text-align: left;
     font-size: 14px;
     line-height: 1.5;
     margin-left: 30px;
     color: #333;
 }

 #loadMoreBtn {
     background: #5a0b85;
     color: #fff;
     padding: 10px 20px;
     border: none;
     border-radius: 6px;
     cursor: pointer;
     font-size: 16px;
 }

 #loadMoreBtn:hover {
     background: #5a0b85;
 }



 @media (max-width: 700px) {
     .faq-section {
         padding: 0px 15px;
     }

     .faq-new-home-page-container {
         display: flex;
         flex-direction: column;
         gap: 0px;
     }

     .faq>h3 {
         font-size: 16px;
         font-weight: 500;
         text-align: left !important;
     }

     .faq-content>p {
         font-size: 12px;
         margin-left: 30px;
         text-align: left !important;
         margin-bottom: 15px;
     }

     .faq-ans-list>li {
         text-align: left !important;
     }

 }

  /* CTA section */
  .cta-section {
      position: relative;
      text-align: center;
      padding: 80px 20px;
      background: #fff;
      margin-bottom: 60px;
  }

  .cta-section h2 {

      font-weight: 700;
      margin: 0 0 15px;
      color: #222;
  }

  .cta-section h2 span {
      color: #7800B4;
      /* purple highlight */
  }

  .cta-section p {
      color: #555;

  }

  .cta-new-di-btn {
      display: inline-block;
      padding: 14px 28px;
      background: #8000C7;
      color: #fff;
      font-weight: 600;
      text-decoration: none;
      border-radius: 8px;
      transition: all 0.3s ease;
      text-decoration: none;
      width: 280px;
      margin: auto;
  }

  .cta-new-di-btn:hover {
      text-decoration: none;
      color: white;
  }

  @media (max-width: 700px) {
      .cta-section {
          padding-top: 50px;
      }
  }

  @keyframes float {

      0%,
      100% {
          transform: translateY(0px);
      }

      50% {
          transform: translateY(-15px);
      }
  }