/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./node_modules/keen-slider/keen-slider.min.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/[locale]/catering/CateringBrands/CateringBrands.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
@media (max-width: 576px) {
  .keen-slider {
    min-height: 50px !important;
    width: 50px;
  }
}

.navigation-wrapper {
  position: relative;
}

.arrow {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50% !important;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  fill: #fff;
  cursor: pointer;
}

.arrow--left {
  left: 5px !important;
}

.arrow--right {
  left: auto !important;
  right: 5px !important;
}

.keen-slider {
  padding: 0;
  margin: 0;
}

.brands-carousel {
  position: relative;
}

.logoImage {
  position: absolute;
  z-index: 2;
  max-width: 150px !important;
  height: auto;
}

.bgImageCatering {
  border: none;
  position: relative !important;
  z-index: 0;
  height: 451px !important;
  width: 100%;
  background-color: #cccccc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/[locale]/catering/CateringForm/CateringForm.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
.underlineBlack {
  font-weight: bold !important;
  display: inline-block;
  position: relative;
  margin-bottom: 40px;
}

.underlineBlack::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
}

.ContactFormDetailsTextContainer {
  padding: 50px;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
  box-shadow: none;
}

label {
  padding-bottom: 20px;
  padding-top: 10px;
}

.submitBtn {
  background: #264621 !important;
  color: #fff !important;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/[locale]/catering/CateringHeader/CateringHeader.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
.headerImage {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 60vh;
  background-color: #cccccc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.headerLayer {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60vh;
  z-index: 1;
}

.AboutHeaderText {
  z-index: 2;
  color: #fff;
  text-align: center;
  font-size: 1.5em;
}

@media screen and (max-width: 430px) and (min-width: 375px) {
  .AboutHeaderText {
    z-index: 2;
    color: #fff;
    text-align: center;
    font-size: 1em;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/[locale]/catering/GetinTouch/GetinTouch.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.cateringWrapper {
  width: 100%;
  height: 300px;
  background: #264621;
  color: #fff;
}

.underlineGet {
  font-weight: bold !important;
  display: inline-block; /* To apply positioning to the text */
  position: relative;
  margin-bottom: 40px;
}

.underlineGet::after {
  content: "";
  position: absolute;
  bottom: -10px; /* Adjusts the gap between text and the underline */
  left: 0;
  width: 100%;
  height: 2px; /* Thickness of the underline */
  background-color: #fff; /* Color of the underline */
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/[locale]/catering/CateringPartners/CateringPartners.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
.underlineBlackTrusted {
  font-weight: bold !important;
  display: inline-block;
  position: relative;
  margin-bottom: 40px;
}

.underlineBlackTrusted::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
}