.hero-section {
      height: 40rem;
    }

    .hero-single {
      background-size: cover;
      background-position: center;
      height: 40rem;
    }

    @media(max-width:500px) {
      .hero-section {
        height: 30rem;
      }

      .hero-section .owl-nav {
        display: none;
      }

      .hero-single {
        height: 30rem;
      }
    }
    
    /* Modal Styles */
    .premium-modal .modal-content {
      border-radius: 15px;
      box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
    }

    .premium-modal .modal-header {
      background-color: #d4af37;
      /* Gold header */
      color: white;
      border-radius: 15px 15px 0 0;
    }

    .premium-modal .modal-title {
      font-weight: bold;
      font-size: 1.5rem;
    }

    .premium-modal .modal-body {
      display: flex;
      padding: 30px;
      font-size: 1rem;
      color: #333;
    }

    .premium-modal .modal-body .col-md-6 {
      padding: 0 15px;
    }

    .premium-modal .modal-body img {
      width: 100%;
      height: auto;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

    .premium-modal .modal-body .col-md-6 h4 {
      font-size: 1.75rem;
      font-weight: bold;
      margin-bottom: 20px;
    }

    .premium-modal .modal-body .col-md-6 p {
      font-size: 1.1rem;
      color: #555;
      margin-bottom: 20px;
    }

    .premium-modal .modal-body .col-md-6 ul {
      list-style-type: none;
      padding: 0;
      font-size: 1rem;
    }

    .premium-modal .modal-body .col-md-6 ul li {
      margin-bottom: 10px;
      color: #666;
    }

    .premium-modal .modal-footer {
      border-top: none;
      text-align: right;
    }

    .premium-modal .modal-footer .btn-secondary {
      background-color: #d4af37;
      /* Gold button */
      color: white;
      font-size: 1rem;
      padding: 10px 20px;
      border-radius: 25px;
    }

    .premium-modal .modal-footer .btn-secondary:hover {
      background-color: #b88e27;
      /* Darker gold */
    }

    .modal-dialog {
      max-width: 90%;
      margin-right: auto;
      margin-left: auto;
    }
    
    
     .testimonial-single {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 400px;
      /* Adjust the height as needed */
    }

    .testimonial-content {
      flex: 1;
    }

    .testimonial-quote {
      flex: 1;
      padding: 10px 0;
    }

    .testimonial-rate {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    
     /* Your existing CSS */
    .blog-item-img {
        height: 20rem;
    }
    .blog-item-img img {
        height: 100%;
        object-fit: cover; /* Add this to prevent image stretching */
    }

    /* --- NEW CSS FOR EQUAL HEIGHT --- */
    .row {
        display: flex;
        flex-wrap: wrap;
    }
    .col-md-6.col-lg-4 {
        display: flex; /* Make columns flex containers */
    }
    .blog-item {
        height: 100%; /* Make the card fill the column height */
        display: flex;
        flex-direction: column; /* Stack image and info vertically */
    }
    .blog-item-info {
        flex-grow: 1; /* Allow the info section to grow and fill space */
        display: flex;
        flex-direction: column;
    }
    .blog-item-info p {
        flex-grow: 1; /* Allow the paragraph to grow, pushing the button down */
    }