.carousel-item {
      width:100%;
      position: relative;
      height:400px;
      background-size: cover;
      background-position: center;
    }

    .carousel-caption {
      position: absolute;
      top:45%;
      left:0%;
      transform: translateY(-50%);
      text-align: left;
      max-width: 600px;
      color: #12556f !important;      
      padding: 20px;      
      border-radius: 10px;
    }

    .carousel-caption h2 {
      font-size: 32px;
      font-weight: bold;
      margin-bottom: 15px;
      color:#08b2e5;
       
    }
    
    .carousel-caption p {
      font-size: 16px;
      line-height: 1.6;
    }
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      padding: 20px;
    }

    /* ✅ Responsive Adjustments */
    @media (max-width: 768px) {
      .carousel-item {
        width:100%;
        height:150px;
        background-size: cover;
      background-position: center;
      }
      .carousel-caption {
        max-width: 90%;
        left:5%;
        top:50%;
        padding: 12px;
      }
      .carousel-caption h2 {
        font-size: 18px;
        line-height: 1.3;
        margin-bottom: 8px;
      }
      .carousel-caption p {
        font-size: 13px;
        line-height: 1.4;
        color:12536f;
      }
    }

    @media (max-width: 480px) {
      .carousel-item {
        width:100%;
        height: 300px;
        background-size: cover;
      background-position: center;
      }
      .carousel-caption {
        padding: 10px;
        top:50%;
      }
      .carousel-caption h2 {
        font-size: 16px;
      }
      .carousel-caption p {
        font-size: 12px;
      }


    }