.carousel-container {
      position: relative;
      width: 100%;
      overflow: hidden;
    }
    .carousel-track {
      display: flex;
        transition: transform 0.3s ease;
        will-change: transform;
    }

    .carousel-slide {
      flex: 0 0 100%;
      max-width: 750px;
      margin: 0 auto;
      padding: 1em;
      background: white;
      border: 2px solid #1e2e5a;
      border-radius: 16px;
      box-sizing: border-box;
    }

    .carousel-controls {
      position: absolute;
      bottom: 50%;
      left: 0;
      width: 100%;
      display: flex;
      justify-content: space-between;
      pointer-events: none;
    }

    .carousel-arrow {
      pointer-events: all;
      border: none;
      font-size: 1.5em;
      cursor: pointer;
      border-radius: 50%;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
      transition: background-color 0.3s;
      width: 2.2em;
      height: 2.2em;
      display: flex;
      align-items: center;
      justify-content: center;
      transform: scale(0.8);
    }

    .carousel-arrow:hover {
      background-color: #f4981b;
    }

    .carousel-dots {
      text-align: center;
      padding: 1em 0;
      display: flex;
      justify-content: center;
      gap: 8px;
    }

    .carousel-dots button {
      background-color: #ccc;
      border: none;
      border-radius: 50%;
      width: 12px;
      height: 12px;
      cursor: pointer;
      transition: background-color 0.3s;
      padding:0!important;
    }

    .carousel-dots button.active {
      background-color: #f4981b;
    }

    .cta-button {
      padding: 0.75em 1.5em;
      border: none;
      border-radius: 40px;
      font-size: 1em;
      cursor: pointer;
      transition: transform 0.2s ease, background-color 0.3s;
      background: #1e2e5a;
      color: white;
      margin-top: 1.5em;
    }

    .cta-button:hover {
      transform: scale(1.05);
      background-color: #f4981b;
    }

    @media (min-width: 768px) {
      .carousel-slide {
        padding: 2em 4em;
      }
    }
    @media (max-width: 767px) {
      .carousel-arrow{
       display:none!important;
      }
    }