/***COLOURS***/
/*
dark blue: #050A27;
light blue: #008FDA;
green: #5DA271;
ghost white: #F4F4F9;
*/
/***COLOURS end***/

/***GLOBAL***/
body {
  font-family: "nunito-sans", sans-serif;
  color: #050a27;
}

a#poweredby,
.elm00069,
.elm00258,
.elm00261,
.elm00222 {
  display: none;
}

#MainL {
  position: relative;
}
/***GLOBAL end***/

/***HEADER***/
img#sty-logo {
  width: 262px;
}

#sty-header {
  display: inline-block;
  width: 100%;
  height: auto;
  background: #050a27;
  padding: 40px 8%;
  box-shadow: 0 0 31px rgb(0 0 0 / 64%);
  position: relative;
  z-index: 3;
  border-bottom: 4px solid #fff !important;
}

#sty-headInner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}

#sty-nav {
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  padding-right: 25px;
}

#sty-nav .navElement a {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 12px;
  display: flex;
  transition: 0.2s all;
}

#sty-nav .navElement a:hover {
  text-decoration: none;
  color: #008fda;
}

.navElement {
  position: relative;
}

span.sub-arrow {
  line-height: 1;
  padding: 10px 0 10px 10px;
  margin-top: -10px;
  margin-bottom: -10px;
  display: flex;
  align-items: center;
}

span.sub-arrow svg {
  fill: #fff;
  width: 11px;
  transition: 0.2s all;
}

#sty-nav .navElement a:hover svg {
  fill: #008fda;
}

#sty-navEnquire a {
  font-family: "nunito-sans", Sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 0;
  word-spacing: 0;
  color: #fff;
  background-color: #008fda;
  border-radius: 7px 0 7px 0;
  padding: 10px;
  max-width: 100%;
  width: 152px;
  display: block;
  text-align: center;
  transition: 0.2s all;
}

#sty-navEnquire a:hover {
  background-color: #5da271;
  text-decoration: none;
}

.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  display: none;
  box-shadow: 0 2px 17px rgb(0 0 0 / 15%);
}

#sty-nav .navElement .sub-menu a {
  color: #050a27;
  display: block;
  width: max-content;
  padding: 15px 25px;
  min-width: 100%;
  background: #fff;
  transition: 0.2s all;
  text-align: left;
  font-size: 14px;
}

#sty-nav .navElement .sub-menu a:hover {
  background: #ededed;
  color: #008fda;
}

#burger {
  display: none;
  position: relative;
  cursor: pointer;
}

#burger span {
  background: #fff;
  display: block;
  height: 3px;
  width: 24px;
  margin: 4px 0;
  border-radius: 2px;
}

#sty-mobNav {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: flex;
  background: #050a27;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: 0 0 43px rgba(0, 0, 0, 1);
  max-width: 600px;
  transform: translateX(650px);
  transition: 1s all;
}

#sty-mobNav.active {
  transform: translateX(0);
}

#sty-mobInner {
  position: absolute;
  top: 0;
  left: 50%;
  padding: 0;
  width: 100%;
  transform: translateX(-50%);
  height: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

#sty-mobInner::-webkit-scrollbar {
  display: none;
}

.navElement .sub-mob {
  display: none;
  flex-direction: column;
  text-align: left;
  padding: 0 50px;
  width: 100%;
}

#sty-mobInner h4,
.navElement.mobHom a {
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  width: 100%;
  padding: 20px 50px;
  display: flex;
  text-align: left;
  align-items: center;
  gap: 15px;
}

#mobTop {
  display: flex;
  width: 100%;
  padding: 50px;
  background: rgba(255, 255, 255, 0.1);
  justify-content: space-between;
  border-bottom: 2px solid #f4f4f9;
}

img#sty-mobLogo {
  width: 100%;
}

#mobTop {
  display: flex;
  width: 100%;
  padding: 50px;
  background: rgba(255, 255, 255, 0.1);
  justify-content: space-between;
  align-items: center;
}

img#mobBasket {
  margin-left: auto;
  margin-right: 30px;
  width: 30px;
  cursor: pointer;
}

img#closeMobNav {
  width: 25px;
  cursor: pointer;
}

a#mobLogoWrap {
  width: 50%;
  max-width: 222px;
}

#mobBot {
  background-image: url(../images/page/mobMenu-background-2.png);
  background-size: 100%;
  background-position: center -150px;
  background-repeat: repeat;
  padding: 20px 0;
  min-height: 90vh;
}

.sub-mob a {
  padding: 10px 0;
  color: #fff;
  font-size: 16px;
  width: 50%;
  display: block;
  float: left;
}

#sty-mobInner h4 img,
.navElement.mobHom a img {
  width: 35px;
  opacity: 0.6;
  transition: 0.2s all;
}

#sty-mobInner h4:hover,
.navElement.mobHom a:hover {
  text-decoration: none;
}

#sty-mobInner h4:hover img,
.navElement.mobHom a:hover img {
  opacity: 1;
}

#sty-mobInner span.sub-arrow {
  opacity: 0.6;
  transition: 0.2s all;
}

#sty-mobInner h4:hover span.sub-arrow,
.navElement.mobHom a:hover span.sub-arrow {
  opacity: 1;
}

#mobBot .navElement {
  display: inline-block;
  width: 100%;
}

body.hideOverflow {
  overflow: hidden;
}

img#mainBasket {
  width: 30px;
}

#nav_bas_link {
  margin: 0 15px 0 0;
}

@media only screen and (max-width: 1400px) {
  #sty-navEnquire a {
    width: 135px;
    font-size: 15px;
  }
  #sty-nav {
    padding-right: 17px;
  }
  #sty-nav .navElement a {
    font-size: 14px;
    padding: 15px 10px;
  }
}

@media only screen and (max-width: 1290px) {
  img#sty-logo {
    width: 225px;
  }
  #sty-nav .navElement a {
    padding: 15px 10px;
  }
}

@media only screen and (max-width: 1260px) {
  #sty-nav,
  #nav_bas_link {
    display: none;
  }
  #burger {
    display: block;
  }
  #sty-navEnquire {
    margin-left: auto;
    margin-right: 30px;
  }
  #sty-navEnquire a {
    font-size: 14px;
    padding: 9px;
    width: 125px;
  }
}

@media only screen and (max-width: 767px) {
  div#sty-headInner {
    padding: 0;
  }
  #sty-logoWrap {
    width: 50%;
    display: block;
  }
  img#sty-logo {
    width: 100%;
    max-width: 225px;
  }
  #sty-navEnquire a {
    font-size: 13px;
    padding: 8px;
    width: auto;
  }
  #sty-navEnquire {
    margin-left: auto;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 600px) {
  #sty-mobInner h4,
  .navElement.mobHom a {
    font-size: 18px;
    padding: 20px 8%;
    gap: 0;
  }
  #sty-mobInner h4 img,
  .navElement.mobHom a img {
    margin-right: 20px;
    width: 32px;
  }
  .sub-mob a {
    padding: 10px 10px;
    font-size: 15px;
  }
  #mobTop {
    padding: 35px 8%;
  }
}

@media only screen and (max-width: 500px) {
  .sub-mob a {
    width: 100%;
    float: none;
  }
  .sub-mob a {
    width: 100%;
    float: none;
    padding: 10px 0 10px 40px;
  }
}

@media only screen and (max-width: 400px) {
  img#mobBasket {
    margin-right: 25px;
    width: 25px;
  }
  img#closeMobNav {
    width: 20px;
  }
}

@media only screen and (max-width: 380px) {
  #sty-navEnquire a {
    font-size: 13px;
    padding: 6px 7px;
  }
  #sty-navEnquire {
    margin-left: 15px;
    margin-right: 15px;
  }
}
/***HEADER end***/

/***FOOTER***/
#sty-foot {
  background: #050a27;
  padding: 0 8%;
  display: inline-block;
  width: 100%;
  position: relative;
}

#footTop {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 0 50px;
  display: flex;
  justify-content: space-between;
}

#footBottom {
  display: flex;
  width: 100%;
  max-width: 1200px;
  color: #fff;
  margin: 0 auto;
  padding: 25px 10px;
  align-items: center;
}

#footBottom p {
  font-size: 14px;
  margin: 0;
}

#footIcons {
  margin-left: auto;
  display: flex;
  gap: 25px;
}

#footIcons svg path {
  fill: #fff;
}

#footIcons svg {
  width: 17px;
  height: 17px;
}

#footIcons a {
  display: flex;
  align-items: center;
}

.footCol {
  width: 25%;
  display: flex;
  flex-direction: column;
  gap: 11px;
  padding: 0 10px;
}

img#footLogo {
  width: 208px;
  max-width: 86%;
}

#sty-foot hr {
  max-width: 1180px;
  margin: 0 auto;
}

.footCol h4 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}

.footCol a {
  font-size: 14px;
  color: #fff;
}

@media only screen and (max-width: 1024px) {
  .footCol.foot1 {
    width: 100%;
  }
  #footTop {
    flex-wrap: wrap;
  }
  .footCol.foot1 {
    width: 100%;
    padding-bottom: 40px;
  }
  .footCol {
    width: 33.333%;
    gap: 10px;
  }
}

@media only screen and (max-width: 767px) {
  #footTop {
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 40px;
  }
  .footCol.foot1 {
    padding-bottom: 0;
  }
  #footIcons {
    display: none;
  }
  .footCol {
    width: 100%;
  }
}
/***FOOTER end***/

/***SEARCH CAT***/
.elm00005 {
  width: 100%;
  padding: 80px 8%;
}

.elm05searchresults {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
}

#elm05productContainer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  gap: 30px;
  max-width: 100%;
}

img.elm05img {
  width: 100%;
  height: auto;
  box-shadow: 0 0 11px rgb(0 0 0 / 14%);
}

.elm05product {
  width: 100%;
  position: relative;
}

.elm05desc {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 14px 20px;
  background: rgb(5 10 39 / 92%);
  color: #fff;
  font-size: 16px;
  width: 100%;
  max-width: 85%;
}

h1.elm82Title {
  font-family: "nunito-sans", sans-serif;
  color: #050a27;
  margin: 15px 0;
  font-weight: 200;
  font-size: 35px;
  display: none;
}

#categoryHero {
  width: 100%;
  padding: 120px 8% 100px;
  text-align: center;
  background-image: url(../images/page/giftRangeHero2.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

#catHeroInner {
  max-width: 1200px;
  padding: 0 10px;
  margin: 0 auto;
  position: relative;
}

#catHeroInner h1 {
  font-size: 42px;
  font-weight: 600;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.79);
  color: #fff;
  max-width: 700px;
  margin: 0 auto;
}

#categoryHero {
  width: 100%;
  padding: 160px 8% 160px;
  text-align: center;
  background-image: url(../images/page/giftRangeHero2.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

#heroOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.elm00002 {
  display: none;
}

.elm00003 {
  position: absolute;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  padding: 4px 8% 3px;
  font-size: 13px;
}

p.elm03BreadCrumb {
  max-width: 1200px;
  padding: 0 10px;
  margin: 0 auto;
  float: none;
  display: flex;
  justify-content: start;
  gap: 10px;
}

.elm03BreadCrumb a,
.elm03BreadCrumb span {
  color: #fff;
}

#cat_desc {
  width: 100%;
  text-align: center;
  padding: 50px 8%;
  background: #f4f4f9;
}

#cat_desc h2 {
  font-size: 27px;
  font-weight: 300;
  margin: 0;
}

#cat_desc hr {
  width: 90px;
  border-top: 4px solid #008fda;
  margin: 15px auto 18px;
}

#cat_desc p {
  font-size: 17px;
  max-width: 845px;
  margin: 0 auto 20px;
}

#cat_desc_buttons {
  display: flex;
  gap: 15px;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
}

#cat_desc_buttons a {
  font-family: "nunito-sans", Sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 0;
  word-spacing: 0;
  color: #fff;
  background-color: #008fda;
  border-radius: 7px 0 7px 0;
  padding: 10px 15px 8px;
  max-width: 100%;
  width: 152px;
  display: block;
  text-align: center;
  transition: 0.2s all;
}

#cat_desc_buttons a:hover {
  text-decoration: none;
  background: #5da271;
}

#cat_desc_buttons a.cat_des_but_2 {
  background: #5da271;
  display: none;
}

#cat_desc_buttons a.cat_des_but_2:hover {
  background: #008fda;
}

@media only screen and (max-width: 1130px) {
  #elm05productContainer {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media only screen and (max-width: 1024px) {
  #catHeroInner h1 {
    font-size: 35px;
    max-width: 460px;
  }
  #categoryHero {
    padding: 100px 8% 100px;
  }
  #cat_desc h2 {
    font-size: 1.9em;
  }
}

@media only screen and (max-width: 840px) {
  #elm05productContainer {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (max-width: 767px) {
  #categoryHero {
    padding: 80px 8% 80px;
  }
  #catHeroInner h1 {
    font-size: 25px;
    max-width: 344px;
  }
  #heroOverlay {
    background: rgba(0, 0, 0, 0.5);
  }
  p.elm03BreadCrumb {
    padding: 0;
  }
  #catHeroInner {
    padding: 0;
  }
  .elm05searchresults {
    padding: 0;
  }
  .elm05desc {
    max-width: 100%;
  }
  .elm00003 {
    display: none;
  }
  #cat_desc h2 {
    font-size: 1.6em;
  }
}

@media only screen and (max-width: 500px) {
  #elm05productContainer {
    grid-template-columns: 1fr;
  }
}
/***SEARCH CAT end***/

/***SEARCH CAT HEROES***/
#categoryHero.gift_range {
  background-image: url(../images/category-heroes/gift_range.jpg);
}

#categoryHero.easter {
  background-image: url(../images/category-heroes/easter.jpg);
}

#categoryHero.seasonal_bouquets {
  background-image: url(../images/category-heroes/flowers.jpg);
}

#categoryHero.flowers {
  background-image: url(../images/category-heroes/flowers.jpg);
}

#categoryHero.onecode {
  background-image: url(../images/category-heroes/onecode.jpg);
}

#categoryHero.hampers {
  background-image: url(../images/category-heroes/corporate_hampers_2.jpg);
}

