/* ==== Fonts ==== */
@font-face {
    font-family: 'Futura Book';
    src: url('/assets/fonts/Futura Book.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Futura Bold';
    src: url('/assets/fonts/Futura Bold.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Buttercell Script';
    src: url('/assets/fonts/ButtercellScript.ttf') format('truetype');
  }
  
  body {
    font-family: 'Futura Book', sans-serif !important;
    background-color: #fefaf6;
    color: #111;
  }

  .navbar.sticky-top {
  z-index: 1050;
}

  

  .big-contact-btn {
    font-size: 1.5rem !important; /* slightly larger text */
    padding: 0.8rem 2rem; /* more space */
  }

  
  /* ==== Headings ==== */
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Futura Bold', sans-serif;
  }
  
  /* ==== Utility Font Classes ==== */
  .font-futura-book {
    font-family: 'Futura Book', sans-serif;
  }
  
  .font-futura-bold {
    font-family: 'Futura Bold', sans-serif;
  }
  
  .font-buttercell {
    font-family: 'Buttercell Script', cursive;
  }
  
  /* ==== Brand Color Variables ==== */
  :root {
    --brand-primary: #666638;
    --brand-warning: #c7783b;
    --brand-success: #666638;
    --brand-danger: #c7783b;
    --brand-light: #f1e7dd;
  }
  
  /* ==== Theme Backgrounds ==== */
  .theme-primary {
    background-color: var(--brand-primary) !important;
    color: #fff !important;
  }
  
  .theme-warning {
    background-color: var(--brand-warning) !important;
    color: #fff !important;
  }
  
  .theme-success {
    background-color: var(--brand-success) !important;
    color: #fff !important;
  }
  
  .theme-danger {
    background-color: var(--brand-danger) !important;
    color: #fff !important;
  }
  
  .theme-light {
    background-color: var(--brand-light) !important;
    color: #111 !important;
  }
  
  /* ==== Theme Text Colors ==== */
  .text-primary {
    color: var(--brand-primary) !important;
  }
  
  .text-warning {
    color: var(--brand-warning) !important;
  }
  
  .text-success {
    color: var(--brand-success) !important;
  }
  
  .text-danger {
    color: var(--brand-danger) !important;
  }
  
  .text-light {
    color: var(--brand-light) !important;
  }
  
  /* ==== Border Utilities ==== */
  .border-primary {
    border-color: var(--brand-primary) !important;
  }
  
  .border-warning {
    border-color: var(--brand-warning) !important;
  }
  
  .border-success {
    border-color: var(--brand-success) !important;
  }
  
  .border-danger {
    border-color: var(--brand-danger) !important;
  }
  
  .border-light {
    border-color: var(--brand-light) !important;
  }
  
  .hero-section {
    position: relative;
    height: 100vh;
    color: white;
    overflow: hidden;
  }
  
  .hero-section img {
    object-fit: cover;
  }

  .img-fluid {
    max-width: 90% !important;
    height: auto;
}

  .responsive-paragraph {
  max-width: 100%;
  margin: 0 auto;
  font-size: 19px;   /* mobile size */
  line-height: 1.5;
      font-family: 'Futura Book', sans-serif !important;

}

.flex-grow-1 {
        font-family: 'Futura Book', sans-serif !important;
}



@media (min-width: 768px) {
  .responsive-paragraph {
    max-width: 40%;  /* like col-6 */
    font-size: 22px;    /* desktop size */
    font-family: 'Futura Book', sans-serif !important;

  }
}

  .expertise-paragraph {
  max-width: 100%;
  margin: 0 auto;
  font-size: 19px;   /* mobile size */
  line-height: 1.5;
      font-family: 'Futura Book', sans-serif !important;

}

@media (min-width: 768px) {
  .expertise-paragraph {
    max-width: 85%;  /* like col-6 */
    font-size: 22px;    /* desktop size */
    font-family: 'Futura Book', sans-serif !important;

  }
}


  @media (min-width: 768px) {
  .hero-section h1 {
    font-size: 2.5rem;

  }
       .img-fluid {
        width:300px !important;
      
     }
  }


       .franchise-section {
      background-color: #676730;
      padding: 4rem 0;
    }

    .franchise-section .form-control,
    .franchise-section textarea {
      border-radius: 0.75rem;
    }

    .franchise-section .btn {
      border-radius: 0.75rem;
      background-color: #ffffff;
      color: rgb(0, 0, 0);
    }

    .contact-block {
      background-color: #de7421;
      color: white;
      padding: 4rem 0;
    }

    .contact-block input,
    .contact-block textarea {
      border-radius: 0.25rem;
    }

    .contact-block .btn {
      background-color: white;
      color: black;
      border-radius: 0.75rem;
    }