.carousel-item {
    position: relative;
    height: 700px;
  }

  .carousel-item img {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .carousel-item.active img {
    opacity: 1;
  }

  .carousel-caption {
    position: absolute;
    top: 53%;
    transform: translateY(-50%);
    text-align: right;
    width: 80%;
    height: 25%;
  }

    .carousel-caption h1 {
        animation: fadeInDown 1s;
        font-size: 1.2em;; /* Set font size to 30px for desktop */
        color: #000000; /* Add color for better visibility */
        font-family:'Helvetica';
        text-align: 'left';
        /* max-width: 1100px; */
    }

     .carousel-caption h5  {
      /* .carousel-caption h3 > .sub  { */
                    /* background-image: linear-gradient(to left, red,   red); */
                    /* background-image: linear-gradient(to left, rgb(14, 14, 124),   rgb(180, 40, 40)); */
                    color:#000000;
                    /* -webkit-background-clip: text; */
                    font-size: 30px;
                    /* font-family:'Helvetica'; */
                    /* max-width: 1100px; */
                    padding-right:0px;
                    text-align: 'left';
                    font-weight: normal;
                    /* -moz-background-clip: text; */
                    /* background-clip: text; */
                    /* color: transparent; */
                    margin:0px;
        }

        .carousel-caption p {
            font-size: 0.875rem;
            text-align: 'left';
            font-family: 'Poppins';
            /* max-width: 550px; */
          }

          .carousel-caption div {
          
            position:absolute;
            right:0px;
            width:300px
          }

  /* .carousel-caption h1 {

            animation: fadeInDown 2s;
            background-image: linear-gradient(to left, #fff,#fff);
            -webkit-background-clip: text;
            font-size: 230px;
            font-family:'Helvetica';
            max-width: 900px;
            padding-right:0px;
            text-align: 'right';
            -moz-background-clip: text;
            background-clip: text;
            color: transparent;
            margin:0px;
  }

  .carousel-caption p {
        animation: fadeInUp 4s;
        font-size: 1rem;
        color:rgb(255, 255, 255);
        font-size: 16px;
        max-width: 500px;
        font-weight: "normal";
        font-family: 'Poppins';
        margin:0px;
  } */

  @keyframes fadeInDown {
    from {
      opacity: 0;
      transform: translateY(-20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

   @media (max-width: 767.98px) {

   /* @media (min-width: 576px) {  */
   /* .carousel-caption { text-align: left;} */

    .carousel-caption {
      position: absolute;
      top: 32%;
      right:50%;
      transform: translateY(-50%);
      text-align: right;
      width: 75%;
    }

    /* .carousel-caption div {
          
            position:absolute;
            right:0px;
            width:200px
    } */

    /* .carousel-caption h1 {
      position: absolute;
      top: 50%;
      right:50%;
      transform: translateY(-50%);
      text-align: left;
      width: 50%;
    } */

    .carousel-caption p {
      font-size: 0.875rem;
      max-width: 450px;
      font-family: 'Poppins';
      margin-top: 0.875rem;
      /* width: 85%; */
    }

    /* .carousel-caption h3 { color:#0000e6} */
 
  }






  /* @media (min-width: 768px) {
    .carousel-caption h3 { font-size: 1.4em;}
    .carousel-caption p {font-size: 1.2em;}  
  }
  @media (min-width: 992px) {
    .carousel-caption h3 { font-size: 1.5em;}
    .carousel-caption p {font-size: 1.3em;}  
  }
  @media (min-width: 1200px) { 
    .carousel-caption h3 { font-size: 1.6em;}
    .carousel-caption p {font-size: 1.4em;}  
  } */

   /* @media (max-width: 767.98px) {
    .carousel-caption {
      font-size: 14px;
    }

    .carousel-caption h5 {
      font-size: 2.5rem;
    }

    .carousel-caption h1 {
        font-size: 2.5rem;
      }

    .carousel-caption p {
      font-size: 0.875rem;
    }
  } */