#categoryHero.perfect_pairing {
  background-image: url(../images/category-heroes/perfect_pairings.jpg);
}

#categoryHero.shop_indi {
  background-image: url(../images/category-heroes/shop_independant.jpg);
}

#categoryHero.chocs_treats {
  background-image: url(../images/category-heroes/chocolates_and_treats.jpg);
}

#categoryHero.sustainable {
  background-image: url(../images/category-heroes/sustainable_gifts.jpg);
}

#categoryHero.alcohol_gifts {
  background-image: url(../images/category-heroes/alcohol_gifts.jpg);
}

#categoryHero.appliances {
  background-image: url(../images/category-heroes/appliances.jpg);
}

#categoryHero.baby_nursery {
  background-image: url(../images/category-heroes/baby_and_nursery.jpg);
}

#categoryHero.childrens_gifts {
  background-image: url(../images/category-heroes/childrens_gifts.jpg);
}

#categoryHero.diy_tools {
  background-image: url(../images/category-heroes/diy_and_power_tools.jpg);
}

#categoryHero.experiences {
  background-image: url(../images/category-heroes/experience_days_and_holidays.jpg);
}

#categoryHero.furniture {
  background-image: url(../images/category-heroes/furniture.jpg);
}

#categoryHero.gardening {
  background-image: url(../images/category-heroes/gardening.jpg);
}

#categoryHero.gifts_cat {
  background-image: url(../images/category-heroes/gifts.jpg);
}

#categoryHero.health_beauty {
  background-image: url(../images/category-heroes/health_and_beauty.jpg);
}

#categoryHero.furnishings {
  background-image: url(../images/category-heroes/home_furnishings.jpg);
}

#categoryHero.home_scents {
  background-image: url(../images/category-heroes/home_scents.jpg);
}

#categoryHero.jewellery {
  background-image: url(../images/category-heroes/jewellery_and_watches.jpg);
}

#categoryHero.life_moments {
  background-image: url(../images/category-heroes/life_moments.jpg);
}

#categoryHero.lighting {
  background-image: url(../images/category-heroes/lighting.jpg);
}

#categoryHero.pampering {
  background-image: url(../images/category-heroes/pampering.jpg);
}

#categoryHero.sports {
  background-image: url(../images/category-heroes/sports_and_leisure.jpg);
}

#categoryHero.steal_deals {
  background-image: url(../images/category-heroes/steal_deals.jpg);
}

#categoryHero.technology {
  background-image: url(../images/category-heroes/technology.jpg);
}

#categoryHero.toys {
  background-image: url(../images/category-heroes/toys.jpg);
}

#categoryHero.vegan_vegi {
  background-image: url(../images/category-heroes/vegan_and_vegi.jpg);
}

#categoryHero.vouchers_giftcards {
  background-image: url(../images/category-heroes/vouchers_and_gift_cards.jpg);
}

#categoryHero.christmas_gifting {
  background-image: url(../images/category-heroes/christmas_gifting.jpg);
}
/***SEARCH CAT HEROES end***/

/***SEARCH***/
.elm206Paging {
  display: none;
}

.elm00206 {
  display: inline-block;
  width: 100%;
  padding: 100px 8%;
}

#elm206outWrapper {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  width: 100%;
}

h1.elm206h2 {
  display: none;
}

.elm206product {
  max-width: 340px;
  padding: 20px;
  border-radius: 0;
  box-shadow: 0 0px 14px rgb(0 0 0 / 12%);
  background: #fff;
  margin: 0 auto;
  width: 100%;
}

.elm206ProductBegins {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  gap: 30px;
  padding: 0 10px;
}

.elm206prodImg {
  overflow: hidden;
  position: relative;
  padding-top: 100%;
  max-width: 500px;
  max-height: 500px;
}

.elm206prodImg img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  object-fit: contain;
  justify-content: center;
  align-items: center;
  display: flex;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 0;
  width: 100%;
}

.elm206ProdDetail {
  margin: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.elm206Desc,
.elm206TopPrice {
  display: flex;
  width: 100%;
  height: auto;
  border: 0;
  color: rgb(255, 255, 255);
  opacity: 1;
  font-family: "" nunito-sans "", sans-serif;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  min-height: 0;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 25px 0 0;
}

.elm206Desc a,
.elm206TopPrice {
  color: #050a27;
  text-transform: none;
  letter-spacing: 0;
}

.elm206TopPrice {
  font-weight: 500;
  font-size: 23px;
  height: auto;
  min-height: auto;
  line-height: 1;
  margin: 0;
  padding-top: 5px;
}

.elm206Price span {
    font-size: 0.55em;
    display: block;
    width: 100%;
    margin: 0.8rem 0 0;
    font-style: italic;
}

.elm206ProdQtyBuy {
  display: inline-block;
  width: 100%;
  margin-top: auto;
}

.elm206ProdBuy,
.elm206ProdQtyBuy {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.elm206ProdBuy input,
.elm206ProdQtyBuy a {
  width: 100%;
  max-width: 145px;
  background: rgb(0 183 247);
  padding: 12px 10px;
  line-height: 1;
  font-weight: 700;
  font-size: 16px;
  margin: 20px auto 0;
  transition: 0.2s all;
  border: 2px solid rgb(0 183 247);
  border-radius: 7px 0 7px 0;
  color: #fff;
  font-family: "nunito-sans", sans-serif;
  box-shadow: none;
  text-align: center;
}

.elm206ProdBuy input:hover,
.elm206ProdQtyBuy a:hover {
  background: rgb(93 162 113);
  border: 2px solid rgb(93 162 113);
  text-decoration: none;
}

.elm206facetedSearch {
  width: 100%;
  display: none;
}

.elm206ProdDetail hr {
  background: rgb(0 183 247);
  height: 3px;
  width: 58px;
  border: none;
  margin: 16px auto 18px;
}

.elm206Desc a:hover {
  text-decoration: none;
}

#refine-search {
  display: none !important;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
  border-radius: 12px 0 !important;
  text-align: center;
  background: #050a27;
  padding: 27px;
  border: none;
}

input.continueShopBtn.btn {
  border-radius: 7px 0 7px 0;
  margin-top: 20px;
}

input.continueShopBtn.btn:focus {
  outline: none;
}

#basketPopup {
  padding: 0;
  display: flex;
  align-items: center;
  color: #fff;
}

input.continueShopBtn.btn {
  border-radius: 7px 0 7px 0;
  margin-top: 20px;
  background: rgb(0 183 247);
  transition: 0.2s all;
}

input.continueShopBtn.btn:hover {
  background: rgb(93 162 113);
  color: #fff;
}

.PopupDesc {
  font-size: 20px;
  font-weight: 300;
  font-family: "nunito-sans", sans-serif;
}

#elm206overlay {
  background: rgb(5 10 39 / 89%) !important;
}

.elm206loadWrapper {
  text-align: center;
  color: #fff;
  font-family: "nunito-sans", sans-serif;
  font-size: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  font-weight: 300;
}

a.prodEnq {
  display: block;
  text-align: center;
  width: 100%;
  max-width: 90px;
  background: rgb(93 162 113);
  padding: 10px 10px 7px;
  line-height: 1;
  font-weight: 500;
  font-size: 15px;
  margin: 12px auto 0;
  transition: 0.2s all;
  border: #050a27;
  border-radius: 7px 0 7px 0;
  color: #fff;
  font-family: "nunito-sans", sans-serif;
  box-shadow: none;
}

a.prodEnq:hover {
  text-decoration: none;
  background: rgb(0 183 247);
  border: none;
}

#cat_enquire {
  text-align: center;
  display: block;
  margin: 5rem auto 0;
}

#cat_enquire h3 {
  font-size: 2.5em;
  font-weight: 200;
  margin: 0 auto 1.4rem;
}

#cat_enquire p {
  margin: 0 auto 0;
  max-width: 576px;
  font-size: 1.3em;
  font-weight: 300;
}

#bus_enq_buts {
  margin: 2rem auto 0;
  display: flex;
  justify-content: center;
  gap: 2rem;
}

#bus_enq_buts a {
  width: 48%;
  max-width: 145px;
  background: rgb(0 183 247);
  padding: 12px 10px;
  line-height: 1;
  font-weight: 700;
  font-size: 16px;
  transition: 0.2s all;
  border: 2px solid rgb(0 183 247);
  border-radius: 7px 0 7px 0;
  color: #fff;
  font-family: "nunito-sans", sans-serif;
  box-shadow: none;
  text-align: center;
}

#bus_enq_buts a:hover {
  background: #5da271;
  border: 2px solid #5da271;
  text-decoration: none;
}

#bus_enq_buts a.business_info {
  background: #5da271;
  border: 2px solid #5da271;
}

#bus_enq_buts a.business_info:hover {
  background: rgb(0 183 247);
  border: 2px solid rgb(0 183 247);
}

div#elm206_noresults {
  text-align: center;
  padding: 3rem 0;
  font-size: 2.2rem;
  font-weight: 300;
}

@media only screen and (max-width: 1200px) {
  .elm206ProductBegins {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media only screen and (max-width: 1024px) {
  .elm206TopPrice {
    font-size: 21px;
  }
  .elm206Desc,
  .elm206TopPrice {
    font-size: 16px;
  }
}

@media only screen and (max-width: 850px) {
  .elm206ProductBegins {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (max-width: 767px) {
  .elm206ProductBegins {
    padding: 0;
  }
}

@media only screen and (max-width: 530px) {
  .elm206ProductBegins {
    grid-template-columns: 1fr;
  }
}
/***SEARCH end***/


/***DETAIL***/
.elm00250 {
  display: inline-block;
  width: 100%;
  padding: 120px 8% 100px;
  background-image: url(../images/page/desktop_full_petal_back.png);
  background-size: 100%;
  background-position: center;
  background-repeat-y: repeat;
}

#elm250container {
  padding: 0 10px;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
}

.elm250_enlargeLink,
#carouselBegin,
.elm250priceDesc,
.zoomPreload,
.zoomPup,
.zoomWindow {
  display: none !important;
}

#detailTitle,
.elm250_title {
  width: 100%;
  text-align: left;
  font-weight: 700;
  font-size: 30px;
  padding-bottom: 25px;
  color: rgb(5 10 39);
}

#elm250prodoptions {
  width: 50%;
}

#elm250imgcontainer {
  width: 50%;
  padding: 0 100px 0 0;
}

.elm250descContainer {
  width: 100%;
  text-align: left;
  font-size: 16px;
  color: rgb(5 10 39);
}

.elm250_pricing {
  text-align: left;
  padding: 15px 0 12px;
  font-size: 32px;
  font-weight: 600;
  margin: 20px 0;
  border-top: 1px solid #050a27;
  border-bottom: 1px solid #050a27;
  line-height: 1;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.elm250price span {
    font-size: 0.5em;
    margin: 0 0 0 1rem;
}

.elm250price {
  color: #050a27;
  font-weight: 300;
  margin-bottom: -3px;
}

.zoomPad {
  z-index: 1 !important;
  cursor: default !important;
}

#zoomWrapperElm {
  width: 100%;
  float: none;
  display: block;
}

.elm249_imageViews,
.elm250_imageViews {
  z-index: 1;
  float: none;
  display: block !important;
}

input.elm250buy {
  background: rgb(93 162 113);
  padding: 13px 10px;
  line-height: 1;
  font-weight: 600;
  font-size: 16px;
  margin-top: 20px;
  transition: 0.2s all;
  border: 2px solid rgb(93 162 113);
  border-radius: 7px 0 7px 0;
  color: #fff;
  font-family: "nunito-sans", sans-serif;
  box-shadow: none;
  max-width: 100%;
  width: 205px;
}

input.elm250buy:hover {
  background: rgb(104 177 125);
  border: 2px solid rgb(104 177 125);
}

button.elm250buy {
  /*Unavailable - disabled button*/
  background: #f4f4f9;
  padding: 13px 10px;
  line-height: 1;
  font-weight: 600;
  font-size: 16px;
  margin-top: 20px;
  transition: 0.2s all;
  border: 2px solid #050a27;
  border-radius: 7px 0 7px 0;
  color: #050a27;
  font-family: "nunito-sans", sans-serif;
  box-shadow: none;
  max-width: 100%;
  width: 205px;
}

.elm249_image,
.elm250_image {
  max-width: 500px;
  border: 15px solid #f2f2f2;
  cursor: default;
  width: 100%;
}

.numberQnt {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

span.minus,
span.plus {
  width: 50px;
  height: auto;
  padding: 10px 0;
  font-size: 20px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  transition: 0.3s all;
  background: #f4f4f9;
  transition: 0.2s all;
}

span.minus,
span.plus,
.numberQnt input {
  border: 2px solid rgb(5 10 39);
  color: rgb(5 10 39);
  font-weight: 800;
  font-family: "nunito-sans", sans-serif;
  font-size: 16px;
}

span.minus:hover,
span.plus:hover {
  background: rgb(5 10 39);
  color: #fff;
}

.numberQnt input {
  color: rgb(5 10 39);
  border-left: 0;
  border-right: 0;
  text-align-last: center;
  width: 105px;
}

.elm250_qty label,
.elm250qtyDropdown {
  display: none !important;
}

.elm250_buybutton {
  float: left;
  padding-left: 20px;
}

.elm250_qty {
  float: left;
  margin: 20px 0 0;
}

span.minus {
  border-radius: 7px 0 0 0;
}

span.plus {
  border-radius: 0 0 7px 0;
}

#addedToBasket {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
}

img#closeAdded {
  position: absolute;
  cursor: pointer;
  top: 35px;
  right: 35px;
  width: 27px;
}

#addedInner h3 {
  font-size: 33px;
}

#addedBasButtons {
  margin: 30px 0 0;
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 20px;
}

#addedBasButtons a {
  background: #008fda;
  color: #fff;
  font-size: 16px;
  border-radius: 7px 0 7px 0;
  padding: 12px 20px;
  transition: 0.2s all;
}

#addedBasButtons a:hover {
  background: rgb(93 162 113);
  text-decoration: none;
}

#emailColWrap {
  display: inline-block;
  width: 100%;
  padding-top: 20px;
}

