@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");

.food-munch-logo {
  width: 80px;
  height: 70px;
}

#navItem1, #navItem2, #navItem3, #navItem4 {
  color: #323f4b;
  font-family: "Roboto";
}

.banner-section-bg-container {
  background-image: url("https://d2clawv67efefq.cloudfront.net/ccbp-responsive-website/foodmunch-banner-bg.png");
  height: 100vh;
  background-size: cover;
}

.banner-heading {
  color: white;
  font-family: "Roboto";
  font-size: 45px;
  font-weight: 300;
}

.banner-caption {
  color: #f5f7fa;
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 300;
}

.custom-button {
  color: white;
  background-image: linear-gradient(#d0b200, #a58d00);
  width: 130px;
  height: 45px;
  border: none;
  border-radius: 8px;
  margin-right: 10px;
}

.custom-outline-button {
  color: #d0b200;
  background-color: transparent;
  width: 130px;
  height: 45px;
  border: 1px solid #d0b200;
  border-radius: 8px;
}

.wcu-section { background-color: #f9fbfe; }
.wcu-section-heading { color: #183b56; font-size: 28px; font-weight: 700; }
.wcu-section-description { color: #5a7184; font-size: 16px; }

.wcu-card {
  text-align: center;
  background-color: white;
  border: 1px solid #e5eaf4;
  border-radius: 16px;
}
.wcu-card-image { width: 87px; height: 90px; }
.wcu-card-title { color: #323f4b; font-size: 22px; font-weight: 500; }
.wcu-card-description { color: #7b8794; font-size: 16px; }
.offers { color: #323f4b; font-style: italic; font-weight: 600; }

.menu-section-heading { color: #183b56; font-size: 28px; font-weight: 700; }
.menu-card-title { color: #323f4b; font-size: 18px; font-weight: 500; margin-top: 24px; }
.menu-item-link { color: #d0b200; font-size: 14px; font-weight: 500; }

.healthy-food-section { background-color: #f9fbfe; }
.healthy-food-section-img { width: 270px; }
.healthy-food-section-heading { color: #183b56; font-size: 28px; font-weight: 700; }
.healthy-food-section-description { color: #5a7184; font-size: 16px; }

.delivery-and-payment-section { background-color: white; }
.delivery-and-payment-section-img { width: 270px; }
.delivery-and-payment-section-heading { color: #183b56; font-size: 28px; font-weight: 700; }
.delivery-and-payment-section-description { color: #5a7184; font-size: 16px; }

.payment-card-img { width: 50px; height: 50px; margin-right: 28px; }

.thanking-customers-section {
  background-image: radial-gradient(#fff8db, #fae38c);
}
.thanking-customers-section-heading { color: #183b56; font-size: 28px; font-weight: 700; }
.thanking-customers-section-description { color: #5a7184; font-size: 16px; }

.follow-us-section-heading { text-align: center; color: #183b56; font-size: 28px; font-weight: 700; }
.follow-us-icon-container {
  background-color: #faf7e8;
  width: 80px; height: 80px;
  border-radius: 40px;
  margin: 15px;
  display: flex; justify-content: center; align-items: center;
}
.icon { color: #d0b200; font-size: 35px; }

.footer-section { background-color: #0d2436; }
.footer-section-mail-id { color: #959ead; font-weight: bold; font-size: 16px; margin-top: 20px; }
.footer-section-address { color: #959ead; font-size: 14px; }