html,
body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
}

/* ----- START _ NAVBAR ----- */
/* START _ NAV POSITIONING */
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  justify-content: center;
}
/* END _ NAV POSITIONING */

/* START _ NAVBAR SIZE */
.navbar-light {
  font-size: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: solid #6c757d 1.5px;
}

.nav-item {
  padding-left: 15px;
  padding-right: 15px;
}
/* EMD _ NAVBAR SIZE */

/* START _ NAVBAR ANIMATION */
.nav-link {
  transition: transform 0.8s;
}

.navbar-toggler {
  color: transparent;
  padding: 5px;
}
.navbar-toggler:hover {
  background-color: #e8e8e8;
}

.navbar-toggler:active {
  background-color: #6c757d;
}

.nav-link:hover {
  transform: scale(1.1);
}
/* END _ NAVBAR ANIMATION */

/* START _ NAVBAR TEXT COLOUR */
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
  color: whitesmoke;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: #faa200;
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: #faa200;
}
/* END _ NAVBAR TEXT COLOUR */
/* ----- END _ NAVBAR ----- */

/* ----- START _ SEARCH ICON ----- */
.btn-light {
  border: #e8e8e8 solid 2px;
}

.btn-light:hover {
  background-color: #e8e8e8;
}

.btn-light:active {
  background-color: #6c757d;
}

.container-search .input-group {
  padding-left: 0px;
  padding-right: 0px;
  width: 220px;
}
/* ----- END _ SEARCH ICON ----- */

/* ----- START _ WHOLE PAGE STYLE ----- */
.bg-vegan {
  background-color: #6eca98;
}

/* ----- END _ WHOLE PAGE STYLE ----- */

/* ----- START _ BANNER STATEMENT ----- */
.banner-statement .span {
  font-size: 30px;
}

.banner-2 {
  position: relative;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  margin-bottom: -80px;
}
/* ----- END _ BANNER STATEMENT ----- */

/* ----- START _ FOUR CARDS ----- */
.card {
  border: none;
}

.card-body img {
  width: auto;
  height: 100px;
}
/* ----- END _ FOUR CARDS ----- */

/* ----- START _ FOOTER ANCHOR ICON ----- */
.icon {
  color: black;
}
/* ----- END _ FOOTER ANCHOR ICON ----- */

/* ----- START _ LEGAL INFO TEXT ----- */
.legal-text {
  font-size: 14px;
}
/* ----- EMD _ LEGAL INFO TEXT ----- */

/* ----- START _ SUBSCRIBE TEXT ----- */
.footer-line-left p {
  margin-top: 10px;
  /* padding: 5px; */
  width: 100%;
}

.email {
  border: solid 2px #6eca98;
}

/* ----- EMD _ SUBSCRIBE TEXT ----- */

/* ----- START _ FOOTER LINE ----- */
.left-line {
  margin-top: 40px;
}
.right-line {
  margin-top: 40px;
}
/* ----- END _ FOOTER LINE ----- */

.footerTitle {
  font-size: 18px;
  margin: 0px;
}