a#emailColleague {
  background: rgb(93 162 113);
  padding: 13px 10px;
  line-height: 1;
  font-weight: 600;
  font-size: 16px;
  transition: 0.2s all;
  border: 2px solid rgb(93 162 113);
  border-radius: 7px 0 7px 0;
  color: #fff;
  font-family: "nunito-sans", sans-serif;
  box-shadow: none;
  max-width: 100%;
  display: block;
  width: 205px;
  text-align: center;
}

a#emailColleague:hover {
  text-decoration: none;
  background: rgb(116 174 133);
  border: 2px solid rgb(116 174 133);
}

#detailInfo {
  padding: 30px 0 0;
  font-size: 16px;
  display: inline-block;
}

.zoomPad {
  margin: 0 !important;
}

#addBasWrap {
  display: none;
}

p.inStock {
  font-size: 17px;
  font-weight: 700;
  color: #5da271;
  margin: 0 0 15px;
}

#elm250Description p {
  margin: 0;
}

#the-final-countdown {
  font-size: 18px;
  display: inline-block;
  width: 100%;
  font-weight: 300;
}

#the-final-countdown span {
  font-weight: 700;
}

.elm250_code {
  font-weight: 700;
  font-size: 15px;
  margin: 15px 0 0;
}

#st-1 .st-btn {
  padding: 0 8px !important;
  margin-right: 0 !important;
  margin-left: 8px !important;
}

#detailInfo a {
  font-weight: 700;
  color: #008fda;
}

input.elm250buy[disabled] {
  background-color: rgb(193 221 201);
  border-color: rgb(193 221 201);
  color: #606060;
}

input.elm250buy[disabled]:hover {
  background-color: rgb(193 221 201);
  border-color: rgb(193 221 201);
  color: #606060;
}

h3#desc_title {
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid #000;
  padding: 0 0 1rem;
  text-transform: uppercase;
  margin: 2rem auto 2rem;
}

#elm250Description {
  font-size: 16px;
  line-height: 1.1;
}

p#uk_del {
    display: block;
    width: 100%;
    margin: 0.8rem 0 2rem;
    font-style: italic;
    font-size: 0.95em;
    color: #db0000;
}

@media only screen and (max-width: 1100px) {
  #elm250imgcontainer {
    width: 45%;
    padding: 0 70px 0 0;
  }
  #elm250prodoptions {
    width: 55%;
  }
}

@media only screen and (max-width: 960px) {
  #elm250imgcontainer {
    width: 100%;
    padding: 0 0 30px 0;
  }
  #elm250prodoptions {
    width: 100%;
  }
  #elm250container {
    flex-direction: column;
  }
  .elm249_image,
  .elm250_image {
    max-width: 350px;
  }
}

@media only screen and (max-width: 767px) {
  #elm250container {
    padding: 0;
  }
  #addedInner h3 {
    font-size: 28px;
  }
  #addedBasButtons {
    flex-direction: column;
  }
  .elm00250 {
    background-image: url(../images/page/mobMenu-back.png);
  }
}

@media only screen and (max-width: 520px) {
  .elm250_pricing {
    text-align: left;
    padding: 20px 0 17px;
    font-size: 30px;
    width: 100%;
    font-weight: 600;
  }
  .numberQnt input {
    width: calc(100% - 100px);
  }
  .elm250_qty {
    width: 100%;
  }
  .elm250_buybutton {
    width: 100%;
    padding: 0;
  }
  input.elm250buy {
    width: 100%;
  }
  a#emailColleague {
    width: 100%;
  }
  #detailTitle,
  .elm250_title {
    font-size: 25px;
  }
  .elm00250 {
    padding: 80px 8%;
  }
  #addedInner {
    width: 100%;
    padding: 0 8%;
  }
  #addedBasButtons {
    max-width: 270px;
    margin: 20px auto 0;
  }
}
/***DETAIL end***/

/***BASKET***/
.elm00009 {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  padding: 100px 8%;
}

.elm09Basket {
  max-width: 1200px;
  margin: 0 auto;
  display: block;
  float: none;
  padding: 0 10px;
}

.elm09BasketTable tr td:nth-of-type(2),
.elm09BasketTable tr td:nth-of-type(5) {
  display: none;
}

.elm09BasketTable td.elm09BasketTitle {
  font-size: 18px;
  font-weight: 300;
}

.elm09BasketTable tr td:last-of-type {
  text-align: right;
}

.elm09BasketTable td {
  width: 25%;
  padding: 13px 0;
  font-size: 16px;
}

.elm09BasketTable tr {
  border-top: 2px solid #050a27;
  border-left: 0;
  border-right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.elm09Desc a {
  color: #050a27;
  font-size: 16px;
}

input.elm09removeBtn {
  border-radius: 100%;
  width: 29px;
  height: 29px;
  display: flex;
  margin-left: auto;
  text-align: center;
  padding: 0;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #fff;
  border: 2px solid rgb(0 183 247);
  background: rgb(0 183 247);
  transition: 0.2s all;
}

input.elm09removeBtn:hover {
  background: rgb(0 183 247);
  border: 2px solid rgb(0 183 247);
}

input#startcheckout {
  background: rgb(0 183 247);
  padding: 13px 10px;
  line-height: 1;
  font-weight: 500;
  font-size: 16px;
  margin-top: 20px;
  transition: 0.2s all;
  border: 2px solid rgb(0 183 247);
  border-radius: 7px 0 7px 0;
  color: #fff;
  font-family: "nunito-sans", sans-serif;
  box-shadow: none;
  max-width: 100%;
  width: 205px;
}

input#startcheckout:hover {
  background: rgb(93 162 113);
  border: 2px solid rgb(93 162 113);
}

.elm09BasketTable tr td.elm09total {
  display: table-cell;
  background: none;
  font-weight: 500;
  font-size: 22px;
  padding-top: 20px;
}

input#backShopping {
  padding: 13px 10px;
  line-height: 1;
  font-weight: 500;
  font-size: 16px;
  margin-top: 20px;
  transition: 0.2s all;
  border-radius: 7px 0 7px 0;
  color: #fff;
  font-family: "nunito-sans", sans-serif;
  box-shadow: none;
  max-width: 100%;
  width: 205px;
  background: rgb(93 162 113);
  border: 2px solid rgb(93 162 113);
}

input#backShopping:hover {
  background: rgb(0 183 247);
  border: 2px solid rgb(0 183 247);
}

table.elm09Buttons.elm09ButtonContainer {
  width: 100%;
}

table.elm09Buttons.elm09ButtonContainer td {
  display: flex;
  width: 100%;
  gap: 30px;
  justify-content: space-between;
  padding-top: 30px;
}

.elm09h2 {
  font-size: 35px;
  font-weight: 300;
  padding-bottom: 5px;
}

select.elm09droplist {
  text-align-last: center;
  border: none;
  cursor: pointer;
}

.elm09BasketTable tr td.elm09total:last-of-type,
#updateBasket {
  display: none;
}

.elm09text {
  font-size: 15px;
}

.elm09TermsAndConditions {
  width: 50%;
  display: block ruby;
  font-weight: bold;
  margin: 0 auto;
}

.elm09mediaCode {
  display: none;
}

@media only screen and (max-width: 767px) {
  #elm250container {
    padding: 0;
  }
  #addedInner h3 {
    font-size: 28px;
  }
  #addedBasButtons {
    flex-direction: column;
  }
  .elm09BasketTable td[colspan="6"] {
    width: 100% !important;
  }

  .elm09TermsAndConditions {
    width: 100%;
    text-align: left;
  }
}

@media only screen and (max-width: 570px) {
  table.elm09Buttons.elm09ButtonContainer td {
    flex-direction: column;
    justify-content: center;
    gap: 15px;
  }
  input#startcheckout,
  input#backShopping {
    margin: 0 auto;
  }
  .elm09BasketTable tr td.elm09total {
    width: 50%;
  }
  .elm09h2 {
    font-size: 30px;
  }
  .elm09text {
    font-size: 14px;
  }
  .elm09BasketTable td.elm09BasketTitle {
    font-size: 14px;
    font-weight: 600;
  }
  .elm09Desc a {
    font-size: 13px;
  }
  .elm09BasketTable td {
    font-size: 13px;
  }
  .elm09BasketTable tr td.elm09total {
    font-size: 20px;
  }
  .elm09BasketTable td[colspan="6"] {
    width: 100% !important;
  }

  .elm09TermsAndConditions {
    width: 100%;
    text-align: left;
  }
}
/***BASKET end***/

/***LOGIN***/
.elm00110 {
  display: flex;
  width: 100%;
  padding: 100px 8%;
  justify-content: center;
}

.elm110container {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 40px;
}

form#elm110Login {
  width: 100%;
  max-width: 1000px;
  padding: 0 10px;
}

.elm110guestCont,
.elm110newRegCont,
.elm110Login {
  text-align: center;
  background: #fff;
  box-shadow: 0 2px 17px rgb(0 0 0 / 10%);
  padding: 30px;
  width: 50%;
  font-size: 15px;
}

.elm110login_btn,
.elm110register_btn a,
.elm110gbutt input {
  font-family: "nunito-sans", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  word-spacing: 0;
  color: #fff !important;
  background-color: #008fda;
  border-radius: 7px 0 7px 0;
  padding: 10px;
  max-width: 100%;
  width: 205px !important;
  display: block;
  text-align: center;
  transition: 0.2s all;
  border: none !important;
  margin: 20px auto 0;
}

.elm110login_btn:hover,
.elm110register_btn a:hover,
.elm110gbutt input:hover {
  text-decoration: none;
  background-color: #5da271;
}

.elm110guestCont,
.elm110regWrapper,
.elm110loginWrapper {
  display: flex;
  flex-direction: column;
}

.elm110title h1 {
  text-align: center;
  font-size: 31px;
}

p.elm110text1 {
  text-align: center;
  margin: 15px 0 40px;
  font-size: 17px;
}

.elm110subtitle h2 {
  font-size: 20px;
  margin: 0 0 20px;
}

.elm00110 input {
  width: 100%;
  outline: none;
  border-radius: 7px 0px 7px 0px;
  border: 2px solid #008fda;
  color: #050a27;
  height: auto;
}

.elm110regWrapper {
  height: 100%;
  justify-content: space-between;
}

.elm110newRegCont {
  display: flex;
  flex-direction: column;
}

.elm110guestWrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.elm110gbutt {
  margin-top: auto;
}

.elm00110 label {
  font-weight: 500;
  width: 100%;
  margin: 7px 0;
}

a.elm110question {
  color: #050a27;
  width: 100%;
  font-size: 14px;
  padding: 10px 0 0;
}

.bodyPAG00003 #MainL {
  background: url(../images/page/petalBackground.png);
  background-size: 100% auto;
  background-repeat: repeat;
  background-position: top;
}

@media only screen and (max-width: 1100px) {
  .elm110container {
    flex-wrap: wrap;
  }
  .elm110container {
    flex-wrap: wrap;
    justify-content: center;
  }
  .elm110guestCont,
  .elm110newRegCont,
  .elm110Login {
    width: calc(50% - 20px);
  }
}

@media only screen and (max-width: 767px) {
  form#elm110Login {
    padding: 0;
  }
}

@media only screen and (max-width: 700px) {
  .elm110guestCont,
  .elm110newRegCont,
  .elm110Login {
    width: 100%;
  }
}

@media only screen and (max-width: 500px) {
  .elm00110 {
    padding: 80px 8%;
  }
  .elm110title h1 {
    font-size: 27px;
  }
}
/***LOGIN end***/

/***REGISTER***/
h1.elm21h2 {
  text-align: center;
  font-size: 31px;
}

.elm00021 {
  display: flex;
  width: 100%;
  padding: 100px 8%;
  justify-content: center;
}

.elm21register {
  width: 100%;
  max-width: 1200px;
  padding: 0 10px;
}

.elm21text {
  text-align: center;
  margin: 15px 0 40px;
  font-size: 17px;
}

h3.elm21h3 {
  display: none;
}

.elm00021 input,
.elm00021 select {
  width: 100%;
  outline: none;
  border-radius: 7px 0px 7px 0px;
  border: 2px solid #008fda;
  color: #050a27;
  height: auto;
}

.elm00021 label {
  font-weight: 500;
  width: 100%;
  margin: 7px 0;
}

.elm21register {
  width: 100%;
  max-width: 660px;
  padding: 0 10px;
}

.elm00021 select {
  border-color: #5da271;
}

input#postcodeLookupBtn {
  width: 205px;
  margin: 15px 0 0;
  padding: 8px;
  background: #008fda;
  color: #fff;
  transition: 0.2s all;
}

input#postcodeLookupBtn:hover {
  background: #5da271;
  border-color: #5da271;
}

.elm21container5 {
  display: none;
}

.elm21buttons {
  text-align: right;
}

input.elm21next {
  width: 205px;
  margin: 15px 0 0;
  padding: 8px;
  background: #008fda;
  color: #fff;
  font-size: 16px;
  transition: 0.2s all;
}

input.elm21next:hover {
  background: #5da271;
  border-color: #5da271;
}

.bodyPAG00041 #MainL {
  background: url(../images/page/petalBackground.png);
  background-size: 100% auto;
  background-repeat: repeat;
  background-position: top;
}

@media only screen and (max-width: 767px) {
  .elm21register {
    padding: 0;
  }
}

@media only screen and (max-width: 500px) {
  .elm00021 {
    padding: 80px 8%;
  }
  h1.elm21h2 {
    font-size: 27px;
  }
}
/***REEGISTER end***/

/***FORGOT***/
.elm00038 {
  display: flex;
  width: 100%;
  padding: 100px 8%;
  justify-content: center;
}

.elm38h2 {
  text-align: center;
  font-size: 31px;
}

.elm38h3 {
  text-align: center;
  margin: 15px 0 40px;
  font-size: 17px;
}

.elm38Forgot {
  width: 100%;
  max-width: 390px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  background: #fff;
  box-shadow: 0 2px 17px rgb(0 0 0 / 15%);
}

.elm00038 input {
  width: 100%;
  outline: none;
  border-radius: 7px 0px 7px 0px;
  border: 2px solid #008fda;
  color: #050a27;
  height: auto;
}

