/* theappchefs css */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
::placeholder { font: normal normal bold 13px/20px Poppins; letter-spacing: 0px; color: #b1b4c1; }

body { position: relative; margin: auto; }

.main_title { text-align: center; font: normal normal 800 47px/56px Poppins; letter-spacing: 0px; color: #282928; margin: auto; }
.main_subtitle { text-align: center; font: normal normal bold 16px/22px Poppins; letter-spacing: 0px; color: #583a8e; text-transform: uppercase; margin: auto; }


.HOME_BANNER { padding-left: 0; padding-right: 0; }
.main_banner { position: relative; }
.main_banner_slider--item {
  height: 777px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main_banner_search {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 901px;
  width: 100%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
}
.main_banner_search--title {
  text-align: center;
  font: normal normal 800 47px/56px Poppins;
  letter-spacing: 0px;
  color: #ffffff;
  margin: 0 auto 25px;
}
.main_banner_search--box {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 20px;
  padding: 15px;
}
.main_banner_search--form {
  display: grid;
  grid-template-columns: 311px 195px 195px 145px;
  grid-gap: 10px;
  align-items: center;
}

.icon_boxes {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 55px 55px 99px #0000001a;
  border-radius: 20px;
  backdrop-filter: blur(8px);
  max-width: 901px;
  margin: 0 auto;
  padding: 25px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 25px;
  align-items: center;
  margin-bottom: 145px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.icon_boxes--item {
  position: relative;
}
.icon_boxes--normal {
  display: grid;
  align-items: center;
  background: #eeebf3;
}
.icon_boxes--hover,
.icon_boxes--normal {
  height: 121px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.icon_boxes--normal img,
.icon_boxes--normal svg {
  color: #754c9e;
  max-width: 55px;
  margin: auto;
}
.icon_boxes--hover {
  background: rgb(117 76 158, 70%) 0% 0% no-repeat padding-box;
  border-radius: 10px;
  backdrop-filter: blur(11px);
  text-align: center;
  font: normal normal bold 13px/18px Poppins;
  letter-spacing: 0px;
  color: #ffffff;
  display: grid;
  align-items: center;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.icon_boxes--item:hover .icon_boxes--hover {
  opacity: 1;
}

.POPULAR_CATEGORIES--wrap { max-width: 1640px; margin: 0 auto 151px; }
.POPULAR_CATEGORIES--grid { display: grid; grid-template-columns: 1fr 2fr 1fr; grid-gap: 20px; align-items: center; margin: 0 auto 20px; }
.POPULAR_CATEGORIES--grid.custom { grid-template-columns: 1fr 1fr 2fr; }
.POPULAR_CATEGORIES--item { display: grid; align-items: end; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #eee; height: 420px; position: relative; }
.POPULAR_CATEGORIES--link:hover, .POPULAR_CATEGORIES--link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }
.POPULAR_CATEGORIES--item-inner { position: relative; height: 210px; padding: 40px; display: grid; align-content: end; }
.POPULAR_CATEGORIES--item-inner:after { content: ""; display: block; background: transparent linear-gradient(180deg, #11141700 0%, #111417 100%) 0% 0% no-repeat padding-box; mix-blend-mode: multiply; opacity: 0.7; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.POPULAR_CATEGORIES--title { font: normal normal bold 17px/22px Poppins; letter-spacing: 0px; color: #ffffff; margin-bottom: 5px; }
.POPULAR_CATEGORIES--desc { font: normal normal normal 13px/20px Poppins; letter-spacing: 0px; color: #ffffff; }
.POPULAR_CATEGORIES--title,
.POPULAR_CATEGORIES--desc { position: relative; z-index: 2; max-width: 318px; }


.main_title.how_it_work_title {
  margin-bottom: 70px;
}
.how_it_work--wrap {
  max-width: 1640px;
  margin: 0 auto 150px;
}
.how_it_work--grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 16px;
  margin: 0 auto 50px;
}
.how_it_work--item {
  background: #f3fbfe 0% 0% no-repeat padding-box;
  border-radius: 10px;
  padding: 83px 69px 64px;
}
.how_it_work--image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 175px;
    height: 175px;
    margin: 0 auto 70px;
}
.how_it_work--title {
  text-align: center;
  font: normal normal 800 22px/28px Poppins;
  letter-spacing: 0px;
  color: #111417;
  margin: 0 auto 10px;
}
.how_it_work--desc {
  text-align: center;
  font: normal normal normal 15px/26px Poppins;
  letter-spacing: 0px;
  color: #686f77;
}
.how_it_work--button:hover,
.how_it_work--button {
  background: #754c9e 0% 0% no-repeat padding-box;
  box-shadow: 0px 30px 50px #583a8e33;
  border-radius: 10px;
  text-align: center;
  font: normal normal bold 15px/22px Poppins;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: uppercase;
  width: 278px;
  height: 81px;
  display: block;
  margin: 0 auto;
  text-decoration: none;
  line-height: 81px;
}

/* FEATURED SHOP SECTION */

.featured_shop--wrap {
  max-width: 1640px;
  margin: 0 auto 150px;
}
.featured_shop--grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 50px;
}
.featured_shop--item {
  max-width: 536px;
  height: 523px;
  background-image: url(./img/botique.jpg);
  background-size: cover;
  opacity: 1;
  border: 1px solid #dadde1;
  border-radius: 5px;
}
.featured_shop--icon {
  position: relative;
  top: 20px;
  left: 20px;
}

.featured_shop--title {
  text-align: left;
  font: normal normal 800 22px/28px Poppins;
  letter-spacing: 0px;
  color: #111417;
  opacity: 1;
}

.featured_shop--desc {
  text-align: left;
  font: normal normal normal 15px/26px Poppins;
  letter-spacing: 0px;
  color: #686f77;
  opacity: 1;
}

.featured_shop--icon svg {
  width: 50px;
  color: #754c9e;
  background-color: #eeebf3;
  padding: 15px 12px 15px 12px;
  border-radius: 6px;
}

.featured_shop--title-ctn {
  background-color: white;
  position: relative;
  top: 350px;
  padding: 20px;
}

svg.svg-inline--fa.fa-map-marker-alt.fa-w-12.fa-3x {
  width: 20px;
  color: #754c9e;
}
.featured_shop--decs-ctn {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: center;
}

.featured_shop--title-ctn {
  padding-left: 43px;
}

/* new shop section */

.new_shop--wrap { max-width: 1640px; margin: 0 auto 150px; }
.new_shop--grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; row-gap: 50px; }
.new_shop--item { max-width: 398px; height: 275px; background-image: url(./img/botique.jpg); background-size: cover; opacity: 1; border: 1px solid #dadde1; border-radius: 5px; }
.new_shop--icon { position: relative; top: 20px; left: 20px; }
.new_shop--title { text-align: left; font: normal normal 800 22px/28px Poppins; letter-spacing: 0px; color: #111417; opacity: 1; }
.new_shop--desc { text-align: left; font: normal normal normal 15px/26px Poppins; letter-spacing: 0px; color: #686f77; opacity: 1; }
.new_shop--icon svg { width: 50px; color: #754c9e; background-color: #eeebf3; padding: 15px 12px 15px 12px; border-radius: 6px; }
.new_shop--title-ctn { background-color: white; position: relative; top: 230px; padding: 20px; }
svg.svg-inline--fa.fa-map-marker-alt.fa-w-12.fa-3x { width: 20px; color: #754c9e; }
.new_shop--decs-ctn { margin-top: 20px; display: grid; grid-template-columns: 40px 1fr; align-items: center; }
/* section2 css */ .promotion-text2 { color:white; text-align: left; font: normal normal 800 47px/56px Poppins; letter-spacing: 0px; color: #fff; opacity: 1; }
.promotion-desc2 { font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-13) / var(--unnamed-line-spacing-20) var(--unnamed-font-family-poppins); letter-spacing: var(--unnamed-character-spacing-0); text-align: left; font: normal normal normal 13px/20px Poppins; letter-spacing: 0px; color: #fff; opacity: 1; }
.promotion-brand-name2 { letter-spacing: var(--unnamed-character-spacing-0); color: var(--unnamed-color-111417); text-align: left; font: normal normal 800 22px/28px Poppins; letter-spacing: 0px; color: #fff; text-transform: uppercase; opacity: 1; }
.promotion-content2 { position: relative; top: 55px; left: 30px; }
.promotion-content2 img{ width: 100px; height: 60px; }


/* Shortcode -- RETAILER */
.RETAILER--wrap { max-width: 1640px; margin: 0 auto 150px; }
.RETAILER--grid { display: grid; grid-template-columns: 1fr; grid-gap: 30px; align-items: center; }
.RETAILER--grid.fr2 { grid-template-columns: 1fr 1fr; }
.RETAILER--grid.fr3 { grid-template-columns: 1fr 1fr 1fr; }
.RETAILER--grid.fr4 { grid-template-columns: 1fr 1fr 1fr 1fr; }
.RETAILER--item { position: relative; border: 1px solid #DADDE1; border-radius: 5px; }
.RETAILER--image { height: 370px; border-radius: 5px 5px 0px 0px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }
.RETAILER--badge { width: 82px; height: 82px; background-color: #EEEBF3; background-repeat: no-repeat; background-position: center; background-size: 50%; border-radius: 6px; position: absolute; top: 15px; left: 15px; }
.RETAILER--context { padding: 30px 40px 25px; }
.RETAILER--title { font: normal normal 800 22px/28px Poppins; letter-spacing: 0px; color: #111417; margin: 0 auto 20px; }
.RETAILER--address { font: normal normal normal 15px/26px Poppins; letter-spacing: 0px; color: #686F77; display: grid; grid-template-columns: 24px 1fr; grid-gap: 20px; align-items: center; }
.RETAILER--address svg { color: #754C9E; }
.RETAILER--link:hover,
.RETAILER--link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.RETAILER--grid.fr4 .RETAILER--image { height: 275px; }
.RETAILER--grid.fr4 .RETAILER--badge { width: 60px; height: 60px; }
.RETAILER--grid.fr4 .RETAILER--context { padding: 20px; }
.RETAILER--grid.fr4 .RETAILER--title { font: normal normal bold 17px/22px Poppins; margin: 0 auto 12px; }
.RETAILER--grid.fr4 .RETAILER--address { font: normal normal normal 13px/18px Poppins; grid-template-columns: 18px 1fr; }
/* Shortcode -- RETAILER */


/* Shortcode -- FEATURED_PRODUCT */
.FEATURED_PRODUCT--wrap { max-width: 1640px; margin: 0 auto 150px; }
.FEATURED_PRODUCT--grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; align-items: center; align-content: center; }
.FEATURED_PRODUCT--item { position: relative; overflow: hidden; border-radius: 2.5px; border: solid 0.5px #dadde1; }
.FEATURED_PRODUCT--img { border-radius: 5px 5px 0px 0px; }
.FEATURED_PRODUCT--context { padding: 30px; display: grid; grid-template-columns: 1fr auto; grid-gap: 15px; align-items: center; }
.FEATURED_PRODUCT--title { font: normal normal 800 22px/28px Poppins; letter-spacing: 0px; color: #111417; }
.FEATURED_PRODUCT--price { font: normal normal 600 14px/17px Poppins; letter-spacing: 0px; color: #FFFFFF; background-color: #89d4ee; width: 65px; height: 52px; display: grid; align-items: center; text-align: center; position: relative; }
.FEATURED_PRODUCT--price:before { content: ""; display: block; position: absolute; top: 0; left: -56px; border: 26px solid transparent; border-right: 30px solid #89d4ee; }
.FEATURED_PRODUCT--link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
/* Shortcode -- FEATURED_PRODUCT */

/* Shortcode -- PROMOTIONS */
.PROMOTIONS--wrap { width: 1640px; margin: 0 auto 170px; }
/*.PROMOTIONS--grid { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; }*/
.PROMOTIONS--item { background: #FFF; background-size: contain; background-repeat: no-repeat; background-position: right center; position: relative; }
.PROMOTIONS--inner { padding: 41px 25px; padding-right: 0; max-width: 50%; }
.PROMOTIONS--title {text-align: left;font: normal normal 800 47px/56px Poppins;letter-spacing: 0px;color: #111417; margin: 0 auto 18px; }
.PROMOTIONS--coupon-txt { text-align: left; font: normal normal normal 13px/20px Poppins; letter-spacing: 0px; color: #000000; margin: 0 auto 50px; }
.PROMOTIONS--coupon-code { text-align: left; font: normal normal 800 22px/28px Poppins; letter-spacing: 0px; color: #111417; text-transform: uppercase; }
.PROMOTIONS--link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.PROMOTIONS--logo { margin: 0 auto 30px; }
.PROMOTIONS--logo img,
.owl-carousel .owl-item .PROMOTIONS--logo img { height: 60px; width: auto; }
/* Shortcode -- PROMOTIONS */