:root {
      /* --header-section-color: #3BDBDC;
      --body-color: #3bdbdc1a; */
      --section-background: #202020;
      --font-heading-color: #EDEDED;
      --font-text-color: #EDEDED;
      --font-heading-darkcolor: #202020;
      --font-text-darkcolor: #202020;
      --section-background-20: #20202038;


  }


  .comman-top-border-radius {
      border-top-left-radius: 100px;
      border-top-right-radius: 100px;
  }

  .header-custom-btn {
      background-color: #EDEDED;
      color: #202020;
      padding: 10px 24px;
      border: none;
      border-radius: 10px;
      font-weight: 600;
      transition: all 0.3s ease;
  }

  .header-custom-btn:hover {
      background-color: #dcdcdc;
      color: #000000;
      transform: translateY(-1px);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }


  /* Gotham Font Family Declarations */
  @font-face {
      font-family: 'Gotham';
      src: url('../Gotham Fonts Family/Gotham-Book.otf') format('opentype');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
      font-family: 'Gotham';
      src: url('../Gotham Fonts Family/Gotham-BookItalic.otf') format('opentype');
      font-weight: 400;
      font-style: italic;
      font-display: swap;
  }

  @font-face {
      font-family: 'Gotham';
      src: url('../Gotham Fonts Family/GOTHAM-BOLD.TTF') format('truetype');
      font-weight: 700;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
      font-family: 'Gotham';
      src: url('../Gotham Fonts Family/GOTHAM-BOLDITALIC.TTF') format('truetype');
      font-weight: 700;
      font-style: italic;
      font-display: swap;
  }

  @font-face {
      font-family: 'Gotham';
      src: url('../Gotham Fonts Family/Gotham-Medium.otf') format('opentype');
      font-weight: 500;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
      font-family: 'Gotham';
      src: url('../Gotham Fonts Family/Gotham-MediumItalic.otf') format('opentype');
      font-weight: 500;
      font-style: italic;
      font-display: swap;
  }

  @font-face {
      font-family: 'Gotham';
      src: url('../Gotham Fonts Family/Gotham-Light.otf') format('opentype');
      font-weight: 300;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
      font-family: 'Gotham';
      src: url('../Gotham Fonts Family/Gotham-LightItalic.otf') format('opentype');
      font-weight: 300;
      font-style: italic;
      font-display: swap;
  }

  @font-face {
      font-family: 'Gotham';
      src: url('../Gotham Fonts Family/GOTHAM-BLACK.TTF') format('truetype');
      font-weight: 900;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
      font-family: 'Gotham';
      src: url('../Gotham Fonts Family/GOTHAM-BLACKITALIC.TTF') format('truetype');
      font-weight: 900;
      font-style: italic;
      font-display: swap;
  }

  /* Gotham Narrow Font Family Declarations */
  @font-face {
      font-family: 'Gotham Narrow';
      src: url('../Gotham Fonts Family/GothamNarrow-Book.otf') format('opentype');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
      font-family: 'Gotham Narrow';
      src: url('../Gotham Fonts Family/GothamNarrow-BookItalic.otf') format('opentype');
      font-weight: 400;
      font-style: italic;
      font-display: swap;
  }

  @font-face {
      font-family: 'Gotham Narrow';
      src: url('../Gotham Fonts Family/GothamNarrow-Bold.otf') format('opentype');
      font-weight: 700;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
      font-family: 'Gotham Narrow';
      src: url('../Gotham Fonts Family/GothamNarrow-BoldItalic.otf') format('opentype');
      font-weight: 700;
      font-style: italic;
      font-display: swap;
  }

  @font-face {
      font-family: 'Gotham Narrow';
      src: url('../Gotham Fonts Family/GothamNarrow-Medium.otf') format('opentype');
      font-weight: 500;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
      font-family: 'Gotham Narrow';
      src: url('../Gotham Fonts Family/GothamNarrow-MediumItalic.otf') format('opentype');
      font-weight: 500;
      font-style: italic;
      font-display: swap;
  }

  @font-face {
      font-family: 'Gotham Narrow';
      src: url('../Gotham Fonts Family/GothamNarrow-Light.otf') format('opentype');
      font-weight: 300;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
      font-family: 'Gotham Narrow';
      src: url('../Gotham Fonts Family/GothamNarrow-LightItalic.otf') format('opentype');
      font-weight: 300;
      font-style: italic;
      font-display: swap;
  }

  @font-face {
      font-family: 'Gotham Narrow';
      src: url('../Gotham Fonts Family/GothamNarrow-Black.otf') format('opentype');
      font-weight: 900;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
      font-family: 'Gotham Narrow';
      src: url('../Gotham Fonts Family/GothamNarrow-BlackItalic.otf') format('opentype');
      font-weight: 900;
      font-style: italic;
      font-display: swap;
  }

  /* Montserrat Font Family Declarations */
  @font-face {
      font-family: 'Montserrat';
      src: url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
      font-family: 'Montserrat';
      src: url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');
      font-weight: 600;
      font-style: normal;
      font-display: swap;
  }

  /* Global Font Settings */
  body,
  html {
      margin: 0;
      padding: 0;
      height: 100vh;
      overflow-x: hidden;
      background: #D9D9D9 !important;
      font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      font-weight: 400;
      font-style: normal;
  }

  /* HEADINGS AND BUTTONS - Using Gotham Narrow (Black) and Gotham Bold (Regular) */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: 'Gotham Narrow', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      font-weight: 900;
      /* Black weight */
      font-style: normal;
  }

  /* Specific heading weights */
  h1 {
      font-weight: 900;
      /* Black weight for main headings */
  }

  h2 {
      font-weight: 900;
      /* Black weight for sub-headings */
  }

  h3,
  h4,
  h5,
  h6 {
      font-weight: 900;
      /* Black weight for smaller headings */
  }

  /* Buttons - Using Gotham Bold (Regular) */
  .btn,
  button,
  input[type="submit"],
  input[type="button"],
  input[type="reset"] {
      font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      font-weight: 700;
      /* Bold weight */
      font-style: normal;
  }

  /* ALL OTHER TEXT ELEMENTS - Using Montserrat (Semi-Bold) and Montserrat Regular */
  p,
  span,
  div,
  a,
  li,
  ul,
  ol,
  td,
  th,
  label,
  input,
  textarea,
  select {
      font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      font-weight: 400;
      /* Regular weight */
      font-style: normal;
  }

  /* Montserrat Semi-Bold for specific elements */
  strong,
  b,
  .fw-semibold,
  .fw-bold {
      font-weight: 600;
      /* Semi-Bold weight */
  }

  /* Bootstrap overrides to ensure proper font usage */
  .navbar-brand,
  .nav-link,
  .form-control,
  .form-label,
  .card-title,
  .card-text,
  .list-group-item,
  .table,
  .modal-title,
  .modal-body {
      font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  }

  /* Ensure buttons keep Gotham font */
  .btn-primary,
  .btn-secondary,
  .btn-success,
  .btn-danger,
  .btn-warning,
  .btn-info,
  .btn-light,
  .btn-dark,
  .btn-outline-primary,
  .btn-outline-secondary,
  .btn-outline-success,
  .btn-outline-danger,
  .btn-outline-warning,
  .btn-outline-info,
  .btn-outline-light,
  .btn-outline-dark {
      font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      font-weight: 700;
  }

  a.nav-link {
      color: #EDEDED !important;
  }

  a.nav-link:hover {
      color: #EDEDED !important;
  }

  a.header-contact:hover {
      color: white !important;
  }

  a.header-contact {
      color: white !important;
  }

  @media screen and (max-width: 768px) {
      .header-logo-img {
          width: 50px;
      }
  }



  .btn-contact {
      background-color: #17bebe !important;
      color: white !important;
      border: none !important;
      padding: 10px 20px !important;
      font-weight: 500 !important;
      border-radius: 5px !important;
      transition: 0.3s ease !important;
  }


  .btn-contact:hover {
      background-color: #73c9c3 !important;
  }

  .background-crapper {
      /* background: #3BDBDC;
  transform: skewY(5deg);
  transform-origin: top right;
  border-bottom-left-radius: 90px;
  border-bottom-right-radius: 90px; */
      overflow: hidden;

  }

  /* Full background wrapper */
  .full-bg {
      /* background-color: var(--header-section-color); */
      /* min-height: 594px; */
      /* width: 100%;
      border-bottom-left-radius: 90px;
      border-bottom-right-radius: 90px;
      transform: rotate(4.42deg);
      position: relative;
      top: -18.48px;
      left: -5.72px;
      overflow: hidden; */
      background: #202020;
      transform: skewY(5deg);
      transform-origin: top right;
      border-bottom-left-radius: 90px;
      border-bottom-right-radius: 90px;
      padding-top: 5%;
      padding-bottom: 1%;
      color: #EDEDED;

  }

  .content-wrapper {
      transform: skewY(-5deg);

  }

  .btn-teal {
      background-color: #00c5b7;
      color: #fff;
      border: none;
  }

  .hero-img {
      width: 300px;
  }

  .review-card {
      opacity: 0.8;
      width: 270px;
      transform: translateX(62%);
      z-index: 3;
      bottom: -8%;
      left: 10%;
  }

  @media (max-width: 480px) {
      .review-card {
          width: 60%;
          left: 50%;
          transform: translateX(-62%) !important;
      }
  }

  @media (max-width: 768px) {
      .review-card {
          width: 70%;
          transform: translateX(-25%);
      }
  }

  @media (max-width: 1024px) {
      .review-card {
          transform: translateX(-4%);
      }
  }


  .elm-image {

      left: 0%;
      bottom: 11%;
      width: 90px;
      z-index: 0
  }




  @media (max-width:1024px) {


      .elm-image {

          left: -22%;
          bottom: 11%;
      }

  }



  .bg-teal {
      background-color: #202020 !important;
  }

  @media (max-width: 768px) {
      .hero-img {
          width: 80%;
      }


  }


  @media (max-width: 480px) {
      .full-bg {
          transform: none;
          top: 0;
          left: 0;
          border-radius: 0 0 60px 60px;
      }

      .content-wrapper {
          transform: none;
          padding: 1.5rem 1rem;
      }

      .background-crapper {
          border-radius: 0 0 60px 60px;
          padding-bottom: 2rem;
      }

      .hero-img {
          width: 80%;
          margin-bottom: 1rem;
      }



      nav.navbar {
          padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
      }

      h1 {
          font-size: 2rem;
      }

      .btn {
          width: auto;
          margin-top: 5px;
      }


      .row.align-items-center {
          flex-direction: column-reverse;
      }
  }

  .new-section {
      display: flex;
      justify-content: center;
      gap: 2rem;
      padding: 2rem 0;
      align-items: center;
  }

  .image-stack {
      position: relative;
      width: 90%;
      max-width: 500px;
      margin: auto;
      margin-bottom: 30px;
      display: inline-block;
  }


  @media (min-width: 768px) {
      .custom-row {
          display: flex;
          flex-wrap: nowrap;
      }

      .custom-col {
          width: 50%;
          flex: 0 0 50%;
      }
  }

  .main-heading-section {
      margin-top: 37px;
  }

  .section-spacing {
      margin-bottom: 80px;
  }

  @media (max-width:480px) {
      .section-spacing {
          margin-bottom: 20px;
      }
  }



  .image-stack img:first-child {
      width: 55%;
      max-width: 100%;
      height: auto;
      position: relative;
  }

  .image-stack img:last-child {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-6%) translateY(36%);
      z-index: 1;
      width: 53%;
      max-width: 100%;
      height: auto;
      clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
  }

  @media (max-width: 991.98px) {
      .image-stack img:first-child {
          width: 48%;
      }

      .image-stack img:last-child {
          width: 45%;
      }
  }

  @media (max-width: 768.98px) {
      .image-stack img:first-child {
          width: 44%;
      }

      .image-stack img:last-child {
          width: 42%;
      }

      .content-section {
          /* margin-top: 5rem; */
      }

      .image-stack {
          margin-bottom: 80px;

      }
  }

  @media (max-width: 575.98px) {
      .image-stack img:first-child {
          width: 40%;
      }

      .image-stack img:last-child {
          width: 38%;
      }

      .content-section {
          margin-top: 1rem;
      }

      .image-stack {
          margin-bottom: 70px;

      }
  }

  @media (max-width: 425.98px) {
      .image-stack img:first-child {
          width: 38%;
      }

      .image-stack img:last-child {
          width: 36%;
      }

      .image-stack {
          margin-bottom: 50px;

      }
  }

  @media (min-width: 768px) {
      .content-section {
          padding-left: 30px;
      }
  }



  /* section {
      margin: 0 2rem;
  } */

  @media (max-width: 575.98px) {
      #cardContainer .col-md-4 {
          flex: 0 0 100%;
          max-width: 100%;
      }
  }

  @media (min-width: 576px) and (max-width: 991.98px) {
      #cardContainer .col-md-4 {
          flex: 0 0 50%;
          max-width: 50%;
      }
  }

  @media (min-width: 992px) {
      #cardContainer .col-md-4 {
          flex: 0 0 33.3333%;
          max-width: 33.3333%;
      }
  }

  /* Card hover effect */
  .custom-card {
      transition: background-color 0.3s ease;
  }

  .custom-card:hover {
      background-color: var(--section-background) !important;
      color: var(--font-text-color);
  }

  .custom-card:hover .step-badge {
      background-color: var(--font-heading-color) !important;
      color: var(--section-background) !important;
  }

  .custom-card:hover h5,
  .custom-card:hover p {
      color: var(--font-text-color);
  }

  .custom-card:hover .btn {
      /* background-color: white; */
      /* color: #3BDBDC; */
  }

  .business-section {
      /* transform: rotate(4deg); */
  }

  .knowledge-hub {
      padding: 60px 0;
      border-top-left-radius: 100px;
      border-top-right-radius: 100px;
      background-color: var(--section-background);
      /* transform: rotate(-4deg); */
  }

  .knowledge-hub .section-title {
      text-align: center;
      margin-bottom: 40px;

  }

  .knowledge-hub .section-title h2 {
      font-size: 32px;
      font-weight: 700;
      color: var(--font-text-color);
      margin-bottom: 15px;
  }

  .knowledge-hub .section-title p {
      font-size: 18px;
      color: var(--font-text-color);
      max-width: 700px;
      margin: 0 auto;
  }

  .knowledge-hub .card-container {
      position: relative;
      margin-bottom: 30px;
      height: 100%;
  }

  .knowledge-hub .card {
      border: none;
      border-radius: 10px;
      transition: transform 0.3s ease;
      height: 100%;
      overflow: visible;
  }

  .knowledge-hub .card:hover {
      transform: translateY(-10px);
  }

  .knowledge-hub .card-img-container {
      position: relative;
      height: 200px;
      overflow: hidden;
      border-radius: 10px 10px 0 0;
  }

  .knowledge-hub .card-img-top {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
  }

  .knowledge-hub .card:hover .card-img-top {
      transform: scale(1.05);
  }

  .knowledge-hub .card-body {
      position: relative;
      background: white;
      margin: -30px 15px 0 15px;
      border-radius: 10px;
      padding: 20px;
      z-index: 2;
      width: calc(100% - 30px);
  }

  .knowledge-hub .card-title {
      font-size: 14px;
      margin-bottom: 10px;
      color: var(--section-background);
  }

  .knowledge-hub .card-text {
      color: #6c757d;
      margin-bottom: 15px;
      font-size: 14px;
  }

  .knowledge-hub .read-more {
      color: black;
      text-decoration: none;
      font-weight: 500;
      font-size: 14px;
      display: inline-block;
      background-color: #20202038;
      width: 100%;
      padding: 10px;
      display: flex;
      justify-content: space-between;
      border-radius: 10px;
  }

  .knowledge-hub .read-more:hover {
      text-decoration: none;
  }

  /* success section */
  .success-section {
      background-color: var(--section-background);
      padding: 60px 0;
      text-align: center;
      color: var(--font-heading-color);

  }

  .success-card {
      background: var(--font-text-color);
      padding: 30px;
      border-radius: 8px;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      border-radius: 20px;
      color: var(--font-heading-darkcolor);
  }

  .success-card img {
      width: 120px;
      height: 120px;
      margin: 0 auto 20px auto;
      display: block;
      border-radius: 50%;
  }

  .success-card h5 {
      font-weight: bold;
      text-align: left;
  }

  .success-card p {
      flex-grow: 1;
      text-align: left;
  }

  .success-card a {
      text-decoration: none;
      font-weight: 500;
      text-align: left;
  }

  .success-read-more {
      display: inline-flex;
      align-items: center;
      color: var(--section-background);
      text-decoration: none;
      transition: color 0.3s ease;
  }

  .success-read-more i {
      margin-left: 6px;
      transition: transform 0.3s ease;
  }

  .success-read-more:hover {
      color: var(--header-section-color);
  }

  .success-read-more:hover i {
      transform: translateX(5px);
  }


  /* testimonial section */
  .testimonial-section {

      padding: 60px 0;
      text-align: center;
  }

  @media (max-width:480px) {
      .testimonial-section {
          padding: 15px 0px;
          padding-bottom: 20px;
      }

  }

  .testimonial-card {
      background: var(--font-heading-color);
      border-radius: 8px;
      padding: 30px;
      display: flex;
      gap: 20px;
      text-align: left;
      height: 100%;
      min-height: 200px;
  }

  /* Ensure all testimonial cards have equal height */
  .testimonial-swiper .swiper-slide {
      height: auto;
      display: flex;
  }

  .testimonial-swiper .swiper-wrapper {
      align-items: stretch;
  }

  .testimonial-swiper .swiper-slide .testimonial-card {
      flex: 1;
      display: flex;
      flex-direction: row;
  }

  .testimonial-content {
      flex: 1;
      display: flex;
      flex-direction: column;
  }

  .testimonial-text {
      flex: 1;
      margin-bottom: 0;
  }

  .testimonial-card img.profile {
      width: 80px;
      height: 80px;
      object-fit: cover;
      box-shadow: -6px 6px var(--section-background);
  }

  .testimonial-content h5 {
      margin: 0;
      font-weight: bold;
  }

  .testimonial-role {
      display: flex;
      align-items: center;
      gap: 8px;
      color: var(--section-background);
      margin-bottom: 5px;
      font-size: 14px;
  }

  .testimonial-role-line {
      width: 30px;
      height: 2px;
      background: var(--section-background);
  }

  .testimonial-quote-mark {
      margin: 8px 0;
      width: 100%;
      display: flex;
      justify-content: end;
  }


  @media (max-width:370px) {

      .testimonial-stars {
          font-size: 11px !important;

      }


  }

  .testimonial-quote-mark img {
      width: 30px;
      height: auto;
  }

  .testimonial-stars {
      color: goldenrod;
      font-size: 20px;
      margin-left: auto;
  }

  .testimonial-text {
      font-size: 14px;
      color: #333;
      flex: 1;
      margin-bottom: 0;
  }

  /* Ensure testimonial cards work well on mobile */
  @media (max-width: 768px) {
      .testimonial-card {
          flex-direction: column;
          text-align: center;
          min-height: 250px;
      }

      .testimonial-content {
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
      }

      .testimonial-text {
          flex: 1;
          display: flex;
          align-items: flex-start;
      }
  }

  /* footer */

 .wrapper {
        display: inline-flex;
        list-style: none;
        height: 120px;
        width: 100%;
        padding-top: 40px;
        font-family: "Poppins", sans-serif;
        justify-content: flex-start;
      }

      .wrapper .icon {
border:1px solid ;
        position: relative;
        background: #202020;
        border-radius: 50%;
        margin: 10px;
        width: 50px;
        height: 50px;
        font-size: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;

        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
        /* box-shadow: 2px 0px 10px 10px rgba(248, 245, 245, 0.1); */
        cursor: pointer;
        transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      }

      .wrapper .tooltip {
        position: absolute;
        top: 0;
        font-size: 14px;
        background: #fff;
        color: #fff;
        padding: 5px 8px;
        border-radius: 5px;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
        opacity: 0;
        pointer-events: none;
        transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      }

      .wrapper .tooltip::before {
        position: absolute;
        content: "";
        height: 8px;
        width: 8px;
        background: #fff;
        bottom: -3px;
        left: 50%;
        transform: translate(-50%) rotate(45deg);
        transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      }

      .wrapper .icon:hover .tooltip {
        top: -45px;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
      }

      .wrapper .icon:hover span,
      .wrapper .icon:hover .tooltip {
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
      }

      .wrapper .facebook:hover,
      .wrapper .facebook:hover .tooltip,
      .wrapper .facebook:hover .tooltip::before {
        background: #202020;
        color: #fff;
      }


      .wrapper .instagram:hover,
      .wrapper .instagram:hover .tooltip,
      .wrapper .instagram:hover .tooltip::before {
        background: #202020;
        color: #fff;
      }


  .btn-footer {

      background: var(--header-section-color);
      transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
  }

  .btn-footer:hover {
      background-color: #17bebe;
      color: black;

  }

  .custom-footer {
      background: #202020;
      color: #fff;
      padding: 60px 0 20px 0;
  }

  .custom-footer a {
      color: #fff;
      text-decoration: none;
  }

  .custom-footer a:hover {
      text-decoration: underline;
  }

  .custom-footer .footer-logo {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
  }

  .custom-footer .footer-logo img {
      max-width: 150px;
      margin-right: 10px;
  }

  .custom-footer .footer-social a {
      color: #fff;
      margin-right: 15px;
      font-size: 18px;
  }

  .custom-footer h6 {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
  }

  .custom-footer ul {
      padding-left: 0;
      list-style: none;
  }

  .custom-footer ul li {
      margin-bottom: 10px;
  }

  .custom-footer .footer-buttons .btn {
      display: block;
      width: 100%;
      margin-bottom: 10px;
  }

  .custom-footer-bottom {
      border-top: 1px solid #333;
      margin-top: 40px;
      padding-top: 20px;
      font-size: 14px;
  }

  /* Additional spacing for advertiser disclosure section */
  .advertiser-section {
      margin-bottom: 60px;
  }




  /* owl caroucel */

  .logo-carousel .item {
      text-align: center;
      padding: 10px;
  }

  .logo-carousel img {
      max-height: 100px;
      object-fit: contain;
      transition: 0.3s ease;
  }

  .logo-carousel img:hover {
      filter: grayscale(0%);
      transform: scale(1.05);
  }



  .header-bg-img-home {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 83%;
      max-width: 450px;
      z-index: 1;
      transform: translate(29%, 12%);
  }

  /* For devices 1024px and below */
  @media (max-width: 1024px) {
      .header-bg-img-home {
          transform: translate(0%, 0%);
      }
  }

  /* For smaller screens (768px and below) */
  @media (max-width: 768px) {
      .header-bg-img-home {
          transform: translate(-14%, -12%);
      }
  }

  @media (max-width: 480px) {
      .header-bg-img-home {
          /* display: none; */
          width: 83%;
          max-width: 450px;
          transform: translate(0%, -9%);
      }
  }

  .header-bg-img {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 35%;
      max-width: 240px;
      z-index: 1;
      transform: translate(55%, -100%);
  }

  /* For devices 1024px and below */
  @media (max-width: 1024px) {
      .header-bg-img {
          transform: translate(-20%, -100%);
      }
  }

  /* For smaller screens (768px and below) */
  @media (max-width: 768px) {
      .header-bg-img {
          transform: translate(-11%, -81%);
      }
  }


  .header-bg-img-partnership {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 49%;
      max-width: 400px;
      z-index: 1;
      transform: translate(75%, -5%);
      opacity: 0.4;
  }

  @media (max-width: 1024px) {
      .header-bg-img-partnership {
          transform: translate(24%, -5%);
          width: 67%;

      }
  }

  @media (max-width: 768px) {
      .header-bg-img-partnership {
          transform: translate(-11%, -15%);
          width: 76%;

      }
  }

  @media (max-width: 480px) {
      .header-bg-img-partnership {
          transform: translate(-5%, 0%);
          width: 83%;

      }
  }


  .solution-images {

      max-width: 300px;
      width: 100%
  }

  @media (max-width:768px) {
      .solution-images {

          max-width: 200px;
      }

  }

  .header-bg-img-solution {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 53%;
      max-width: 400px;
      z-index: 1;
      transform: translate(38%, -0%);
      opacity: 0.5;
  }

  /* For devices 1024px and below */
  @media (max-width: 1024px) {
      .header-bg-img-solution {
          transform: translate(2%, -10%);
          width: 66%;
          max-width: 350px;

      }
  }

  /* For smaller screens (768px and below) */
  @media (max-width: 768px) {
      .header-bg-img-solution {
          transform: translate(-11%, -15%);
          width: 60%;

      }
  }

  @media (max-width: 480px) {
      .header-bg-img-solution {
          transform: translate(-8%, 0%);
          width: 83%;

      }
  }



  .btn-custom-site {
      background-color: var(--font-heading-darkcolor);
      color: var(--font-heading-color);
      border: none;
      padding: 10px 20px;
      font-weight: 500;
      border-radius: 5px;
      margin-bottom: 10px;
      transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
  }

  .btn-custom-site:hover {
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
      transform: translateY(-1px);

  }


  /* Solution page  */

  .feature-card {
      background-color: white;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
      transition: background-color 0.3s ease;
  }

  .feature-card:hover {
      /* background-color: #f2f2f2; */
  }

  .btn-dark {
      border-radius: 6px;
      padding: 10px 20px;
  }

  .icon-placeholder {
      width: 100%;
      max-width: 250px;
      height: auto;
  }


  .financing-section {
      padding: 60px 0;
  }

  @media (max-width:480px) {
      .financing-section {
          padding-bottom: 0px;
      }
  }

  .section-title {
      text-align: center;
      margin-bottom: 20px;
      color: var(--font-heading-color);
      font-weight: 700;
  }

  .step-card {
      background: var(--font-heading-color);
      border-radius: 10px;
      padding: 30px;
      height: 100%;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
      transition: transform 0.3s ease;
  }

  .step-card:hover {
      transform: translateY(-5px);
  }

  .feature-card {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .feature-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

  .step-number {
      background-color: var(--section-background-20);
      color: white;
      font-weight: bold;
      font-size: 1.25rem;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border-radius: 50%;
      margin-bottom: 1rem;
      display: inline-block;
  }


  .step-title {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 15px;
      color: #2c3e50;
  }

  .step-content {
      color: var(--section-background);
      line-height: 1.6;
  }

  .highlight {
      color: #3498db;
      font-weight: 600;
  }


  .section-wrapper {
      /* min-height: 100vh; */
      padding: 40px 0;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  @media (max-width:480px) {
      .section-wrapper {
          padding-bottom: 0;

      }

  }

  .badge-custom {
      background-color: #F6F4ED38;
      display: inline-flex;
      color: var(--font-heading-color);
      align-items: center;
      padding: 0.5rem 1rem;
      border-radius: 2rem;
      font-size: 0.9rem;
      font-weight: 600;
      margin-bottom: 1rem;
  }

  .badge-custom-light-background {
      background-color: var(--font-heading-color);
      display: inline-flex;
      color: var(--font-heading-darkcolor);
      align-items: center;
      padding: 0.5rem 1rem;
      border-radius: 2rem;
      font-size: 0.9rem;
      font-weight: 600;
      margin-bottom: 1rem;
  }


  .btn-dark {
      margin-right: 1rem;
  }

  @media screen and (max-width: 768px) {
      .solution-buttons {

          text-align: center;
      }

  }


  /* Products Page */

  .step-icon {
      width: 80px;
      height: 80px;
      object-fit: contain;
      margin-bottom: 1rem;
      display: block;
  }

  .step-products-title {
      font-size: 1.25rem;
      font-weight: 700;
      color: #333;
      margin-bottom: 1rem;
      text-align: left;
  }


  .loan-card {
      background: var(--font-heading-color);
      border-radius: 20px;
      padding: 30px 19px;
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      height: 100%;
      border: none;
  }

  .loan-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
  }

  .card-image {
      width: 100px;
      height: auto;
      /* border-radius: 50%; */
      object-fit: contain;
      margin-bottom: 20px;
      /* border: 3px solid #f8f9fa; */
  }

  .card-title {
      font-size: 1.5rem;
      font-weight: 700;
      color: var(--font-heading-darkcolor);
      margin-bottom: 15px;
  }

  .card-description {
      color: #202020;
      font-size: 0.95rem;
      line-height: 1.6;
      margin-bottom: 25px;
      min-height: 120px;
  }

  .btn-group-custom {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
  }

  /* Remove default outline and focus/active styles */
  .btn-primary-custom:focus,
  .btn-primary-custom:active,
  .btn-outline-custom:focus,
  .btn-outline-custom:active {
      outline: none !important;
      box-shadow: none !important;
      background: var(--section-background) !important;
      color: var(--font-heading-color) !important;
      transform: none !important;
  }

  .btn-primary-custom {
      background: var(--section-background);
      border: none;
      border-radius: 5px;
      padding: 10px 0px;
      /* font-weight: 600; */
      font-size: 15px;
      color: var(--font-heading-color);
      transition: all 0.3s ease;
      flex: 1;
  }

  .btn-primary-custom:hover {
      background: var(--section-background);
      color: var(--font-heading-color);
      transform: translateY(-2px);
  }


  .btn-custom-learnmore:focus,
  .btn-custom-learnmore:active,
  .btn-outline-custom:focus,
  .btn-outline-custom:active {
      outline: none !important;
      box-shadow: none !important;
      background: var(--font-heading-color) !important;
      color: var(--section-background) !important;
      transform: none !important;
  }

  .btn-custom-learnmore {
      background: var(--font-heading-color);
      border: none;
      border-radius: 5px;
      padding: 10px 0px;
      /* font-weight: 600; */
      font-size: 15px;
      color: var(--section-background);
      transition: all 0.3s ease;
      flex: 1;
      border: 1px solid var(--section-background);
  }

  .btn-custom-learnmore:hover {
      background: var(--font-heading-color);
      color: var(--section-background);
      transform: translateY(-2px);
      border: 1px solid var(--section-background);

  }

  .btn-outline-custom {
      border: 1px solid var(--section-background);
      color: var(--section-background);
      background: transparent;
      border-radius: 5px;
      padding: 10px 0px;
      /* font-weight: 600; */
      font-size: 15px;
      transition: all 0.3s ease;
      flex: 1;
  }

  .btn-outline-custom:hover {
      background: var(--section-background);
      color: var(--font-heading-color);
      transform: translateY(-2px);
  }

  .container-fluid {
      max-width: 1200px;
  }

  @media (max-width: 768px) {
      .loan-card {
          padding: 25px 20px;
          margin-bottom: 30px;
      }

      .card-description {
          min-height: auto;
          margin-bottom: 20px;
      }

      .btn-group-custom {
          flex-direction: column;
      }

      .btn-primary-custom,
      .btn-outline-custom {
          min-width: 100%;
          margin-bottom: 5px;
      }
  }

  @media (max-width: 576px) {
      .card-title {
          font-size: 1.3rem;
      }

      .card-description {
          font-size: 0.9rem;
      }
  }

  .requirement-box {
      background-color: white;
      border-radius: 12px;
      padding: 2rem;
      margin: 2rem 0;
  }

  .requirement-box h5 {
      font-weight: 700;
  }

  .requirement-box p {
      margin-bottom: 1rem;
  }

  .requirement-list {
      list-style-type: disc;
      padding-left: 1.2rem;
  }

  .info-box {
      background-color: var(--font-heading-color);
      border-radius: 8px;
      padding: 12px 16px;
      width: 320px;
      min-height: 70px;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
      cursor: pointer;
      transition: background-color 0.3s ease;
      overflow: hidden;
      position: relative;
      color: var(--section-background);
  }

  @media screen and (min-width: 1024px) {
      .info-box {
          width: 400px;

      }

  }

  /* Hover description styling */
  .hover-desc {
      max-height: 0;
      opacity: 0;
      transform: translateY(-5px);
      /* slide-up effect */
      margin-top: 0;
      overflow: hidden;
      transition:
          max-height 0.4s ease,
          opacity 0.4s ease,
          transform 0.4s ease,
          margin-top 0.4s ease;
      font-size: 0.875rem;
      color: #333;
  }

  .info-box:hover .hover-desc {
      max-height: 100px;
      opacity: 1;
      transform: translateY(0);
      margin-top: 6px;
  }

  .info-box:nth-child(even) {
      margin-left: 60px;
  }

  @media screen and (max-width: 768px) {


      .info-box:nth-child(even) {
          margin-left: 0;
      }

  }


  /* partnership page */

  .sales-title {
      font-size: 1.5rem;
      font-weight: 700;
      color: #333;
      margin-bottom: 1rem;
  }


  .partnership-images {

      max-width: 80%
  }

  .partnership-endsection {
      text-align: center;
      padding: 4rem;
  }

  @media (max-width:480px) {
      .partnership-endsection {
          padding: 1rem;

      }

      .partnership-images {

          max-width: 70%
      }

  }

  .custom-button-width {
      width: fit-content;
  }

  @media (min-width:998px) {
      .custom-button-width {
          width: 100%;

      }
  }

  .learn-more-partnership-btn {

      background-color: white;
  }




  .toggle-btn {
      cursor: pointer;
      font-weight: 500;
      transition: color 0.3s ease;
  }

  .toggle-btn span:last-child {
      font-size: 1.25rem;
      font-weight: bold;
      transition: transform 0.3s ease;
  }

  /* .toggle-btn[aria-expanded="true"] span:last-child {
  transform: rotate(180deg); 
} */

  .collapse {
      transition: max-height 0.4s ease;
      overflow: hidden;
  }

  .custom-divider {
      height: 1px;
      background-color: rgb(7, 7, 7);
      width: 100%;
  }




  /* form page */



  /* about */


  .about-palmtree {

      margin-top: 15px;
      padding-top: 10px;
  }

  .about-hub {
      padding: 60px 0;
  }

  .about-hub .section-title {
      text-align: center;
      margin-bottom: 40px;

  }

  .about-hub .section-title h2 {
      font-size: 32px;
      font-weight: 700;
      color: #212529;
      margin-bottom: 15px;
  }

  .about-hub .section-title p {
      font-size: 18px;
      color: #6c757d;
      max-width: 700px;
      margin: 0 auto;
  }

  .about-hub .card-container {
      position: relative;
      margin-bottom: 30px;
      height: 100%;
  }

  .about-hub .card {
      border: none;
      border-radius: 10px;
      transition: transform 0.3s ease;
      height: 100%;
      overflow: visible;
  }

  .about-hub .card:hover {
      transform: translateY(-10px);
  }

  .about-hub .card-img-container {
      position: relative;
      height: 200px;
      overflow: hidden;
      border-radius: 10px 10px 0 0;
  }

  .about-hub .card-img-top {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
  }

  .about-hub .card:hover .card-img-top {
      transform: scale(1.05);
  }

  .about-hub .card-body {
      position: relative;
      background: white;
      margin: -30px 15px 0 15px;
      border-radius: 10px;
      padding: 20px;
      z-index: 2;
      width: calc(100% - 30px);
  }

  .about-hub .card-title {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 10px;
      color: #212529;
  }

  .about-hub .card-text {
      color: #6c757d;
      margin-bottom: 15px;
      font-size: 14px;
  }

  .about-hub .read-more {
      color: black;
      text-decoration: none;
      font-weight: 500;
      font-size: 14px;
      display: inline-block;
      background-color: #3bdbdc1a;
      width: 100%;
      padding: 10px;
      display: flex;
      justify-content: space-between;
  }

  .about-hub .read-more:hover {
      text-decoration: none;
  }


  .nav-link.active {
      color: #EDEDED !important;
  }

  .navbar-nav .nav-link {
      position: relative;
      display: inline-block;
      padding-bottom: 4px;
      transition: color 0.3s ease;
  }

  .navbar-nav .nav-link::after {
      content: "";
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0;
      height: 2px;
      width: 0;
      background-color: #EDEDED;
      transition: width 0.3s ease;
  }

  .navbar-nav .nav-link:hover::after,
  .navbar-nav .nav-link.active::after {
      width: 90%;
  }




  /* Privacy Page */

  .pta-privacy-container {
      max-width: 900px;
      margin: 60px auto;
      background: #ffffff;
      padding: 40px 30px;
      border-radius: 16px;
      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
  }

  .pta-title {
      font-size: 2rem;
      font-weight: 600;
      color: var(--font-text-darkcolor);
      text-align: center;
      margin-bottom: 10px;
  }

  .pta-date {
      text-align: center;
      font-size: 0.95rem;
      color: var(--font-text-darkcolor);
      margin-bottom: 30px;
  }

  .pta-text-intro {
      font-size: 1.05rem;
      color: var(--font-text-darkcolor);
      margin-bottom: 25px;
  }

  .pta-section-title {
      font-size: 1.25rem;
      font-weight: 600;
      margin-top: 35px;
      margin-bottom: 15px;
      border-left: 4px solid var(--header-section-color);
      padding-left: 12px;
      color: var(--font-text-darkcolor);
  }

  .pta-list {
      padding-left: 1.2rem;
      margin-bottom: 15px;
  }

  .pta-contact-info li {
      margin-bottom: 5px;
  }

  .pta-final-note {
      margin-top: 25px;
      font-size: 0.95rem;
  }

  @media (max-width: 576px) {
      .pta-privacy-container {
          padding: 30px 20px;
          margin: 20px 12px;
      }

      .pta-title {
          font-size: 1.5rem;
      }

      .pta-section-title {
          font-size: 1.1rem;
      }
  }

  .squire-li-style {

      list-style: square;
  }

  button {
      position: relative;
      display: inline-block;
      cursor: pointer;
      outline: none;
      border: 0;
      vertical-align: middle;
      text-decoration: none;
      background: transparent;
      padding: 0;
      font-size: inherit;
      font-family: inherit;
  }

  button.learn-more {
      width: 12rem;
      height: auto;
  }

  button.learn-more .circle {
      transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
      position: relative;
      display: block;
      margin: 0;
      width: 3rem;
      height: 3rem;
      background: var(--header-section-color);
      border-radius: 1.625rem;
  }

  button.learn-more .circle .icon {
      transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      background: #fff;
  }

  button.learn-more .circle .icon.arrow {
      transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
      left: 0.625rem;
      width: 1.125rem;
      height: 0.125rem;
      background: none;
  }

  button.learn-more .circle .icon.arrow::before {
      position: absolute;
      content: "";
      top: -0.29rem;
      right: 0.0625rem;
      width: 0.625rem;
      height: 0.625rem;
      border-top: 0.125rem solid #fff;
      border-right: 0.125rem solid #fff;
      transform: rotate(45deg);
  }

  button.learn-more .button-text {
      transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 0.75rem 0;
      margin: 0 0 0 1.85rem;
      color: var(--header-section-color);
      font-weight: 700;
      line-height: 1.6;
      text-align: center;
      text-transform: uppercase;
  }

  button:hover .circle {
      width: 100%;
  }

  button:hover .circle .icon.arrow {
      background: #fff;
      transform: translate(1rem, 0);
  }

  button:hover .button-text {
      color: #fff;
  }

  /* contact us btn */

  .footer-buttons .btn-swipe {
      display: block;
      width: 100%;
      margin-bottom: 10px;
  }

  .btn-swipe {
      padding: 1em 1.2em;
      border: none;
      border-radius: 5px;
      font-weight: bold;
      letter-spacing: 2px;
      text-transform: uppercase;
      cursor: pointer;
      color: var(--font-heading-color);
      transition: all 1000ms;
      font-size: 13px;
      position: relative;
      overflow: hidden;
      outline: 2px solid var(--font-heading-color);
  }

  .btn-swipe:hover {
      color: var(--section-background);
      transform: scale(1);
      outline: 2px solid var(--font-heading-color);
      box-shadow: 4px 5px 17px -4px var(--font-heading-color);
  }

  .btn-swipe::before {
      content: "";
      position: absolute;
      left: -50px;
      top: 0;
      width: 0;
      height: 100%;
      background-color: var(--font-heading-color);
      transform: skewX(45deg);
      z-index: -1;
      transition: width 1000ms;
  }

  .btn-swipe:hover::before {
      width: 250%;
  }



  /* image hover */
  .hover-zoom {
      opacity: 1;
      transition: opacity 0.4s ease, transform 0.4s ease;
  }

  .hover-zoom:hover {
      opacity: 1;
      transform: scale(1.04);
  }



  /* sba laon */

  .icon-box {
      width: 100px;
      height: 100px;
      border: 2px dashed #000;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 15px;
  }

  .icon-box img {
      max-width: 50px;
      height: auto;
  }

  .info-text {
      font-size: 1rem;
      color: #333;
  }

  .info-title {
      font-weight: bold;
      font-size: 1.1rem;
  }

  @media (max-width: 575.98px) {
      .icon-box {
          width: 80px;
          height: 80px;
      }

      .icon-box img {
          max-width: 40px;
      }

      .info-title {
          font-size: 1rem;
      }

      .info-text {
          font-size: 0.9rem;
      }
  }


  .section-title-sba {
      font-weight: 700;
      text-align: center;
      margin-bottom: 40px;
  }

  @media (max-width:480px) {
      .section-title-sba {
          margin-bottom: 0px;

      }
  }

  .highlight-yellow {
      color: #e8ff3f;
  }

  .highlight-blue {
      color: #7caeff;
  }

  .content-box {
      padding: 40px 0;
  }

  .text-content {
      padding-right: 20px;
  }

  .circle-img {
      border: 6px solid white;
      border-radius: 50%;
      max-width: 100%;
      width: 300px;
      height: 300px;
      object-fit: cover;
      position: relative;
      z-index: 1;
  }

  .decorative-dots {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      pointer-events: none;
      z-index: 0;
  }

  @media (max-width: 767.98px) {
      .text-content {
          padding-right: 0;
          text-align: center;
      }

      .circle-img {
          width: 220px;
          height: 220px;
          margin: 0 auto;
      }

      .section-title-sba {
          font-size: 1.8rem;
      }
  }

  .benefit-card {
      background: #fff;
      border-radius: 8px;
      padding: 20px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      height: 100%;
  }

  .benefit-image {
      max-width: 100%;
      height: auto;
      display: block;
      border-radius: 8px;
  }


  @media (max-width:480px) {
      .benefit-image {
          max-width: 60%;

      }

  }

  .benefit-title {
      font-weight: 700;
      margin-bottom: 10px;
  }

  .benefit-text {
      color: #555;
  }


  .faq-section {
      background-color: #f8f9fa;
      border-radius: 10px;
      padding: 30px;
      margin-bottom: 30px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      border: 1px solid #e0e0e0;


  }

  .faq-header {
      text-align: center;
      margin-bottom: 30px;
      color: #2c3e50;
  }

  .faq-item {
      padding: 20px 0;
      border-bottom: 1px solid #dee2e6;
  }

  .faq-question {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: 600;
      color: #2c3e50;
      cursor: pointer;
  }

  .faq-question:hover {
      /* color: #3498db; */
  }

  .faq-toggle {
      font-size: 1.5rem;
      color: black;
      transition: transform 0.3s ease;
  }

  .faq-answer {
      padding-top: 15px;
      display: none;
      color: #495057;
  }

  .faq-item.active .faq-answer {
      display: block;
  }

  @media (max-width: 768px) {
      .faq-section {
          padding: 20px;
      }

      .faq-header {
          font-size: 1.8rem;
      }
  }


  .stats-section {
      padding: 40px 0;
      background: #fff;
  }

  .stat-item {
      text-align: start;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: row;
      gap: 1px;
      margin-bottom: 20px;
  }

  @media (max-width: 768px) {
    .stat-item img {
      width: 250px !important;
      margin-top: 0 !important; 
     
    }

    
  }
.last-image{
        margin-top: -10px !important;
      }

@media (max-width: 480px) {
    

     .last-image{
        margin-top: -40px !important;
      }
  }

  .stat-item img {
    max-width: 68%;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  .stat-content {
      display: flex;
      flex-direction: column;
      line-height: 1;
      color: var(--font-heading-darkcolor);
  }

  .stat-text {
      font-size: 1rem;
      font-weight: bold;
      margin: 0;
  }

  @media (max-width: 767.98px) {
      .stat-text {
          font-size: 2rem;
      }
  }

  @media (min-width: 1024px) {
      .stat-text {
          font-size: 1.5rem;
      }
  }




  .stat-subtext {
      font-size: 0.9rem;
      font-weight: 400;
      margin: 0;
  }


  .stat-subtext {
      display: block;
      font-size: 0.9rem;
      font-weight: 400;
  }

  .inc5000 {
      font-size: 2rem;
      font-weight: 700;
  }

  .google-review {
      font-size: 1.5rem;
  }

  @media (min-width: 768px) and (max-width: 1023.98px) {
      .google-review {
          font-size: 1rem;
      }
  }

  .google-stars {
      font-size: 1.5rem;
      color: #000;
  }

  @media (min-width: 768px) and (max-width: 1023.98px) {
      .google-stars {
          font-size: 1rem;
      }
  }

  @media (min-width: 768px) {
      .stat-item {
          flex-direction: row;
          margin-bottom: 0;
      }
  }

  .sbaloan-image101 {

      height: auto;
      width: 400px;
      max-width: 100%;

  }

  @media (max-width:480px) {
      .sbaloan-image101 {

          width: 230px;
          margin-bottom: 10px;

      }
  }


  .in-new-section {
      padding-top: 20px;
      padding-bottom: 20px;
      margin-top: 20px;
      margin-bottom: 20px;
      color: var(--font-heading-darkcolor);

  }

  @media (max-width:480px) {
      .in-new-section {
          padding-bottom: 0px;
          padding-top: 0px;
          margin-top: 2px;
      }

  }


  /* apply now */



  .biz-form-wrapper .form-control,
  .biz-form-wrapper .form-select {
      border: none !important;
      border-bottom: 1px solid #202020 !important;
      border-radius: 0 !important;
      box-shadow: none !important;
      background-color: transparent !important;
  }

  .biz-form-wrapper .form-control:focus,
  .biz-form-wrapper .form-select:focus {
      border-color: var(--section-background) !important;
      box-shadow: none !important;
      outline: none !important;
  }

  /* equiment financing */

  .equipment-section {
      background-color: var(--header-section-color);
      color: #202020;
      padding: 60px 20px;
  }

  @media (max-width:768px) {

      .equipment-section {
          padding: 20px 5px;
      }
  }

  .equipment-section h2 {
      color: #202020;
      font-weight: 700;
  }

  .equipment-section ul {
      list-style-type: square;
      padding-left: 20px;
  }

  .equipment-section li {
      margin-bottom: 0.5rem;
  }

  .logo-container img {
      max-width: 150px;
      margin-bottom: 15px;
  }

  .logo-text {
      font-size: 1.8rem;
      font-weight: 600;
      letter-spacing: 2px;
  }

  .sub-logo-text {
      color: #202020;
      font-size: 1.1rem;
      letter-spacing: 1px;
  }


  /* purchase financing */

  .purchase-financing-image {
      max-width: 350px
  }

  @media (max-width:768px) {
      .purchase-financing-image {

          max-width: 250px;
          margin-bottom: 5px;

      }
  }

  .purchase-financing-image-hero {

      max-width: 300px;
      width: 100%;
      z-index: 2;
      height: auto;
  }

  @media (max-width:768px) {
      .purchase-financing-image-hero {

          max-width: 200px;
      }

  }

  .success-story-swiper .swiper-wrapper {
      display: flex;
      align-items: stretch;
  }

  .success-story-swiper .swiper-slide {
      display: flex;
      height: auto;
  }

  .success-card {
      display: flex;
      flex-direction: column;
      height: 100%;
      min-height: 340px;
      /* Reduced for a more compact card */
  }

  /* Success Story Swiper Pagination Styles */
  .success-story-swiper .swiper-pagination {
      position: relative;
      margin-top: 30px;
      text-align: center;
  }

  .success-story-swiper .swiper-pagination-bullet {
      width: 7px;
      height: 7px;
      background-color: #EDEDED;
      opacity: 0.5;
      margin: 0 5px;
      transition: all 0.3s ease;
  }

  .success-story-swiper .swiper-pagination-bullet-active {
      opacity: 1;
      background-color: #EDEDED;
      transform: scale(1.2);
  }

  .success-story-swiper .swiper-pagination-bullet:hover {
      opacity: 0.8;
      background-color: #EDEDED;
  }

  /* Drawer styles for small screens */
  @media (max-width: 991.98px) {
      .drawer {
          position: fixed;
          top: 0;
          left: 0;
          height: 100vh;
          width: 270px;
          background: var(--section-background);
          box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
          transform: translateX(-100%);
          transition: transform 0.3s ease;
          z-index: 1051;
          padding-top: 60px;
          overflow-y: auto;
          display: block;
      }

      .drawer .navbar-nav {
          padding-left: 32px;
      }

      .drawer.open {
          transform: translateX(0);
      }

      .drawer-overlay {
          position: fixed;
          top: 0;
          left: 0;
          width: 100vw;
          height: 100vh;
          background: rgba(0, 0, 0, 0.3);
          z-index: 1050;
          display: none;
      }

      .drawer-overlay.show {
          display: block;
      }

      .navbar-collapse.d-none.d-lg-flex {
          display: none !important;
      }

      .navbar-toggler {
          display: block !important;
      }
  }

  @media (min-width: 992px) {

      .drawer,
      .drawer-overlay {
          display: none !important;
      }
  }