.elm00038 input.next {
  width: 205px;
  margin: 15px 0 0;
  padding: 8px;
  background: #008fda;
  color: #fff;
  font-size: 16px;
  transition: 0.2s all;
}

.elm00038 input.next:hover {
  background: #5da271;
  border-color: #5da271;
}
/***FORGOT end***/

/***GUESTADD***/
h1.elm214title {
  text-align: center;
  font-size: 31px;
}

.elm00214 {
  display: flex;
  width: 100%;
  padding: 100px 8%;
  justify-content: center;
}

.elm214setup {
  width: 100%;
  max-width: 1200px;
  padding: 0 10px;
}

.elm00214 input,
.elm00214 select {
  width: 100%;
  outline: none;
  border-radius: 7px 0px 7px 0px;
  border: 2px solid #008fda;
  color: #050a27;
  height: auto;
}

.elm00214 label {
  font-weight: 500;
  width: 100%;
  margin: 7px 0;
}

form#guestcheckoutform {
  width: 100%;
  max-width: 660px;
  padding: 0;
  margin: 0 auto;
}

.elm00214 select {
  border-color: #5da271;
}

input#postcodeLookupBtn_1,
input#postcodeLookupBtn,
input.elm214Addvouch {
  width: 205px;
  margin: 15px 0 0;
  padding: 8px;
  background: #008fda;
  color: #fff;
  transition: 0.2s all;
}

input#postcodeLookupBtn_1:hover,
input#postcodeLookupBtn:hover,
input.elm214Addvouch:hover {
  background: #5da271;
  border-color: #5da271;
}

.elm21container5 {
  display: none;
}

.elm214buttondiv {
  text-align: right;
}

.elm214nextbutt input {
  width: 205px;
  margin: 15px 0 0;
  padding: 8px;
  background: #008fda;
  color: #fff;
  font-size: 16px;
  transition: 0.2s all;
}

.elm214nextbutt input:hover {
  background: #5da271;
  border-color: #5da271;
}

.bodyPAG00016 #MainL {
  background: url(../images/page/petalBackground.png);
  background-size: 100% auto;
  background-repeat: repeat;
  background-position: top;
}

.ui-accordion-content {
  display: block !important;
  height: auto !important;
}

.elm214cardDate .col-xs-6:first-of-type {
  padding-left: 0;
  padding-right: 10px;
}

.elm214cardDate .col-xs-6:last-of-type {
  padding-right: 0;
  padding-left: 10px;
}

.elm214field .col-xs-6 {
  padding-left: 0;
  padding-right: 10px;
}

input.elm214billAddMatch {
  display: none;
}

.elm00214 label.checkbox-inline {
  display: none !important;
}

.elm214Voucher {
  display: none !important;
}

.elm214h3 {
  display: none;
}

div#deliveryMethod {
  margin: 20px 0;
}

h3.ui-accordion-header {
  font-size: 20px;
  margin: 30px 0 10px;
  color: #050a27;
}

h3.ui-accordion-header a {
  color: #050a27;
}

.elm00214 label[for="address2"],
.elm00214 label[for="address3"] {
  display: none !important;
}

.addressList {
  width: 100%;
}

.addressList {
  width: 100%;
  font-family: "nunito-sans", sans-serif;
  color: #050a27;
  font-weight: 500;
  border: 2px solid #5da271;
  margin: 0 0 30px;
  border-radius: 7px 0 7px 0;
}

.addresses {
  padding: 15px;
  background: #fff;
}

.addresses.pcLookupEven {
  background: #f4f4f9;
}

.addresses.pcLookupOdd {
  background: #f9f9f9;
}

h3#elm214paymentAddress {
  display: none;
}

div#ui-accordion-elm214accordion-panel-3 {
  display: none !important;
}

.elm214cardDate {
  display: flex;
  width: 100%;
}

.elm00214 .form-group {
  margin-bottom: 15px;
  display: flex;
  width: 100%;
  flex-direction: column;
}

.elm214Summary {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  form#guestcheckoutform,
  .elm214setup {
    padding: 0;
  }
}
/***GUESTADD end***/

/***MYPROFILE***/
#myAccount {
  width: 100%;
  padding: 100px 8%;
}

.accountBox {
  background: #fff;
  box-shadow: 0 2px 17px rgba(0, 0, 0, 0.2);
  text-align: center;
  width: 33.333%;
  display: flex;
  flex-direction: column;
}

#accountInner {
  justify-content: space-between;
  gap: 30px;
  display: flex;
  max-width: 1200px;
  padding: 0 10px;
  margin: 0 auto;
}

.accountBox img {
  max-width: 100%;
  width: 100%;
}

.accountText h1 {
  font-size: 19px;
  margin: 0 0 10px;
}

.accountText {
  padding: 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.accountText a {
  margin: auto auto 0;
  background: rgb(0 183 247);
  padding: 13px 10px;
  line-height: 1;
  font-weight: 500;
  font-size: 16px;
  transition: 0.2s all;
  border: 2px solid rgb(0 183 247);
  border-radius: 7px 0 7px 0;
  color: #fff;
  font-family: "nunito-sans", sans-serif;
  box-shadow: none;
  max-width: 100%;
  width: 205px;
}

.accountText a:hover {
  background: rgb(93 162 113);
  border: 2px solid rgb(93 162 113);
  text-decoration: none;
}

.accountText p {
  margin-bottom: 20px;
  font-size: 16px;
}

#globalHead {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 175px 8%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/page/corp-incentives-hero.jpg);
  position: relative;
}

#globalHead.accountHead {
  background-position: top;
}

#globalHead h1 {
  width: 100%;
  text-align: center;
  max-width: 1200px;
  padding: 0 10px;
  font-size: 42px;
  font-weight: 600;
  line-height: 45px;
  text-shadow: 0px 0px 13px #000000;
  color: #fff;
  position: relative;
}

#globOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 30%);
}

@media only screen and (max-width: 1024px) {
  #globalHead h1 {
    font-size: 35px;
  }
  #globalHead {
    padding: 120px 8%;
  }
  #accountInner {
    gap: 25px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .accountBox {
    width: calc(50% - 13px);
  }
}

@media only screen and (max-width: 767px) {
  #globalHead h1 {
    font-size: 25px;
    padding: 0;
  }
  #globalHead {
    padding: 80px 8%;
  }
  #accountInner {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 40px;
  }
  .accountBox {
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
  }
}
/***MYPROFILE end***/

/***ORDERCONF***/
#wrapFor294 {
  padding: 100px 8%;
  display: flex;
  flex-direction: column;
}

.elm00294 {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: 0 10px;
  font-size: 16px;
}

.elm294createAcc,
.elm294image,
#elm294orderDet,
#elm294print {
  display: none;
}

.elm294_thanks {
  padding: 0 0 18px;
}

p#emailConfInfo {
  margin: 0 0 18px;
}

.elm294ordNo span {
  padding-left: 6px;
  font-weight: 600;
  font-size: 20px;
}

.elm294continue a {
  margin-top: 60px;
  width: 100%;
  background: #008fda;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.05em;
  padding: 10px 0;
  transition: 0.3s all;
  border: 2px solid #008fda;
  max-width: 220px;
  display: block;
  text-align: center;
  border-radius: 7px 0 7px 0;
}

.elm294continue a:hover {
  text-decoration: none;
  background: #5da271;
  border: 2px solid #5da271;
}

p.elm32text {
  font-size: 42px;
}

h1.elm294_title {
  display: none;
}

@media only screen and (max-width: 1024px) {
  p.elm32text {
    font-size: 35px;
  }
}

@media only screen and (max-width: 767px) {
  p.elm32text {
    font-size: 25px;
    padding: 0;
  }
}
/***ORDERCONF end***/

/***INDEX***/
#mainContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.main_sec {
  width: 100%;
  padding: 100px 8%;
  display: flex;
  background-color: #f4f4f9;
}

.main_sec_inner {
  display: flex;
  width: 100%;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
  align-items: center;
}

.main_sec_left,
.main_sec_right {
  width: 50%;
}

.main_sec_left img,
.main_sec_right img {
  width: 100%;
  max-width: 100%;
}

.main_sec_left {
  padding: 0 100px 0 0;
}

.main_sec_right {
  padding: 0 0 0 10px;
}

.main_sec_left h2 {
  border-left: 4px solid #008fda;
  padding: 0 0 0 26px;
  font-size: 45px;
  font-weight: 200;
  margin-bottom: 20px;
}

.main_sec_left p {
  font-size: 18px;
  padding: 0 0 0 30px;
  font-weight: 300;
  margin-bottom: 20px;
}

.main_sec_left a {
  margin: 0 0 0 30px;
  font-family: "nunito-sans", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 0;
  word-spacing: 0;
  color: #fff;
  background-color: #008fda;
  border-radius: 7px 0 7px 0;
  padding: 10px 20px;
  max-width: 100%;
  width: auto;
  display: inline-block;
  text-align: center;
  transition: 0.2s all;
}

.main_sec_left a:hover {
  text-decoration: none;
  background-color: #5da271;
}

.main_sec.main_sec_odd {
  background-image: url(../images/page/section-back-illustration.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

#index_cats {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 70px 8%;
  background-color: #f4f4f9;
  box-shadow: 0 0 20px rgb(0 0 0 / 18%);
  z-index: 1;
}

#index_cats_inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
}

a.index_cat {
  width: 15%;
  text-align: center;
  padding: 15px;
  font-size: 16px;
  background: #008fda;
  color: #fff;
  border-radius: 10px 0 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  transition: 0.2s all;
}

a.index_cat:hover {
  text-decoration: none;
  transform: scale(1.06);
}

a.index_cat h5 {
  line-height: 1;
}

a.index_cat img {
  max-height: 43px;
  width: auto;
  max-width: 50px;
}

a.index_cat:nth-of-type(2),
a.index_cat:nth-of-type(5) {
  background-color: #5da271;
}

a.index_cat:nth-of-type(3),
a.index_cat:nth-of-type(6) {
  background-color: #a98aa4;
}

#indexHero {
    width: 100%;
    padding: 130px 8%;
    background-image: url(../images/page/christmas_her_back.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
}

#indexHero h1 {
    font-size: 50px;
    max-width: 508px;
    font-weight: 900;
    margin: 15px 0;
    color: #fff;
}

#indexHeroInner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
}

#indexHero h5 {
    font-size: 23px;
    color: #fff;
}

#indexHero p {
    font-size: 1.33em;
    max-width: 565px;
    margin: 0;
    color: #fff;
}

#indexHero_buttons {
  display: flex;
  gap: 15px;
}

#indexHeroInner a {
  font-family: "nunito-sans", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 0;
  word-spacing: 0;
  color: #fff;
  background-color: #008fda;
  border-radius: 7px 0 7px 0;
  padding: 10px 10px 8px;
  max-width: 100%;
  width: 152px;
  display: block;
  text-align: center;
  transition: 0.2s all;
  margin: 18px 0 0;
}

#indexHeroInner a:hover {
  text-decoration: none;
  background: #5da271;
}

#indexHeroInner a.hero_but_2 {
  background: #5da271;
}

#indexHeroInner a.hero_but_2:hover {
  background: #008fda;
}

.home_prods_section {
  width: 100%;
  padding: 100px 8%;
  display: inline-block;
}

/*.home_products_wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10px;
    display: grid;
    grid-template-columns: calc(25% - 22.5px) 
                           calc(25% - 22.5px) 
                           calc(25% - 22.5px) 
                           calc(25% - 22.5px);
    gap: 30px;
}*/

img.home_prod_img {
  max-width: 100%;
  width: 100%;
}

.proddets {
  padding: 20px;
  text-align: center;
}

.proddesc {
  font-size: 16px;
  margin: 0;
  max-height: 46px;
  overflow: hidden;
}

.proddets hr {
  border: none;
  border-bottom: 3px solid #008fda;
  width: 40px;
  margin: 13px auto 15px;
}

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

a.home_link {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 0;
  word-spacing: 0;
  color: #fff;
  background-color: #008fda;
  border-radius: 7px 0 7px 0;
  padding: 10px 22px 8px;
  max-width: 100%;
  width: auto;
  display: inline-block;
  text-align: center;
  transition: 0.2s all;
}

a.home_link:hover {
  text-decoration: none;
  background: #5da271;
}

.home_prods_title {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 35px;
  padding: 0 10px;
  font-size: 18px;
  text-align: center;
  font-weight: 300;
}

.home_prods_title h2 {
  font-size: 35px;
  font-weight: 200;
  margin: 0 0 5px;
}

.home_prods_even {
  background-color: #fff;
  background-image: url(../images/page/section-back-illustration.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.home_prods_odd {
  background-color: #f4f4f9;
}

.home_cat_link_wrap {
  text-align: center;
  max-width: 1200px;
  margin: 45px auto 0;
}

a.home_cat_link {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    word-spacing: 0;
    color: #050a27;
    background-color: #fff;
    border-radius: 7px 0 7px 0;
    padding: 11px 20px 9px;
    max-width: 100%;
    width: auto;
    display: inline-block;
    text-align: center;
    transition: 0.2s all;
}

a.home_cat_link:hover {
  text-decoration: none;
  background: #5da271;
  color: #fff;
}

.home_product {
  width: calc(25% - 10px);
  height: calc(100%);
  background: #fff;
  margin: 0 5px;
  counter-increment: carousel-cell;
  box-shadow: none;
  border: 10px solid #e4e4e7;
  border-radius: 10px 0 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.home_product.is-selected {
  border-color: #008fda;
}

.home_products_wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

.flickity-viewport {
  height: 472px !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  border-radius: 30px 0 30px 0;
}

.flickity-button:disabled {
  pointer-events: all !important;
}

.home_prods_title hr {
  border: none;
  border-bottom: 3px solid #008fda;
  width: 60px;
  margin: 13px auto 15px;
}

#home_onecode_banner {
  display: inline-block;
  width: 100%;
  padding: 100px calc(8% + 10px);
  text-align: center;
  background-color: #fff;
  background-image: url(../images/page/section-back-illustration.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

#home_onecode_banner {
  display: none;
}

#one_banner_inner {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

#one_banner_inner img {
  width: 100%;
}

#one_banner_content {
  color: #fff;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#one_banner_content a {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  word-spacing: 0;
  color: #2d3e48;
  background-color: #fcdded;
  border-radius: 7px 0 7px 0;
  padding: 11px 20px 9px;
  max-width: 100%;
  width: auto;
  display: inline-block;
  text-align: center;
  transition: 0.2s all;
}

#one_banner_content a:hover {
  background: #fff;
  text-decoration: none;
}

