/* Hero Section */
    /* Full height hero section with background image */
    .hero-section {
        height: 100vh;
        background-image: radial-gradient(rgba(0,0,0,.65), rgba(0,0,0,1)),url('images/nathalia-segato-as26awWvRvM-unsplash.jpg'); /* Replace with your background image */
        background-size: cover;
        background-position: center;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: white;
      }
  
      /* Style for the logo (optional, you can adjust) */
      .logo {
        /* font-size: 50px;
        font-weight: bold; */
        margin: -30%;
      }
  
      /* Button Styling */
      .btn-custom {
        margin: 10px;
        padding: 15px 30px;
        font-size: 16px;
        border-radius: 30px;
      }
  
      .btn-foodtruck {
        background-color: #ff6347; /* Tomato color for Food Truck */
        color: white;
      }
  
      .btn-foodie {
        background-color: #32cd32; /* Lime green for Foodie */
        color: white;
      }





/* vendors image section */
/* .section-vendors{
    background-image: radial-gradient(rgba(0,0,0,.65), rgba(0,0,0,1)), url('images/pexels-rdne-5779784.jpg');
    height:100vh;
    background-size: cover;
    background-position: center;
    color: #ffffff;
    border-radius: 0px !important;
}
.section-image-headers{
    line-height: 1.5;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.section-image-para{
    line-height: 1.5;
    margin: 0;
    position: absolute;
    top: 60%;
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);
}
.section-vendors .btn{
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
} */
/* Consumers image section */
/* .section-consumers{
    background-image: radial-gradient(rgba(0,0,0,.55), rgba(0,0,0,1)), url('images/pexels-rdne-5779748.jpg');
    height:100vh;
    background-size: cover;
    background-position: center;
    color: #ffffff;
    border-radius: 0px !important;
}
.section-consumers .btn{
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
} */
/* About Section */
/* .about-section{
    margin-top: 5%;
    margin-bottom: 5%;
}
.about-section div{
    
}
.about-section h1{
    line-height: 1.5;
    
}
.about-section h3{
    line-height: 1.5;
}
.about-section ul{
    line-height: 1.5;
    list-style-type: circle;
    
}
.about-section li{
    margin-top: 2%;
}
.about-section button{
    width: 40%;
    align-items: center;
    margin-top: 5%;
    margin-bottom: 5%;
}
.benefit-section{
    margin-right: 5%;
}
.benefit-section h5{
    margin-top: 3%;
}
.customer-benefit-section{
    color: white;
}
.customer-benefit-section .btn{
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
} */
/* Form Css */
.send-newsletter-form {
  background-color: #fff;
  width: 500px;
  margin: 0 auto;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.send-newsletter-form h1 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 25px;
  font-size: 20px;
  text-align: center;
  border-bottom: 1px solid #eceff2;
  color: #6a737f;
  font-weight: 600;
  background-color: #f9fbfc;
}
.send-newsletter-form h1 i {
  padding-right: 10px;
  font-size: 24px;
}
.send-newsletter-form .fields {
  position: relative;
  padding: 20px;
}
.send-newsletter-form input[type="text"] {
  margin-top: 15px;
  padding: 15px;
  border: 1px solid #dfe0e0;
  width: 100%;
  outline: 0;
  font-size: 14px;
}
.send-newsletter-form input[type="text"]:focus {
  border: 1px solid #c6c7c7;
}
.send-newsletter-form textarea {
  resize: none;
  margin-top: 15px;
  padding: 15px;
  border: 1px solid #dfe0e0;
  width: 100%;
  height: 150px;
  outline: 0;
  font-size: 14px;
}
.send-newsletter-form textarea:focus {
  border: 1px solid #c6c7c7;
}
.send-newsletter-form input[type="submit"] {
  display: block;
  margin-top: 15px;
  padding: 15px;
  border: 0;
  background-color: #cb5f51;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  width: 100%;
}
.send-newsletter-form input[type="submit"]:hover {
  background-color: #c15b4d;
}
.send-newsletter-form input[type="submit"]:disabled {
  background-color: #999999;
}
.send-newsletter-form .field {
  display: inline-flex;
  position: relative;
  width: 100%;
  padding-bottom: 20px;
}
.send-newsletter-form label {
  font-size: 14px;
  font-weight: 600;
  color: #8e939b;
}
.send-newsletter-form .responses {
  padding: 0;
  margin: 0;
}
.send-newsletter-form .multi-select-list {
  border: 1px solid #dfe0e0;
  margin: 15px 0;
  overflow-y: auto;
  max-height: 150px;
}
.send-newsletter-form .multi-select-list label {
  display: flex;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #f3f3f3;
}
.send-newsletter-form .multi-select-list label input {
  margin-right: 15px;
}
.send-newsletter-form .multi-select-list label:last-child {
  border-bottom: 0;
} 



section
{
  padding:4%;
  background:#7e8890;
}
h2,h6
{
  color:#e6e6e6;
}
.form-subscribe
{
  max-width:600px;
  margin:0 auto
}
.form-subscribe .form-control
{
  background-color:hsla(0,0%,100%,.8);
  padding-left:24px;
  padding-right:24px;
  letter-spacing:1px;
  border:none;
  border-top-left-radius:36px;
  border-bottom-left-radius:36px
}
.form-subscribe .form-control.focus,.form-subscribe .form-control:focus
{
  z-index:2;
  background-color:hsla(0,0%,100%,.8)
}
.form-subscribe .btn
{
  border-top-right-radius:36px;
  border-bottom-right-radius:36px;
  height:38px;
}
.form-subscribe .btn .btn-group-lg>.btn, .btn-lg{
    padding: 0rem  !important;
}