/* Custom CSS for two-row navbar */
    .navbar-secondary {
        background-color: #f8f9fa; /* Change background color for secondary navbar */
        position: fixed; /* Fixed position */
        top: 0; /* Position at the top */
        width: 100%; /* Full width */
        z-index: 1000; /* Ensure it's above other content */
        height: auto; /* Adjusted for dynamic height */
      }
      .navbar-secondarys {
        background-color: #f8f9fa; /* Change background color for secondary navbar */
        position: fixed; /* Fixed position */
        top: 116px; /* Position at the top */
        width: 100%; /* Full width */
        z-index: 1000; /* Ensure it's above other content */
        height: auto; /* Adjusted for dynamic height */
      }
      .nav-link-custom {
        color: #333; /* Change text color */
        padding: 10px 20px; /* Add padding to increase size */
        font-size: 24px; /* Increase font size */
        font-weight: 900;
      }
      /* Adjust body padding to account for fixed navbar */
      body {
        padding-top: 160px; /* Adjust as needed */
        margin-bottom: 70px; /* Adjust as needed */
      }
      .full-screen-img-container {
        position: relative;
        width: 100%;
        height: auto; /* Adjusted for dynamic height */
      }
      .full-screen-img {
        width: 100%;
        height: auto; /* Adjusted for dynamic height */
        object-fit: cover;
      }
      @media (max-width: 360px) {
        img.full-screen-img {
          height: 200px; /* Adjust as needed */
        }
      }
      @media (max-width: 500px) {
        a.nav-link.nav-link-custom.font-weight-bold {
          display: block; /* Ensure the link behaves as a block-level element */
          width: 100%; /* Take the full width */
          text-align: center; /* Center-align the text */
          font-size: 14px; /* Adjust font size for smaller screens */
          line-height: 1.5; /* Adjust line height for better spacing */
        }
      }
    .borderimg { 
    border: 30px solid transparent;
    padding: 5px;
    border-image: url(https://media.istockphoto.com/id/857817088/vector/gold-photo-frame-with-corner-thailand-line-floral-for-picture-vector-design-decoration.jpg?s=612x612&w=0&k=20&c=jiRbpB8YZJ55kTnuEBEoHZB7Ct16iDqWRYmd-BEfwlo=) 30 stretch;
  }
  .footer {
        background-color: #333;
        color: #fff;
        padding: 20px 0;
        bottom: 0;
        width: 100%;
      }
      .form-control {
        margin-bottom: 10px;
      }
      #map {
        height: 200px;
        width: 100%;
      }
      .social-icons a {
        color: #fff;
        font-size: 24px;
        margin-right: 10px;
      }
      h1{
        text-align: center;
        font-size: 35px;
        font-weight: 900;
      }
      .full-page {
              display: flex;
              align-items: center;
              justify-content: center;
              height: 100%;
              text-align: center;
          }
  
          .full-page h1 {
    text-align:center;
    font-weight: 900;
    border: 40px solid transparent;
    padding: 15px;
    border-image: url(https://t4.ftcdn.net/jpg/00/84/28/79/360_F_84287919_U8SCLxxFjAlQdlUiDczEf2OZhNFxRZRm.jpg) 30 stretch;
          }
          .full-page p {
              text-align: justify;
            font-weight: 500;
          }