#one_banner_content h3 {
  font-size: 27px;
  text-shadow: 0 1px 10px rgb(0 0 0 / 90%);
  font-weight: 200;
  margin: 0 0 13px;
}

#one_banner_content p {
  font-size: 18px;
  font-weight: 300;
  max-width: 370px;
  margin: 0 auto 26px;
  text-shadow: 0 1px 10px rgb(0 0 0 / 100%);
}

#mob_ban {
  display: none;
}

.flickity-button {
  background: #008fda !important;
  transition: 0.2s all;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.flickity-button:hover {
  background: rgb(93 162 113 / 100%) !important;
}

.flickity-button-icon {
  fill: #fff !important;
}

#homeOverlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 67%);
}

.flickity-prev-next-button.previous {
  left: -22px !important;
}

.flickity-prev-next-button.next {
  right: -22px !important;
}

#in_her_buts {
    display: flex !important;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 10px 0;
    gap: 15px;
}

img#chris_man {
    position: absolute;
    height: 94%;
    bottom: 0;
    right: 8%;
    transform: scaleX(-1);
}

@media only screen and (max-width: 1500px) {
  img#chris_man {
    height: 90%;
    right: 3%;
  }
}

@media only screen and (max-width: 1300px) {
  .home_product {
    width: 250px;
  }
  .flickity-viewport {
    height: 450px !important;
  }
  #indexHero {
    padding: 100px 8%;
  }
  img#chris_man {
    height: 85%;
    right: 2%;
  }
}

@media only screen and (max-width: 1250px) {
  #one_banner_content h3 {
    font-size: 23px;
    font-weight: 300;
  }
  #one_banner_content p {
    font-size: 17px;
    max-width: 350px;
    margin: 0 auto 25px;
  }
  #one_banner_content {
    top: 62%;
  }
}

@media only screen and (max-width: 1200px) {
  #indexHero {
    padding: 85px 8%;
  }
  #indexHero h1 {
    font-size: 38px;
    max-width: 371px;
  }
  #indexHero p {
    font-size: 1.1em;
    max-width: 419px;
  }
} 

@media only screen and (max-width: 1100px) {
  a.index_cat {
    padding: 13px;
    font-size: 15px;
    gap: 11px;
    width: 18%;
  }
  a.index_cat img {
    max-height: 39px;
    max-width: 36px;
  }
  #indexHero h1 {
    font-size: 35px;
    max-width: 400px;
  }
}

@media only screen and (max-width: 1000px) {
  #indexHero p {
    max-width: 364px;
  }
}

@media only screen and (max-width: 920px) {
  .home_product {
    width: 225px;
  }
  .proddets {
    padding: 17px;
  }
  .proddesc {
    font-size: 14px;
    max-height: 40px;
  }
  .proddets hr {
    border-bottom: 2px solid #008fda;
    margin: 8px auto 12px;
  }
  .prodprice {
    font-size: 17px;
    margin: 0 0 5px;
  }
  a.home_link {
    font-size: 13px;
    padding: 9px 20px 5px;
  }
  .flickity-viewport {
    height: 385px !important;
  }
  .home_prods_title h2 {
    font-size: 32px;
  }
  #mob_ban {
    display: block;
  }
  #desk_ban {
    display: none;
  }
  #one_banner_content {
    top: 56%;
    width: 255px;
  }
  #one_banner_content h3 {
    font-size: 22px;
  }
  #index_cats_inner {
    flex-wrap: wrap;
    gap: 20px 2%;
  }
  a.index_cat {
    width: 40%;
    padding: 2rem;
  }
  .flickity-prev-next-button {
    width: 36px;
    height: 36px;
  }
  #indexHero p {
    margin: 0;
  }
  #indexHero {
    padding: 60px 8%;
  }
}

@media only screen and (max-width: 850px) {
  img#chris_man {
    right: 8%;
    height: 86%;
  }
  #indexHero {
    padding: 100px 8%;
  }
  img#chris_man {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  #home_onecode_banner {
    padding: 80px 8%;
  }
  #index_cats_inner,
  #indexHeroInner {
    padding: 0;
  }
  #indexHero h1 {
    font-size: 32px;
    max-width: 330px;
  }
  #in_her_buts {
    padding: 20px 0 0;
  }
  #indexHero {
    padding: 85px 8%;
    background-position: 44% center;
  }
}

@media only screen and (max-width: 700px) {
  #indexHero {
    padding: 90px 8%;
    background-position: 54% center;
  }
  #indexHero h1 {
    font-size: 2em;
    max-width: 285px;
  }
  #indexHero h5 {
    font-size: 1.375em;
  }
}

@media only screen and (max-width: 640px) {
  #indexHero h1 {
    font-size: 1.8em;
    max-width: 285px;
    margin: 10px 0;
  }
  #indexHeroInner a {
    font-size: 15px;
    width: 140px;
  }
  #indexHero {
    padding: 70px 8%;
    background-position: 53% center;
  }
  #indexHeroInner a {
    font-size: 14px;
    width: auto;
    padding: 10px 15px 8px;
  }
  img#chris_man {
    display: none;
  }
}

@media only screen and (max-width: 600px) {
  #one_banner_content {
    top: 59%;
    width: 180px;
  }
  #one_banner_content a {
    font-size: 14px;
    padding: 11px 15px 9px;
  }
  #one_banner_content p {
    font-size: 16px;
    margin: 0 auto 13px;
  }
  #one_banner_content h3 {
    font-size: 21px;
    margin: 0 auto 10px;
  }
}

@media only screen and (max-width: 560px) {
  #indexHero h5 {
    font-size: 1.25em;
  }
  #indexHero h1 {
    font-size: 1.6875em;
    max-width: 240px;
  }
  #indexHero {
    padding: 60px 8%;
    background-position: 54% center;
  }
}

@media only screen and (max-width: 500px) {
  #one_banner_content h3 {
    font-size: 23px;
    text-shadow: 0 1px 4px rgb(0 0 0);
    margin: 0 auto 20px;
  }
  #one_banner_content {
    top: 60%;
    width: 155px;
  }
  #one_banner_content p {
    display: none;
  }
  .flickity-prev-next-button.next {
    right: -18px !important;
    width: 35px;
    height: 35px;
  }
  .flickity-prev-next-button.previous {
    left: -18px !important;
    width: 35px;
    height: 35px;
  }
  #indexHero {
    padding: 45px 8%;
    background-position: 57% center;
  }
}

@media only screen and (max-width: 480px) {
  a.index_cat {
    width: 90%;
  }
}

@media only screen and (max-width: 440px) {
  #indexHero {
    padding: 40px 8%;
    background-position: 58% center;
  }
}

@media only screen and (max-width: 400px) {
  #indexHero {
    background-position: 57% center;
  }
}

@media only screen and (max-width: 380px) {
  #indexHero {
    padding: 40px 8%;
    background-position: 62% center;
  }
}
/***INDEX end**/

/***ADDRESS DETAIL***/
.elm35h2 h1 {
  text-align: center;
  font-size: 31px;
}

.elm00035 {
  display: flex;
  width: 100%;
  padding: 100px 8%;
  justify-content: center;
}

.elm35AddressDetails {
  width: 100%;
  max-width: 1200px;
  padding: 0 10px;
}

.elm00035 input,
.elm00035 select {
  width: 100%;
  outline: none;
  border-radius: 7px 0px 7px 0px;
  border: 2px solid #008fda;
  color: #050a27;
  height: auto;
}

.elm00035 label {
  font-weight: 500;
  width: 100%;
  margin: 7px 0;
}

.elm35maindetails form {
  width: 100%;
  max-width: 660px;
  padding: 0;
  margin: 0 auto;
}

.elm00035 select {
  border-color: #5da271;
}

.elm35maindetails h3 {
  font-size: 22px;
}

.elm00035 .form-group {
  margin-bottom: 15px;
  display: flex;
  width: 100%;
  flex-direction: column;
}

input.elm35next {
  width: 205px;
  margin: 20px 0 0;
  padding: 8px;
  background: #008fda;
  color: #fff;
  font-size: 16px;
  transition: 0.2s all;
  float: right;
}

input.elm35next:hover {
  background: #5da271;
  border-color: #5da271;
}

.bodyPAG00021 #MainL {
  background: url(../images/page/petalBackground.png);
  background-size: 100% auto;
  background-repeat: repeat;
  background-position: top;
}

input.elm35_prev {
  width: 205px;
  margin: 20px 0 0;
  padding: 8px;
  background: #5da271;
  color: #fff;
  border: 2px solid #5da271;
  font-size: 16px;
  transition: 0.2s all;
  float: left;
}

input.elm35_prev:hover {
  background: #008fda;
  border-color: #008fda;
}

@media only screen and (max-width: 767px) {
  .elm35AddressDetails {
    padding: 0;
  }
  .elm35h2 h1 {
    font-size: 28px;
    margin: 0 0 20px;
  }
}
/***ADDRESS DETAIL end***/

/***DELMETH***/
.bodyPAG00010 #MainL {
  background: url(../images/page/petalBackground.png);
  background-size: 100% auto;
  background-repeat: repeat;
  background-position: top;
}

.elm00013 {
  padding: 135px 8%;
  display: inline-block;
  width: 100%;
  position: relative;
}

.elm13Table {
  width: 695px;
  margin: 0 auto 30px;
}

.elm13text {
  display: none;
}

.elm13Table tr:first-of-type {
  width: 100%;
  font-size: 16px;
  text-align: left;
}

.elm13Title {
  width: 50%;
  padding-bottom: 20px;
  padding-top: 45px;
}

.elm13Table tr td {
  padding: 10px 0;
}

.elm13radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.elm13radio input {
  position: absolute;
  opacity: 1;
  z-index: 1;
  left: 6px;
  top: 10px;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 7px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

.elm13radio:hover input ~ .checkmark {
  background-color: #ccc;
}

.elm13radio input:checked ~ .checkmark {
  background-color: #84bd00;
  transition: all 0.6s 0.1s;
}

.elm13radio:after {
  content: "";
  position: absolute;
  display: none;
}

.elm13radio input:checked ~ .checkmark:after {
  display: block;
}

.elm13radio .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.COM00028 .checkmark {
  display: none;
}

.elm13DeliveryMethod label {
  font-family: "nunito-sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
}

p.elm32text {
  text-align: left;
}

.elm13DeliveryMethod {
  color: #050a27;
  max-width: 1200px;
  padding: 0 10px;
  margin: 30px auto 0;
  float: none;
}

.elm13Table tr td {
  font-size: 16px;
}

.elm13DeliveryMethod label {
  font-family: "nunito-sans", sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.elm13radio input {
  width: 25px;
  height: 25px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.elm13Table tr td.elm13radio {
  margin: 0;
  height: 35px;
  padding: 0;
  width: 50px;
}

td.elm13Title {
  text-align: left;
}

.elm13Table tr td.elm13Title {
  font-weight: 400;
  font-size: 17px;
}

input.elm13next {
  outline: none;
  border-radius: 7px 0px 7px 0px;
  height: auto;
  width: 205px;
  margin: 20px 0 0;
  padding: 8px;
  background: #008fda;
  color: #fff;
  font-size: 16px;
  transition: 0.2s all;
  float: right;
  border: 2px solid #008fda;
}

input.elm13next:hover {
  background: #5da271;
  border-color: #5da271;
}

.bodyPAG00021 #MainL {
  background: url(../images/page/petalBackground.png);
  background-size: 100% auto;
  background-repeat: repeat;
  background-position: top;
}

a.elm13previous {
  outline: none;
  border-radius: 7px 0px 7px 0px;
  height: auto;
  width: 205px;
  margin: 20px 0 0;
  padding: 8px;
  background: #5da271;
  color: #fff;
  border: 2px solid #5da271;
  font-size: 16px;
  transition: 0.2s all;
  float: left;
  text-align: center;
}

a.elm13previous:hover {
  background: #008fda;
  border-color: #008fda;
  text-decoration: none;
}

@media only screen and (max-width: 954px) {
  .elm13Table {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .elm13DeliveryMethod {
    padding: 0;
  }
}

@media only screen and (max-width: 550px) {
  input.elm13next,
  a.elm13previous {
    width: 46%;
  }
}
/***DELMETH end***/

/***GIFT MESSAGE***/
.bodyPAG00011 #MainL {
  background: url(../images/page/petalBackground.png);
  background-size: 100% auto;
  background-repeat: repeat;
  background-position: top;
}

.elm00014 {
  padding: 100px 8%;
  display: inline-block;
  width: 100%;
  position: relative;
}

.elm14DeliveryInstruction {
  max-width: 1200px;
  padding: 0 10px;
}

p.elm14text {
  display: none;
}

.elm14giftMessageCont {
  width: 100%;
  border: none;
  background: none !important;
  padding: 0;
  margin: 0;
}

.elm14textarea {
  padding: 15px;
  border: 18px solid #e7e7e7;
  border-radius: 30px 0 30px 0;
  font-size: 16px;
}

.elm14textarea:focus-visible {
  outline: none;
}

form#elm14form {
  display: inline-block;
  width: 100%;
  margin: 30px 0 0;
}

.elm14giftMessageCont {
  background: none !important;
  margin: 0 0 30px;
}

input.elm14next {
  outline: none;
  border-radius: 7px 0px 7px 0px;
  height: auto;
  width: 205px;
  margin: 20px 0 0;
  padding: 8px;
  background: #008fda;
  color: #fff;
  font-size: 16px;
  transition: 0.2s all;
  float: right;
  border: 2px solid #008fda;
}

input.elm14next:hover {
  background: #5da271;
  border-color: #5da271;
}

a.elm14previous {
  outline: none;
  border-radius: 7px 0px 7px 0px;
  height: auto;
  width: 205px;
  margin: 20px 0 0;
  padding: 8px;
  background: #5da271;
  color: #fff;
  border: 2px solid #5da271;
  font-size: 16px;
  transition: 0.2s all;
  float: left;
  text-align: center;
}

a.elm14previous:hover {
  background: #008fda;
  border-color: #008fda;
  text-decoration: none;
}
/***GIFT MESSAGE end***/

/***PAYMENT***/
.bodyPAG00014 #MainL {
  background: url(../images/page/petalBackground.png);
  background-size: 100% auto;
  background-repeat: repeat;
  background-position: top;
}

