body {
    margin: 0;
    font-family: Arial, sans-serif;
  }
  
      /* Navbar Styling */
      .navbar {
        background-color: #b08c5a;
        padding: 0rem 1.2rem;
        transition: all 0.3s ease;
      }
  
      .navbar.fixed-nav {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1030;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
      }
  
      .navbar-brand img {
        height: 65px;
        padding-left: 20px;
      }
  
      .navbar-nav {
        color: #fff!important;
        font-weight: 550;
        margin: 0 8px;
        text-transform: uppercase;
        font-size: 1rem;
        font-family: 'Playfair Display', serif;
        transition: color 0.3s ease;
        padding: 0 20px;
      }
  
      .nav-link {
        color: #fff !important;
        font-weight: 550;
        margin: 0 8px;
        text-transform: uppercase;
        font-size: 1rem;
font-family: Georgia, serif;

        transition: color 0.3s ease;
      
      }
      .navbar-nav .nav-link:hover {
        color: #f8f9fa;
      }
  
      .get-quote {
        background-color: #000;
        color: #fff;
        padding: 10px 30px;
        border-radius: 50px;
        font-weight: 600;
        text-decoration: none;
        font-family: 'Playfair Display', serif;
        transition: all 0.3s ease;
      
      
      }
  
      .get-quote:hover {
        background-color: #333;
        color: #fff;
      }
  
  
      @media (max-width: 768px) {
        .navbar-brand img{
          margin-left: -20px !important;
        } 
        .get-quote {
          width: 80%;
          display: block; /* Makes it respect width */
          margin: 0 auto;  /* Centers the button horizontally */
          text-align: center; /* Centers text inside the button */
        }
      }
      
  
      @media (max-width: 768px) {
        .navbar-toggler {
          border: none; /* Remove default border */
          background-color: transparent; /* Remove background if any */
          padding: 0px 10px;
          outline: none;
          box-shadow: none; /* Remove focus shadow */
        }
      
     
      }
      
      /* Optional: Smooth transition */
      html {
        scroll-behavior: smooth;
      }




      .footer {
        background: url('https://html.designingmedia.com/hillcrest/assets/images/footer-backgroundimage.jpg') no-repeat center center/cover;
        padding: 20px 20px 30px;
        text-align: center;
        position: relative;
      }
      .footer-logo img {
        width: 100px;
        margin-top: -280px;
      }
      .footer h2 {
        font-weight: 400;
        margin: 20px 0 30px;
        font-size: 16px;
        margin-top:-100px;
      }
      .subscribe-box {
        max-width: 800px;
        margin: auto;
        display: flex;
        background: #fff;
        border-radius: 50px;
        overflow: hidden;
      }
      .subscribe-box input[type="email"] {
        flex: 1;
        border: none;
        padding: 15px 20px;
        font-size: 16px;
        outline: none;
      }
      .subscribe-box button {
        background: #9c7a52;
        color: #fff;
        border: none;
        padding: 15px 30px;
        cursor: pointer;
        font-size: 16px;
      }
      .footer-nav {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 40px 0;
      }
      .footer-nav a {
        margin: 0 20px;
        text-decoration: none;
        color: #fff;
        font-weight: 500;
      }
      .social-icons {
        margin-top: 30px;
      }
      .social-icons a {
        margin: 0 10px;
        color: #fff;
        font-size: 20px;
      }
      .footer-bottom {
        margin-top: 30px;
        font-size: 14px;
        color: #FFF;
      }
      .connect-heading {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
        margin-top: 40px;
        color: #fff;
      }
      
      
      /* footer responsive */
      /* Responsive Styles */
      @media (max-width: 768px) {
        .footer {
          padding: 0px;
          text-align: center;
        }
      
        .footer-logo img {
          width: 100px;
          margin-top: 20px;
        }
      
        .footer h2 {
          font-size: 14px;
          margin-top: 0px;
        }
      
        .subscribe-box {
          display: flex; /* Align items in a row */
          flex-direction: row; /* Set items in a row */
          justify-content: space-between; /* Add space between the elements */
          border-radius: 25px;
          overflow: hidden;
          max-width: 100%;
          padding: 15px 15px;
          background: #9c7a52;
          color: #fff;
         
          transition: all 0.3s ease-in-out; /* Smooth transition for hover effects */
        }
      
        .subscribe-box:hover {
          transform: scale(1.05); /* Slightly enlarge on hover */
          box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3); /* Bigger shadow on hover */
        }
      
        .subscribe-box input[type="email"] {
          padding: 15px 20px;
          font-size: 14px;
          width: 70%; /* Adjusted width for input */
          margin-right: 10px; /* Added margin to separate input and button */
          border: none;
          border-radius: 8px;
          outline: none;
          transition: all 0.3s ease-in-out;
        }
      
        .subscribe-box input[type="email"]:focus {
          border: 2px solid #2575fc; /* Focus effect for input */
          box-shadow: 0px 0px 8px rgba(37, 117, 252, 0.5); /* Light glow on focus */
        }
      
        .subscribe-box button {
          padding: 15px 0px;
          font-size: 14px;
          width: 30%; /* Adjusted width for button */
          background-color: #2575fc;
          color: white;
          border: none;
          border-radius: 8px;
          cursor: pointer;
          transition: all 0.3s ease-in-out;
        }
      
        .subscribe-box button:hover {
          background-color: #6a11cb; /* Darker shade of button on hover */
        }
      
        .footer-nav {
          flex-direction: column;
          gap: 15px;
          margin: 20px 0;
        }
      
        .footer-nav a {
          margin: 5px 0;
          font-size: 14px;
        }
      
        .social-icons {
          margin-top: 20px;
        }
      
        .social-icons a {
          font-size: 18px;
        }
      
        .footer-bottom {
          font-size: 16px !important;
          margin-top: 0px;
        }
      
        .connect-heading {
          font-size: 16px;
          margin-top: 30px;
        }
      
        .hanging-lights-container {
          display: none!important;
        }
      }
      
      /* footer responsive - larger screen tweaks */
      @media (max-width: 480px) {
        .footer {
          padding: 0px;
        }
      
        .footer-logo img {
          width: 80px;
          margin-top: 20px;
        }
      
        .footer h2 {
          font-size: 16px;
          margin-top:15px !important;
         
        }
      
        .subscribe-box {
          display: flex; /* Align items in a row */
          flex-direction: row; /* Set items in a row */
          justify-content: space-between; /* Add space between the elements */
          padding: 0px;
          border-radius: 12px;
          background: #9c7a52;
          color: #fff;
        }
      
        .subscribe-box input[type="email"] {
          font-size: 12px;
          padding: 2px 15px;
          margin-right: 10px;
          width: 70%; /* Adjusted width for input */
          border-radius: 6px;
        }
      
        .subscribe-box button {
          font-size: 12px;
          padding: 12px;
          background: #9c7a52;
          color: #fff;
          width: 27%; /* Adjusted width for button */
          border-radius: 6px;
          cursor: pointer;
        }
      
        .footer-nav a {
          font-size: 12px;
        }
      
        .social-icons a {
          font-size: 16px;
        }
      
        .footer-bottom {
          font-size: 14px !important;
      
        }
      
        .connect-heading {
          font-size: 14px;
        }
      }
      
      .hanging-lights-container {
        display: flex;
        justify-content: center;
        gap: 1100px;
        margin-top: -20px;
      }
      
      .hanging-lights3 img,
      .hanging-lights4 img {
        width: 120px;
        animation: flickerAnimation 1.5s infinite alternate;
      }
      
      @keyframes flickerAnimation {
        0%   { opacity: 1; }
        50%  { opacity: 0.4; }
        100% { opacity: 1; }
      }