@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

      .banner {
          background-color: #121212;
          width: 100%;

      }

      .banner .container {
          font-family: 'Poppins', sans-serif !important;
          max-width: 100%;
          background-color: #000000d7;
          /* height: 50vh; */
          padding: 5% 7%;
          padding-bottom: 2%;
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative;
      }


      .banner .card .banner h5,
      .banner p,
      .banner b,
      .banner button {
          font-family: 'Poppins', sans-serif !important;

      }


      .banner .card {
          font-family: 'Poppins', sans-serif !important;
          background-image: url(../assests/banner/banner-bg-img.jpeg);
          color: white;
          border-radius: 15px;
          /* padding: 20px; */
          text-align: left;
          position: relative;
          overflow: hidden;
          border: none;
          min-height: 230px;
          width: 400px;
          flex-wrap: wrap;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 5px;
      }


      .banner .card-overlay {
          font-family: 'Poppins', sans-serif !important;
          background: rgba(0, 0, 0, 0.373);
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          padding: 20px;
          border-radius: 12px;
      }

      .card-overlay p {
          font-size: 15px;
      }

      .banner .flash-sale {
          color: #FBBF55;
          font-weight: 600;
          font-family: 'Poppins', sans-serif !important;

      }

      .banner .flight-badge {
          font-family: 'Poppins', sans-serif !important;
          color: #4B5563;
          font-weight: 500;
          position: absolute;
          /* top: 20px; */
          right: 12px;
          background-color: #E5E7EB;
          padding: 6px 8px 6px 8px;
          border-radius: 16px;
          font-size: 14px;
      }

      .book-btn {
          background-color: transparent;
          color: #FBBF55;
          border: 2px solid white;
          padding: 8px 15px;
          border-radius: 20px;
          cursor: pointer;
          font-weight: bold;
          transition: 0.3s;
      }



      /* .book-btn:hover {
            background-color: #e6b800;
        } */

      @media (max-width: 992px) {
          .banner .flight-badge {
              font-size: 12px;
              /* Smaller font for smaller screens */
              padding: 4px 15px;
              /* Reduce padding */
              margin-left: 5%;

          }
      }

      @media (max-width: 992px) {
        .row{
            width: 100%;
        }

        .banner .container {
            flex-wrap: wrap;
            font-family: 'Poppins', sans-serif !important;
            width: 100%;
            background-color: #000000d7;
            /* height: 50vh; */
            padding: 5% 0;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }
  
        .banner .card {
            font-family: 'Poppins', sans-serif !important;
            background-image: url(../assests/banner/banner-bg-img.jpeg);
            color: white;
            border-radius: 15px;
            /* padding: 20px; */
            text-align: left;
            position: relative;
            overflow: hidden;
            border: none;
            min-height: 230px;
            width: 350px;
            flex-wrap: wrap;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
        }
  
       
    }