.elm00198 {
  padding: 100px 8%;
  display: inline-block;
  width: 100%;
  position: relative;
}

.elm198 h1 {
  font-family: "nunito-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 5px;
  text-align: center;
  font-size: 31px;
}

.elm198 {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 10px;
}

#elm198creditContainer,
#elm198billAddContainer,
.elm198maindetails,
#elm198gcardcontainer {
  width: 100%;
  padding: 0;
  float: none;
  max-width: 600px;
}

.elm35AddressDetails {
  position: relative;
  text-align: left;
  display: inline-block;
  width: 100%;
}

.elm198Showcreditdiv .pull-left {
  padding-left: 5px;
}

#elm198creditContainer label,
#elm198billAddContainer label,
.elm198maindetails label,
#elm198gcardcontainer label {
  width: 100%;
  margin: 15px 0 0;
  padding: 0;
  float: left;
}

#elm198creditContainer select,
#elm198billAddContainer select,
.elm198maindetails select,
#elm198gcardcontainer select {
  width: 100%;
}

#elm198creditContainer input,
#elm198billAddContainer input,
.elm198maindetails input,
#elm198gcardcontainer input {
  width: 100%;
}

input#ADD2,
input#ADD3 {
  margin-top: 0;
}

h2.elm198title {
  width: 100%;
  display: inline-block;
  text-align: left;
  margin-top: 35px;
  font-size: 22px;
  font-family: "nunito-sans", sans-serif;
}

.elm198pobuttons label {
  display: none !important;
}

.elm198po {
  width: 100%;
}

.elm198pobuttons {
  width: 50%;
  float: right;
}

.elm198poback label {
  display: none !important;
}

.elm198Showcreditdiv {
  display: none;
}

.elm00198 input,
.elm00198 select {
  width: 100%;
  outline: none;
  border-radius: 7px 0px 7px 0px;
  border: 2px solid #008fda;
  color: #050a27;
  height: auto;
  padding: 8px;
}

.elm00198 label {
  font-weight: 500;
  width: 100%;
  margin: 7px 0;
}

.elm00198 select {
  border-color: #5da271;
}

.elm198pobuttons input {
  outline: none;
  border-radius: 7px 0px 7px 0px;
  height: auto;
  width: 205px;
  margin: 30px 0 0;
  padding: 8px;
  background: #008fda;
  color: #fff;
  font-size: 16px;
  transition: 0.2s all;
  float: right !important;
  border: 2px solid #008fda;
}

.elm198pobuttons input:hover {
  background: #5da271;
  border-color: #5da271;
}

.elm198pobackbtn a {
  outline: none;
  border-radius: 7px 0px 7px 0px;
  height: auto;
  width: 205px;
  margin: 30px 0 0;
  padding: 8px;
  background: #5da271;
  color: #fff;
  border: 2px solid #5da271;
  font-size: 16px;
  transition: 0.2s all;
  float: left;
  text-align: center;
}

.elm198pobackbtn a:hover {
  background: #008fda;
  border-color: #008fda;
  text-decoration: none;
}

.elm198poback {
  width: 50%;
  clear: none;
}

input.elm198vcbtn,
#elm198billAddContainer input#postcodeLookupBtn {
  width: 100%;
  max-width: 200px;
  text-align: center;
  background: #008fda;
  border: 2px solid #008fda;
  margin: 15px 0 0;
  color: #fff;
}

input.elm198vcbtn:hover,
#elm198billAddContainer input#postcodeLookupBtn:hover {
  background: #5da271;
  border: 2px solid #5da271;
}

@media only screen and (max-width: 767px) {
  .elm198 {
    padding: 0;
  }
  h2.elm198title {
    font-size: 25px;
    margin: 25px 0 0;
  }
}

@media only screen and (max-width: 550px) {
  .elm198po #continueBtn,
  .elm198pobackbtn {
    width: 96%;
  }
  .elm198pobackbtn a {
    width: 100%;
  }
}
/***PAYMENT end***/

/***ORDER SUMMARY***/
.bodyPAG00013 #MainL {
  background: url(../images/page/petalBackground.png);
  background-size: 100% auto;
  background-repeat: repeat;
  background-position: top;
}

.elm00255 {
  padding: 100px 8%;
  display: inline-block;
  width: 100%;
  position: relative;
}

.elm00255 .titleContainer h1 {
  color: #009fdf;
  text-transform: uppercase;
  font-family: "nunito-sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  margin-bottom: 10px;
  text-align: left;
}

.elm255container {
  border: none;
  text-align: left;
  font-size: 14px;
  color: #050a27;
}

.elm255 {
  max-width: 1200px;
  padding: 0 10px;
  margin: 0 auto;
}

.elm255GiftMessageContainer {
  display: inline-block;
  width: 100%;
}

.elm255sumorder,
.elm255BasketSection,
.elm255DelMethSection,
.elm255delLeft,
.elm255delRight,
.elm255GiftMessageContainer,
.elm255Delcontainer,
.elm255Billcontainer,
.elm255paycontainer,
.elm255AddQuestionSect {
  display: inline-block;
  width: 100%;
  border-top: 1px solid #00a8ec;
}

.elm255AddQuestList {
  display: inline-block;
  width: 100%;
  padding: 20px 0 60px;
}

.elm255Question {
  font-size: 16px;
  margin-bottom: 10px;
}

.elm255Response select,
.elm255Response input {
  margin-bottom: 30px;
  border: 1px solid #00a8ec;
  padding: 9px;
  width: 400px;
}

.elm255title {
  color: #050a27;
  font-family: "nunito-sans", sans-serif;
  font-weight: 700;
  background: none;
}

.elm255title h3 {
  font-weight: normal !important;
  padding: 20px 0 30px;
  font-size: 25px;
}

.elm255sumdetail {
  float: left;
  width: 100%;
  margin: 0;
  border: none;
  padding: 10px 0;
}

.elm255paySumWrap div,
.elm255TopValueWrap div {
  margin-right: 0;
}

.elm255topnextstage {
  width: 100%;
  margin: 0 0 40px 0;
  position: relative;
}

.elm255sumdetail hr {
  margin: 21px 0 !important;
}

.elm255ProductSection {
  padding: 10px 0;
}

.elm255DelMethSection {
  border-top: none;
}

.elm255ProductDetail {
  border-bottom: none;
  padding: 20px 0;
}

.elm255image {
  margin: 0;
  width: 125px;
  height: auto;
  margin-right: 30px;
}

.elm255image img {
  width: 100%;
  height: auto;
  border: 4px solid #f2f2f2;
}

.elm255DescWrapper {
  width: 80%;
}

.elm255DescWrapper div {
  width: 100%;
}

.elm255pno {
  float: left;
  padding-right: 5px;
}

.elm255prodlink {
  display: none;
}

.elm255Qty {
  float: left;
  width: 100%;
  clear: left;
  margin: 25px 0 0;
}

.elm255Price {
  float: left;
  width: 100%;
  margin: 20px 0;
}

.elm255delmeth {
  padding: 20px 0 50px;
}

.elm255delmeth span {
  margin-left: 0;
  font-weight: normal;
}

.elm255delCharge {
  width: 100%;
  display: inline-block;
}

.elm255delmeth a,
.elm255conlink,
.elm255dellink,
.elm255billlink {
  display: none !important;
}

.elm255contactWrap {
  padding: 20px 0 50px;
}

.elm255Amt {
  float: left;
  margin: 15px 0 0 0;
}

.elm255Pay {
  padding: 20px 0 40px 0;
  border-bottom: 1px solid #00a8ec;
}

.elm255gm {
  display: inline-block;
  width: 100%;
  padding: 10px 0 50px 0;
}

.elm255deladd {
  padding: 20px 0 50px 0;
  display: inline-block;
  width: 100%;
}

.elm255Billcontainer {
  border-left: none;
}

.elm255BillAdd {
  padding: 20px 0 50px 0;
  margin: auto;
  display: inline-block;
  width: 100%;
}

.elm255Pay {
  padding: 20px 0 40px 0;
}

.elm255nextstage .elm255next {
  font-family: "nunito-sans", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 0;
  word-spacing: 0;
  color: #fff;
  background-color: #008fda;
  border-radius: 7px 0 7px 0;
  padding: 10px;
  max-width: 100%;
  width: 152px;
  display: block;
  text-align: center;
  transition: 0.2s all;
  float: right;
}

.elm255nextstage .elm255next:hover {
  background-color: #5da271;
}

.elm255BottomWrapper {
  color: rgb(255, 255, 255);
}

p.elm255nextstage {
  width: 100%;
  display: inline-block;
}

.elm255MaskAmtWrap {
  margin: 0;
}

.elm255loading {
  color: #009fdf;
  font-size: 16px;
  padding: 10px;
}

.elm255AddQuestList .elm255QuestionData:last-of-type {
  display: none;
}

.elm255delLeft,
.elm255Delcontainer,
.elm255Billcontainer {
  border-right: none;
}

.elm255payImage-1 {
  display: none;
}

.elm255MaskAmtWrap div {
  width: 100%;
  margin: 0 0 10px;
}

.elm255ProductSection,
.elm255ProductDetail,
.elm255DelMethSection {
  background: none;
}

.elm255BottomWrapper .elm255prenextStage {
  display: none;
}

.elm255BottomWrapper {
  margin: 70px 0 0;
}

p.elm255prenextStage {
  margin-bottom: 25px;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .elm255 {
    padding: 0;
  }
}

@media only screen and (max-width: 560px) {
  .elm255Response select,
  .elm255Response input {
    width: 100%;
  }
}

@media screen and (max-width: 550px) {
  .elm199table tr {
    font-size: 14px;
  }
}

@media only screen and (max-width: 530px) {
  .elm255next {
    width: 100% !important;
  }
}

@media only screen and (max-width: 360px) {
  .elm255image {
    width: 40%;
  }

  .elm255DescWrapper {
    width: 60%;
  }
}

.elm255StockStatus {
  display: none;
}

.elm255TopValueWrap p {
  margin-top: 1rem;
}

.elm255BottomWrapper span:first-of-type {
  display: none;
}

/***ORDER SUM end***/

/***PERSONAL DETAIL***/
.elm00032 {
  padding: 70px 8% 100px;
  display: flex;
}

.elm32personalDetails {
  max-width: 660px;
  margin: 0 auto;
  padding: 0 10px;
  width: 100%;
}

.elm00032 h3 {
  font-size: 20px;
  margin: 35px 0 5px;
}

.elm32h2,
p.elm32text,
.elm32marketingCont {
  display: none;
}

.elm00032 input,
.elm00032 select {
  width: 100%;
  outline: none;
  border-radius: 7px 0px 7px 0px;
  border: 2px solid #008fda;
  color: #050a27;
  height: auto;
  padding: 8px;
}

.elm00032 select {
  border-color: #5da271;
}

.elm00032 label {
  font-weight: 500;
  width: 100%;
  margin: 7px 0;
}

input.elm32next {
  width: 205px;
  margin: 20px 0 0;
  padding: 8px;
  background: #008fda;
  color: #fff;
  font-size: 16px;
  transition: 0.2s all;
  float: right;
}

input.elm32next:hover {
  background: #5da271;
  border-color: #5da271;
}

@media only screen and (max-width: 767px) {
  .elm32personalDetails {
    padding: 0;
  }
}
/***PERSONAL DETAIL end***/

/***CHANGE PASSWORD***/
.elm33h2,
a.elm33next {
  display: none;
}

.elm00033 {
  padding: 100px 8% 100px;
  display: flex;
  justify-content: center;
}

.elm33Password {
  max-width: 660px;
  margin: 0 auto;
  padding: 0 10px;
  width: 100%;
}

.elm00033 input {
  width: 100%;
  outline: none;
  border-radius: 7px 0px 7px 0px;
  border: 2px solid #008fda;
  color: #050a27;
  height: auto;
  padding: 8px;
}

.elm00033 label {
  font-weight: 500;
  width: 100%;
  margin: 7px 0;
}

input.elm33next {
  width: 205px;
  margin: 20px 0 0;
  padding: 8px;
  background: #008fda;
  color: #fff;
  font-size: 16px;
  transition: 0.2s all;
  float: right;
}

input.elm33next:hover {
  background: #5da271;
  border-color: #5da271;
}

@media only screen and (max-width: 767px) {
  .elm33Password {
    padding: 0;
  }
}
/***CHANGE PASSWORD end***/

/***ORDER HISTORY***/
.elm00036 {
  padding: 100px 8% 100px;
  display: flex;
  justify-content: center;
  text-align: center;
}
/***ORDER HISTORY end***/

/***CONTACT***/
#contact_new {
  width: 100%;
  margin: 0;
  padding: 100px 8%;
}

#contact_three {
  display: flex;
  max-width: 1200px;
  padding: 0 10px;
  margin: 0 auto;
  gap: 30px;
  text-align: center;
}

img.con_3_img {
  width: 100%;
}

.contact_third {
  box-shadow: 0 1px 10px rgb(0 0 0 / 20%);
  border-radius: 20px 0 20px 0;
  overflow: hidden;
}

.con_3_text {
  padding: 20px;
  font-size: 16px;
  font-weight: 300;
}

.con_3_text span {
  display: block;
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 600;
}

#contact_new h2 {
  font-size: 35px;
  font-weight: 300;
}

#cont_new_top {
  max-width: 1200px;
  padding: 0 10px 55px;
  text-align: center;
  margin: 0 auto;
}

#cont_new_top p {
  max-width: 500px;
  font-size: 16px;
  margin: 10px auto;
}

#cont_new_buttons {
  display: flex;
  justify-content: center;
  gap: 25px;
  align-items: center;
}

