.memory {
            font-family: Merriweather, serif !important;
            font-size: 33px;
            font-weight: 600;
            line-height: 50px;
            text-align: center;
            height: 50px;
            width: 1149px;
            margin: 7px 0 17px 0;
        }

        .paragraph {
            font-family: Merriweather, serif !important;
            font-size: 20px;
            letter-spacing: 1px;
            line-height: 36px;
            text-align: center;
            height: 108px;
            width: 1149px;
            margin: 4px 0 12px 0;
            max-width: 100%;
            display: block;
        }

        .Secure {
            font-family: Merriweather, serif !important;
            font-size: 16px;
            line-height: 24px;
            text-align: center;
            color: #FDCE2E;
            height: 24px;
            width: 1149px;
            margin: 0 0 16px 0;
        }

        .hr {
            font-size: 16px;
            line-height: 24px;
            text-align: center;
            height: 5px;
            width: 90px;
            margin: 0 530px 0 530px;
            background-color: #bbbbbb;
            color: #444444;
        }

        .image-2 {
            height: 450px;
            width: 100%;
            /* text-align: center; */
        }
        .image-2 {
            width: 100%;
            height: auto;
            /* Maintain aspect ratio */
            object-fit: cover;
        }

        .left-image,
        .right-image {
            height: 400px;
            /* Default height */
            margin-bottom: 10px;
        }

        .center-image {
            margin-top: 30px;
            height: 350px;
            /* Slightly shorter for center image */
        }

        .container-fluid {
            overflow: hidden;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        .row {
            margin: 0;
            /* Remove Bootstrap's default row margins */
        }

        /* Gallery Grid */
        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            /* Three equal-width columns */
            gap: 10px;
            /* Space between images */
        }

        .gallery-item {
            width: 100%;
            height: auto;
            object-fit: cover;
            display: block;
            /* border-radius: 8px; */
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .gallery-item:hover {
            transform: scale(1.05);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

        /* Custom Sizes */
        .small-item {
            grid-row: span 1;
            grid-column: span 1;
            /* Default size */
        }

        .tall-item {
            grid-row: span 2;                   
            grid-column: span 1;
            /* Tall image */
        }

        .wide-item {
            grid-row: span 1;
            grid-column: span 2;
            /* Wide image spans two columns */
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .gallery-grid {
                grid-template-columns: repeat(2, 1fr);
                /* Two images per row on smaller screens */
            }
        }
        
        @media (max-width: 576px) {
            .gallery-grid {
                grid-template-columns: 1fr;
                /* One image per row on very small screens */
            }
        }
        /* Modal */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            /* Modal background */
            z-index: 1000;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            /* Prevent scrollbars */
        }

        .modal-content {
            max-width: 100%;
            /* Fit within the viewport width */
            max-height: 100%;
            /* Fit within the viewport height */
            object-fit: contain;
            /* Maintain aspect ratio without cropping */
            display: block;
            /* Center the image */
        }

        .close {
            position: absolute;
            top: 10px;
            right: 20px;
            font-size: 24px;
            color: #fff;
            cursor: pointer;
            z-index: 2000;
            /* Ensure it stays above the image */
        }

        .modal-controls {
            position: absolute;
            top: 50%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            transform: translateY(-50%);
            z-index: 2000;
            /* Buttons above the image */
        }

        .modal-controls button {
            background: rgba(255, 255, 255, 0.5);
            border: none;
            padding: 10px;
            cursor: pointer;
            font-size: 20px;
            color: #000;
        }

        .modal-controls button:hover {
            background: rgba(255, 255, 255, 0.8);
        }


        /* Add a white border to images in the lightbox */
.lb-image {
  border: 10px solid white !important; /* Adjust the thickness of the white border */
  padding: 5px;
}

  .row {
      padding: 0px;
      margin: 0px;
  }

  .gallery-container h1 {
      text-align: center;
      margin-top: 50px;
      font-family: 'Droid Sans', sans-serif;
      font-weight: bold;
  }

  .gallery-container p.page-description {
      text-align: center;
      margin: 25px auto;
      font-size: 18px;
      color: #999;
  }

  .pack-ban {
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url('/static/assets/images/Gold_carosul/caurosal001.jpg') !important;
      /* Replace 'path/to/your/image.jpg' with your image file path */
      /* background-size: cover; */
      background-size: 100% 600px;
      /* Ensures the image covers the entire banner */
      background-position: center;
      /* Center the background image */
      color: #000;
      text-align: center;
      padding: 80px 40px 0px 40px !important;
      height: 400px;
  }

  img {
      max-width: 100%;
      height: auto;
  }

  .gallary {
      margin: 0 0.65rem;
  }

  .gallery-item {
      height: auto;
      margin: 0.5rem -4px;
      overflow: hidden;
      cursor: pointer;
  }

  .gallery-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: .2s linear;
  }

  .gallery-item:hover img {
      transform: scale(1.2);
  }

  .im-text {
      position: relative;
      top: -15%;
      z-index: 99;
      left: 35%;
      color: #F58634;
      font-size: x-large;
      text-transform: capitalize;
  }

  .map-mark {
      vertical-align: baseline;
  }

  @media(min-width: 640px) {
      .gallery {
          padding-left: 3%;
          padding-right: 3%;
      }

      .gallary {
          display: grid;
          grid-template-columns: repeat(12, 1fr);
          grid-auto-rows: 300px;
          grid-auto-flow: row dense;
          counter-reset: div
      }

      .gallery-item:nth-child(8n + 2) {
          grid-column: auto /span 5;
          grid-row: auto /span 2;
      }

      .gallery-item:nth-child(8n + 1),
      .gallery-item:nth-child(8n + 3) {
          grid-column: auto /span 4;
          grid-row: auto /span 1;
      }

      .gallery-item:nth-child(8n + 4) {
          grid-column: auto /span 3;
          grid-row: auto /span 1;
      }

      .gallery-item:nth-child(8n + 5) {
          grid-column: auto /span 3;
          grid-row: auto /span 2;
      }

      .gallery-item:nth-child(8n + 6) {
          grid-column: auto /span 5;
          grid-row: auto /span 2;
      }

      .gallery-item:nth-child(8n + 7) {
          grid-column: auto /span 4;
          grid-row: auto /span 1;
      }

      .gallery-item:nth-child(8n + 8) {
          grid-column: auto /span 7;
          grid-row: auto /span 1;
      }

      .gallery-item:before {
          counter-increment: div;
          margin: auto;
      }


  }

  @media (max-width: 575.98px) {

            /* Add white border to the image in the lightbox */
            .lightbox .lb-image {
          border: 5px solid white !important; /* Adjust the size as needed */
      }
      .pack-ban {
          padding: 0 !important;

      }

      .gold {
          margin-right: 0 !important;
          margin-top: 50px;
      }

      .adult {
          margin-left: 0px;
      }

      .center-content {
          padding: 35px;
          padding-bottom: 5px;
      }

      .aamir {
          position: relative;
          top: -60px;

      }


  }

  .p-albar {
      text-align: left;
      color: white;
  }

  .dust {
      text-align: left;
      color: white;
  }

  .gold {
      margin-top: 50px;
      margin-right: 100px;
  }

  /* .aamir {
      position: relative;
      top: -32px;

  } */