#cont_new_buttons a {
  font-family: "nunito-sans", Sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 0;
  word-spacing: 0;
  color: #fff;
  background-color: #008fda;
  border-radius: 7px 0 7px 0;
  padding: 13px 10px 11px;
  max-width: 100%;
  width: 152px;
  display: block;
  text-align: center;
  transition: 0.2s all;
  line-height: 1;
}

#cont_new_buttons a:hover {
  background: #5da271;
  text-decoration: none;
}

.bodyPAG00045 #globalHead {
  background-position: center top;
}

@media only screen and (max-width: 950px) {
  #contact_three {
    flex-direction: column;
    max-width: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .elem {
    padding: 0;
  }
}
/***CONTACT end***/

/***MEGA MENU***/
/*#sty-nav .navElement:nth-of-type(2) .sub-menu {
    display: block !important;
}*/

.navElement.mega {
  position: static;
}

.navElement.mega .sub-menu {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 83%;
  max-width: 1180px;
  background-color: #fff;
  background-image: url(../images/page/section-back-illustration.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

#sty-nav .navElement.mega .sub-menu a,
#sty-nav .navElement.mega .sub-menu a:hover {
  background: none;
}

#sty-nav .navElement.mega .sub-menu a {
  padding-left: 0;
}

.mega-wrap {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 60px;
}

.sub-ad img {
  width: 260px;
  box-shadow: 0 1px 15px rgb(0 0 0 / 25%);
  border-radius: 25px 0;
  transition: 0.3s all;
  max-width: 100%;
}

.sub-ad img:hover {
  transform: scale(1.05);
  box-shadow: 0 1px 21px rgb(0 0 0 / 17%);
}

.sub-left {
  width: 50%;
  padding-right: 50px;
}

.sub-right {
  display: flex;
  gap: 30px;
  align-items: center;
  width: 50%;
}

.sub-ad {
  width: 50%;
  display: flex;
}

.sub-left-links {
  display: grid;
  grid-template-columns: auto auto;
  height: fit-content;
  gap: 5px 45px;
}

#sty-nav .navElement.mega .sub-menu a {
  font-size: 16px;
  padding: 10px 0;
}

#sty-nav .navElement .sub-menu a.viewAllCat {
  font-family: "nunito-sans", Sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 0;
  word-spacing: 0;
  color: #fff;
  background-color: #5da271;
  border-radius: 7px 0 7px 0;
  padding: 10px 10px 8px;
  max-width: 100%;
  width: auto;
  display: block;
  text-align: center;
  transition: 0.2s all;
  margin-top: 15px;
}

#sty-nav .navElement .sub-menu a.viewAllCat:hover {
  background: #008fda;
}

.mega-wrap h4 {
  font-size: 1.5em;
  font-weight: 600;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid #050a27;
}

.speshy_nav .sub-left-links {
  grid-template-columns: auto;
}
/***MEGA MENU end***/

/***SEARCH LANDING***/
#categoryHero {
  padding: 10rem 8% 10rem;
}

#cat_desc {
  padding: 3rem 8%;
}

#index_cats.search_cats {
  flex-direction: column;
}

#cat_desc p {
  font-size: 1.2em;
  max-width: 890px;
  margin: 0 auto 1.5rem;
}

#index_cats.search_cats h3 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 3rem;
  padding: 0 10px;
  display: inline-block;
  text-align: center;
  font-size: 27px;
  font-weight: 300;
}

.bodyPAG00036 #MainL,
.bodyPAG00037 #MainL {
  padding: 37px 0 0;
}

#index_cats.search_cats #index_cats_inner {
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}
/***SEARCH LANDING***/

/***SEARCH FACETED SLIDER FIX***/
.elm206ProdDetail {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  height: auto;
}

.elm206ProdBuy input {
  margin: 0 auto;
}

.elm206ProdDetail hr {
  margin: 0 auto;
}

#fpagetop {
  display: none;
}

.elm206Paging {
  display: block;
}

#fpagebottom {
  margin-top: 5rem !important;
}

.elm206HeaderBtnsContainer {
  display: inline-block;
  width: 100%;
  max-width: 1200px;
  padding: 0 10px;
  margin: 0 0 3.5rem;
}

div#respPrice {
  width: 100%;
  padding-right: 6px;
  height: 7px;
}

form#respPriceWrapper {
  width: 100%;
}

.noUi-origin {
  border: 1px solid #f4f4f9;
  outline: none;
  background: #f4f4f9;
}

.noUi-horizontal .noUi-handle {
  border-radius: 17px;
  background: #008fda;
  outline: none;
  box-shadow: none;
  border: none;
}

.noUi-handle:after,
.noUi-handle:before {
  display: none !important;
}

#elm206outWrapper {
  flex-direction: column;
}

.noUi-horizontal .noUi-handle {
  transform: translateY(-5px);
  cursor: pointer;
}

.elm206facetedControl.elm206facetedFilter {
  width: 80%;
  max-width: 340px;
  margin: 0 0 0 auto;
}

.elm206facetedNav.elm206facetedNavBig {
  display: flex;
  width: 100%;
  align-items: center;
}

.e206PriceSlider {
  font-size: 1.1em;
  text-align: right;
  margin: 0 0 1.5rem -13px;
  display: flex;
  justify-content: space-between;
  width: calc(100% + 13px);
}

.e206PriceSlider span {
  padding-left: 4px;
  font-weight: 700;
}

select#facetedSort {
  font-family: "nunito-sans", Sans-serif;
  font-size: 1.1em;
  font-weight: 700;
  letter-spacing: 0;
  word-spacing: 0;
  color: #008fda;
  border: 2px solid #008fda;
  border-radius: 7px 0 7px 0;
  padding: 1rem;
  width: auto;
  display: block;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 0 9px rgb(0 0 0 / 15%);
}

.elm206PerPage {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .elm206HeaderBtnsContainer {
    padding: 0;
  }
  .elm206facetedNav {
    border: none;
    padding: 0;
  }
}

@media only screen and (max-width: 500px) {
  .elm206facetedControl.elm206facetedFilter {
    display: none;
  }
  .elm206facetedNav.elm206facetedNavBig {
    justify-content: center;
  }
  .elm206SortDiv {
    margin: 0 !important;
  }
  select#facetedSort {
    font-size: 1em;
    padding: 0.7rem;
  }
}
/***SEARCH FACETED SLIDER FIX end***/

/***VOUCHER***/
#one_card_hero {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 184px 8%;
  background-image: url(../images/page/ocgc_hero_left.jpg),
    url(../images/page/ocgc_hero_right.jpg);
  background-size: auto 100%, auto 100%;
  background-position: center left, center right;
  background-repeat: no-repeat;
  background-color: #f5f4fa;
  flex-direction: column;
  gap: 2rem;
}

#one_card_hero img {
  width: 314px;
}

#vouch_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  text-align: left;
  gap: 10rem;
}

.elm66voucher {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  flex-direction: column;
  text-align: left;
  max-width: 600px;
}

.elm00066 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  padding: 10rem 8%;
  flex-direction: column;
  text-align: left;
  background-color: #fff;
  background-image: url(../images/page/one_o_background.jpg);
  background-position: center -100px;
  background-size: 100% auto;
  background-repeat: repeat-y;
}

.elm66subtitle {
  width: 100%;
  display: none;
}

.elm66text {
  width: 100%;
}

.elm00066 form {
  width: 100%;
}

.elm66maindetails {
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}

#voucher_prod_img {
  width: 50%;
  border-radius: 20px;
  box-shadow: 0 0 20px rgb(0, 0, 0, 0.2);
  max-width: 420px;
}

.elm66input,
.elm66textarea,
.elm66dropdown,
.elm66smalldropdown {
  background-color: #fff;
  border-color: #008fda;
  border-width: 2px;
  border-radius: 7px 0 7px 0;
  border-style: solid;
  width: 100%;
  height: auto;
  padding: 8px 13px 4px;
  float: none;
  font-size: 1.1em;
  font-weight: 600;
  color: #1d384b;
  margin: 0 auto 2rem;
}

#val_ops {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 2rem;
}

.val_op {
  color: #1d384b;
  background: #dddddd;
  padding: 20px;
  font-size: 1.3em;
  font-weight: 700;
  border-radius: 12px 0 12px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  width: 18%;
  transition: 0.1s all;
}

.val_op:hover,
.val_op.active {
  transform: scale(1.07);
  background: #008fda;
  color: #fff;
  box-shadow: 0 0 20px rgb(0, 0, 0, 0.2);
}

.val_op p {
  margin: 0 0 -5px;
}

.elm66title h1 {
  font-size: 1.5em;
  font-weight: 800;
  color: #1d384b;
  margin: 0 auto 2rem;
}

.elm00066 br {
  display: none;
}

.elm66formLabel img {
  display: none;
}

label.elm66formLabel {
  width: 100%;
  font-size: 1.3em;
  margin: 1rem auto 1rem;
}

input#elm00066_price::after {
  content: "£";
  position: absolute;
  left: 5px;
  top: 7px;
}

select#elm00066_del,
.hideThis {
  display: none !important;
}

.elm66input::placeholder,
.elm66textarea::placeholder {
  font-weight: 300;
  font-style: italic;
}

.vouch_sec {
  background: #f4f4f9;
  padding: 10rem 8%;
  display: flex;
  width: 100%;
  justify-content: center;
}

.vou_sec_in {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  text-align: left;
  flex-direction: column;
}

#bran_wrap {
  width: 100%;
  display: grid;
  grid-template-columns: calc(25% - 3rem) calc(25% - 3rem) calc(25% - 3rem) calc(
      25% - 3rem
    );
  text-align: center;
  gap: 4rem;
}

input#elm00066_add {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  word-spacing: 0;
  color: #fff;
  background-color: #008fda;
  border-radius: 7px 0 7px 0;
  padding: 11px 20px 9px;
  max-width: 186px;
  width: 100%;
  display: inline-block;
  text-align: center;
  border: none;
  transition: 0.2s all;
  margin: 0 0 0 auto;
}

input#elm00066_add:hover {
  background: #5da271;
}

.bran img {
  max-width: 160px;
  max-height: 120px;
  position: relative;
}

.bran {
  aspect-ratio: 1 / 1;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3rem;
  position: relative;
}

.vou_sec_in h2 {
  text-align: center;
  width: 100%;
  font-size: 3.2em;
  font-weight: 200;
}

p.sub_vou {
  margin: 2rem auto 5rem;
  font-size: 1.3em;
  font-weight: 300;
  text-align: center;
  max-width: 600px;
}

.bran::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 1;
  transition: 0.2s all;
}

.bran:hover::before {
  opacity: 0.4;
}

.bran {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bran h4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  padding: 0 3rem;
  font-size: 1.6em;
  opacity: 0;
  transition: 0.2s all;
  font-weight: 700;
  text-shadow: 0 0 5px rgb(255, 255, 255), 0 0 9px rgb(255, 255, 255);
}

.bran:hover img {
  opacity: 0;
}

.bran:hover h4 {
  opacity: 1;
}

.vou_sec_in hr {
  width: 75px;
  height: 0;
  margin: 1.5rem auto 0;
  border-top: 3px solid #008fda;
}

p.vou_p_bot {
  text-align: center;
  width: 100%;
  max-width: 100%;
  margin: 4rem auto 0;
  font-size: 1.3em;
  font-style: italic;
}

.bran.bran_1 {
  background-image: url(../images/onecode-brands/bran_1_john_lewis.jpg);
}

.bran.bran_2 {
  background-image: url(../images/onecode-brands/bran_2_argos.jpg);
}

.bran.bran_3 {
  background-image: url(../images/onecode-brands/bran_3_MS.jpg);
}

.bran.bran_4 {
  background-image: url(../images/onecode-brands/bran_4_Primark.jpg);
}

.bran.bran_5 {
  background-image: url(../images/onecode-brands/bran_5_BQ.jpg);
}

.bran.bran_6 {
  background-image: url(../images/onecode-brands/bran_6_Asda.jpg);
}

.bran.bran_7 {
  background-image: url(../images/onecode-brands/bran_7_Sainsburys.jpg);
}

.bran.bran_8 {
  background-image: url(../images/onecode-brands/bran_7_tesco.jpg);
}

.vouch_sec.vou_sec_2 {
  background-color: #fff;
  background-image: url(../images/page/one_o_background.jpg);
  background-position: center -200px;
  background-size: 100% auto;
  background-repeat: repeat-y;
}

.gc_img {
  display: flex;
  width: 100%;
  aspect-ratio: 1 / 1;
  justify-content: center;
  align-items: center;
  padding: 3rem;
  margin: 0 auto;
  max-height: 200px;
}

.gc_img img {
  width: 100%;
  max-width: 130px;
}

.gc_step h3 {
  font-size: 1.5em;
  font-weight: 600;
  margin: 1rem auto 1.5rem;
}

.gc_step p {
  font-size: 1.2em;
  margin: 0;
}

.vou_sec_in .gc_step hr {
  margin: 0 auto 1.5rem;
  width: 30px;
}

.vouch_sec.vou_sec_3 {
  position: relative;
}

.vouch_sec.vou_sec_3 .vou_sec_in {
  flex-direction: row;
  justify-content: space-between;
}

#vou_con_right img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 780px;
  max-width: 50%;
}

#vou_con_right {
  position: absolute;
  top: 0;
  left: 8%;
  width: 84%;
  height: 100%;
}

/*div#con_cards {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 100%;
    max-width: 1200px;
}*/

#vou_con_left {
  position: relative;
  text-align: left;
  z-index: 1;
  width: 50%;
}

#vou_con_left h2 {
  text-align: left;
  margin: 0 0 2rem;
}

#vou_con_left p {
  font-size: 1.4em;
  max-width: 514px;
  margin: 0 0 2rem;
  font-weight: 300;
}

a#vou_con_a {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  word-spacing: 0;
  color: #fff;
  background-color: #008fda;
  border-radius: 7px 0 7px 0;
  padding: 11px 20px 9px;
  max-width: 186px;
  width: 100%;
  display: inline-block;
  text-align: center;
  border: none;
  transition: 0.2s all;
  margin: 0 0 0 auto;
}

a#vou_con_a:hover {
  text-decoration: none;
  background: #5da271;
}

body.bodyPAG00038 {
  overflow-x: hidden;
}

#cards_850 {
  display: none;
}

.bodyPAG00038 div#MainL {
  overflow: hidden;
}

#ocgc_value_error {
  display: none;
  font-size: 1.1em;
  color: #bf1e1e;
  font-weight: 700;
}

input#elm00066_add[disabled] {
  background: #bcbfc5;
}

p.elm66text {
  font-size: 1.2em;
}

.elm66text span {
  font-weight: bold;
  display: block;
  font-size: large;
}

#vouch_dets {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgb(5 10 39 / 93%);
  color: #fff;
  padding: 5rem;
  border-radius: 20px 0;
  max-width: 82%;
  width: 900px;
}

table.wrapThisVou th,
table.wrapThisVou td {
  padding: 5px;
}

table.wrapThisVou th {
  font-weight: 300;
  text-transform: uppercase;
}

table.wrapThisVou img {
  border-radius: 0;
  float: right;
}

table.wrapThisVou img[value="Delete"] {
  height: 20px;
  width: 14px;
}

table.wrapThisVou img[value="Edit"] {
  width: 18px;
}

#vouch_dets tr {
  border-bottom: 1px solid silver;
}

#add_another,
#elm00066_confirm {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  word-spacing: 0;
  color: #fff;
  background-color: #008fda;
  border-radius: 7px 0 7px 0;
  padding: 11px 20px 9px;
  max-width: 186px;
  width: 100%;
  display: inline-block;
  text-align: center;
  border: none;
  transition: 0.2s all;
}

#add_another:hover,
#elm00066_confirm:hover {
  background: #5da271;
}

.elm66subtitle.subm_vouch.wrapThisVou {
  display: block;
  text-align: center;
}

#vouch_dets table tr th:nth-of-type(1),
#vouch_dets table tr td:nth-of-type(1),
#vouch_dets table tr th:nth-of-type(3),
#vouch_dets table tr td:nth-of-type(3) {
  display: none;
}

.elm66subtitle.subm_vouch.wrapThisVou h3 {
  font-size: 2.5em;
  font-weight: 200;
}

p.elm66text.subm_text.wrapThisVou {
  margin: 2rem 0 0;
  font-weight: 100;
}

.elm66subtitle.subm_vouch.wrapThisVou h3 {
  font-size: 2.5em;
  font-weight: 200;
  margin: 0 auto 2rem;
}

.vou_pop_buts {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin: 3rem auto 0;
}

.bodyPAG00038 #detailInfo {
  border-top: 2px solid #008fda;
  margin: 4rem 0 0;
  padding: 3rem 0 0;
}

.elm00066 #detailInfo br {
  display: block;
}

@media only screen and (max-width: 1650px) {
  #one_card_hero {
    padding: 144px 8%;
  }
  #one_card_hero img {
    width: 291px;
  }
  #vou_con_right img {
    bottom: 22px;
    right: -6%;
    width: 764px;
    max-width: 100%;
    transform: rotate(17deg);
  }
}

@media only screen and (max-width: 1550px) {
  #vou_con_right img {
    bottom: 40px;
    width: 692px;
    transform: rotate(17deg);
  }
  .vouch_sec.vou_sec_3 {
    padding: 9rem 8%;
  }
  #vou_con_left p {
    max-width: 433px;
  }
}

@media only screen and (max-width: 1350px) {
  #one_card_hero {
    padding: 110px 8%;
  }
  #one_card_hero img {
    width: 257px;
  }
}

@media only screen and (max-width: 1240px) {
  #vou_con_right img {
    bottom: 40px;
    width: 692px;
    transform: rotate(23deg);
    right: -13%;
  }
}

@media only screen and (max-width: 1130px) {
  #one_card_hero img {
    width: 226px;
  }
  #one_card_hero {
    padding: 96px 8%;
  }
  #vouch_wrap {
    gap: 6rem;
  }
  .val_op {
    padding: 14px;
    font-size: 1.1em;
  }
  label.elm66formLabel {
    font-size: 1.2em;
  }
  #vou_con_right img {
    bottom: 58px;
    width: 582px;
    transform: rotate(27deg);
    right: -13%;
  }
  .gc_img img {
    max-width: 91px;
  }
  #bran_wrap {
    grid-template-columns: calc(25% - 2.3rem) calc(25% - 2.3rem) calc(
        25% - 2.3rem
      ) calc(25% - 2.3rem);
    gap: 3rem;
  }
}

@media only screen and (max-width: 990px) {
  #voucher_prod_img {
    width: 43%;
    border-radius: 12px;
  }
  #vouch_wrap {
    gap: 4rem;
  }
  #one_card_hero {
    background-image: url(../images/page/oc_gc_hero_left_990px_2.jpg),
      url(../images/page/oc_gc_hero_right_990px_2.jpg);
  }
  #one_card_hero img {
    width: 200px;
  }
  #one_card_hero {
    padding: 89px 8%;
  }
  .vouch_sec.vou_sec_3 {
    padding: 8rem 8%;
  }
  #vou_con_right img {
    bottom: 66px;
    width: 539px;
    transform: rotate(35deg);
    right: -16%;
  }
  #bran_wrap {
    grid-template-columns: calc(50% - 1.5rem) calc(50% - 1.5rem);
    gap: 3rem;
  }
  p.sub_vou {
    margin: 2rem auto 3rem;
  }
}

@media only screen and (max-width: 850px) {
  #vou_con_right img {
    bottom: 64px;
    width: 489px;
    transform: rotate(42deg);
    right: -20%;
  }
  #voucher_prod_img {
    width: 38%;
    border-radius: 9px;
  }
  #vouch_wrap {
    gap: 3rem;
  }
  .elm66title h1 {
    font-size: 1.3em;
  }
  .vou_sec_in h2 {
    font-size: 2.5em;
  }
  .vou_sec_in hr {
    width: 60px;
  }
  #cards_1920 {
    display: none;
  }
  #cards_850 {
    display: block;
  }
  #vou_con_right img {
    bottom: -56px;
    width: 280px;
    transform: rotate(-16deg);
    right: -10%;
  }
  #vouch_dets {
    padding: 4rem;
  }
}

@media only screen and (max-width: 767px) {
  #one_card_hero img {
    width: 165px;
  }
  #one_card_hero {
    padding: 72px 8%;
  }
  #vouch_wrap {
    flex-direction: column;
    gap: 6rem;
  }
  #voucher_prod_img {
    width: 100%;
    max-width: 310px;
    margin: 0 auto;
  }
  .elm66voucher {
    padding: 0;
  }
  #vouch_wrap,
  .vou_sec_in {
    padding: 0;
  }
}

@media only screen and (max-width: 620px) {
  .vouch_sec.vou_sec_3 {
    padding: 7rem 8%;
  }
  .vouch_sec,
  .elm00066 {
    padding: 8rem 8%;
  }
  p.sub_vou {
    font-size: 1.2em;
  }
  .vou_sec_in h2 {
    font-size: 2.3em;
  }
  #vou_con_right img {
    bottom: -51px;
    width: 252px;
    transform: rotate(3deg);
    right: -20%;
  }
  #vou_con_left {
    width: 58%;
    font-size: 0.9em;
  }
  #one_card_hero {
    background-image: url(../images/page/oc_gc_hero_left_620px.jpg),
      url(../images/page/oc_gc_hero_right_620px.jpg);
  }
}

@media only screen and (max-width: 600px) {
  .vou_pop_buts {
    flex-direction: column;
    gap: 15px;
  }
  .elm66subtitle.subm_vouch.wrapThisVou h3 {
    font-size: 2em;
  }
}

@media only screen and (max-width: 500px) {
  #one_card_hero img {
    width: 143px;
  }
  #one_card_hero {
    padding: 50px 8%;
  }
  /* #vou_con_right img {
        bottom: -24px;
        width: 242px;
        transform: rotate(3deg);
        right: -28%;
    } */
  #vou_con_left {
    font-size: 0.9em;
  }
  a#vou_con_a,
  input#elm00066_add {
    font-size: 15px;
    padding: 9px 15px 9px;
    max-width: 155px;
  }
  .vou_sec_in h2 {
    font-size: 2em;
  }
  .vou_sec_in hr {
    width: 40px;
  }
  .bran img {
    max-width: 100px;
    max-height: 100px;
  }
}

@media only screen and (max-width: 440px) {
  #bran_wrap {
    grid-template-columns: 100%;
    gap: 3rem;
  }
  .vouch_sec.vou_sec_3 {
    padding: 6rem 8%;
  }
  #vou_con_right img {
    display: none;
  }
  #vou_con_left {
    width: 100%;
  }
  .val_op {
    padding: 15px 5px;
    font-size: 0.9em;
  }
  label.elm66formLabel {
    font-size: 1.1em;
  }
  .elm66title h1 {
    font-size: 1.2em;
  }
  #vouch_dets {
    padding: 3rem;
  }
}

@media only screen and (max-width: 360px) {
  .vouch_sec,
  .elm00066 {
    padding: 6rem 8%;
  }
  #one_card_hero img {
    width: 116px;
  }
  #vouch_dets {
    padding: 3rem 2rem;
    max-width: 84%;
  }
}
/***VOUCHER end***/

/***OCGC BRANCH***/
body.bodyPAG00037 {
  overflow-x: hidden;
}

.elm00005.ocgc_branch {
  background-color: #fff;
  background-image: url(../images/page/one_o_background.jpg);
  background-position: center -100px;
  background-size: 100% auto;
  background-repeat: repeat-y;
}

#ocgc_desc {
  text-align: center;
  max-width: 523px;
  margin: 0 auto 4rem;
}

#ocgc_desc p {
  margin: 2rem auto 5rem;
  font-size: 1.3em;
  font-weight: 300;
  text-align: center;
  max-width: 600px;
}

#ocgc_desc h2 {
  text-align: center;
  width: 100%;
  font-size: 3.2em;
  font-weight: 200;
}

#ocgc_desc hr {
  width: 75px;
  height: 0;
  margin: 1.5rem auto 0;
  border-top: 3px solid #008fda;
}

#ocgc_desc h5 {
  font-size: 1.7em;
  font-weight: 100;
  margin: 2.5rem 0 0;
}

/* .BRN07809 .elm05product:first-of-type {
    display: none;
} */

@media only screen and (max-width: 767px) {
  .bodyPAG00036 #MainL,
  .bodyPAG00037 #MainL {
    padding: 0;
  }
}
/***OCGC BRANCH end***/

/***TERMS ONECODE CUSTOMERS***/
#termsAndConditions {
  padding: 10rem 8%;
  background-color: #fff;
  background-image: url(../images/page/one_o_background.jpg);
  background-position: center -100px;
  background-size: 100% auto;
  background-repeat: repeat-y;
}

div.terms_section {
  max-width: 1200px;
  margin: 0 auto 3rem;
  padding: 0 10px;
}

div.terms_section h3 {
  font-size: 1.3em;
  font-weight: 800;
  margin: 0 0 1.5rem;
}

p.term_sub_tit {
  margin-top: 2rem;
  font-weight: 800;
}

#termsAndConditions h1 {
  font-size: 2em;
  font-weight: 700;
  margin: 0 0 3rem;
  text-transform: uppercase;
}
/***TERMS ONECODE CUSTOMERS end***/

/***ONECODE GIFT CARD ADVERT BANNER***/
a#ocgc_ad_banner {
  width: 100%;
  display: block;
  max-width: 1200px;
  padding: 0 10px;
  margin: 0 auto 4rem;
}

a#ocgc_ad_banner img {
  box-shadow: 0 0 15px rgb(0, 0, 0, 0.2);
  width: 100%;
}

img#ocgc_ad_md,
img#ocgc_ad_sm {
  display: none;
}

img.voucher_ad_1.vouch_ad_span_2 {
  width: 100%;
}

.sub-ad.span_2 {
  width: 100%;
}

@media only screen and (max-width: 900px) {
  img#ocgc_ad_md {
    display: block;
  }
  img#ocgc_ad_lg {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  a#ocgc_ad_banner {
    padding: 0;
  }
}

@media only screen and (max-width: 500px) {
  img#ocgc_ad_sm {
    display: block;
  }
  img#ocgc_ad_md {
    display: none;
  }
}
/***ONECODE GIFT CARD ADVERT BANNER end***/

.elm00224 {
  display: none;
}



/***INDEX CATEGORY RESTYLE***/
#index_cats_inner {
    display: grid;
    grid-template-columns: 31% 31% 31%;
    gap: 4rem;
}

a.index_cat img {
    max-height: 75px;
    width: auto;
    height: 0;
    max-width: 70px;
    filter: drop-shadow(2px 4px 4px #000);
    transition: 0.4s all;
}

a.index_cat {
    width: 100%;
    height: auto;
    aspect-ratio: 6 / 4;
    font-size: 23px;
    background-position: center;
    background-size: cover;
    border-radius: 30px 0 30px 0;
}

a.index_cat h5 {
    text-shadow: 1px 2px 4px #000;
}

a.index_cat.index_cat_1 {
    background-image: url(../images/category/brn07792.jpg);
}

a.index_cat.index_cat_2 {
    background-image: url(../images/category/brn07803.jpg);
}

a.index_cat.index_cat_3 {
    background-image: url(../images/page/christmas_cat_img.jpg);
}

a.index_cat.index_cat_4 {
    background-image: url(../images/category/brn07809.jpg);
}

a.index_cat.index_cat_5 {
    background-image: url(../images/category/brn07801.jpg);
}

a.index_cat.index_cat_6 {
    background-image: url(../images/category/brn08495.jpg);
}

a.index_cat:hover {
    background-image: none;
}

a.index_cat:hover img {
    height: auto;
}

@media only screen and (max-width: 940px) {
    a.index_cat {
        font-size: 19px;
    }
    #index_cats_inner {
        display: grid;
        grid-template-columns: 48% 48%;
        gap: 4rem;
    }
}

@media only screen and (max-width: 750px) {
    a.index_cat img {
        max-height: 59px;
        max-width: 50px;
    }
}

@media only screen and (max-width: 570px) {
    #index_cats_inner {
        display: grid;
        gap: 3rem;
    }
}
/***INDEX CATEGORY RESTYLE end***/