/** Shopify CDN: Minification failed

Line 276:3 Expected "}" to go with "{"

**/
/* Custom Css */
.mt-20 {
  margin-top: 20px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-80 {
  margin-top: 80px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-80 {
  margin-bottom: 80px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-80 {
  padding-top: 80px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-80 {
  padding-bottom: 80px;
}

/* body #MainContent{
overflow: hidden;
} */

@media screen and (max-width: 1023px) {

  .mt-40 {
    margin-top: 35px;
  }

  .mt-60 {
    margin-top: 55px;
  }

  .mt-80 {
    margin-top: 60px;
  }

  .mb-40 {
    margin-bottom: 35px;
  }

  .mb-60 {
    margin-bottom: 45px;
  }

  .mb-80 {
    margin-bottom:50px;
  }

  .pt-40 {
    padding-top: 35px;
  }

  .pt-60 {
    padding-top: 45px;
  }

  .pt-80 {
    padding-top: 60px;
  }

  .pb-40 {
    padding-bottom: 35px;
  }

  .pb-60 {
    padding-bottom: 45px;
  }

  .pb-80 {
    padding-bottom: 55px;
  }

  .mpb-80 {
    padding-bottom: 60px;
  }

  /* Only For Mobile Padding */
  .mmt-40 {
    margin-top: 35px;
  }

  .mmt-60 {
    margin-top: 45px;
  }

  .mmt-80 {
    margin-top: 60px;
  }

  .mmb-40 {
    margin-bottom: 35px;
  }

  .mmb-60 {
    margin-bottom: 45px;
  }

  .mmb-80 {
    padding-bottom: 60px;
  }

  .mpt-20 {
    padding-top: 10px;
  }

  .mpt-40 {
    padding-top: 35px;
  }

  .mpt-60 {
    padding-top: 45px;
  }

  .mpt-80 {
    padding-top: 60px;
  }

  .mpb-40 {
    padding-bottom: 35px;
  }

  .mpb-60 {
    padding-bottom: 45px;
  }

  .mpb-80 {
    padding-bottom: 60px;
  }

  div.mpb0 {
    padding-bottom: 0 !important;
  }

  div.mpt0 {
    padding-top: 0 !important;
  }

  /* Only For Mobile Padding */

  body .h3, body h3 {
    font-size: 18px;
}
}


.image-desktop {
  display: block;
}

.image-mobile {
  display: none;
}

/* Common Animation */
.wrap-block-inner {
  position: relative;
  transition: 0.4s ease;
  z-index: 1;
}

/* The floating animated image positioned on top side behind the card */
.wrap-block-inner::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0%;
  width: 130px;
  height: 130px;
  background: url('/cdn/shop/files/cook-men-svg.png?v=1762340538') center/cover no-repeat;
  border-radius: 50%;
  transition: 0.4s ease-in-out;
  opacity: 0.5;
}

.wrap-block-inner:hover::before {
  top: -100px;
  z-index: 0;
}




.col-wrap-image-block {
  z-index: 5;
  position: relative;

}

@media (max-width: 1023px) {
.wrap-block-inner::before {
  content: "";
  width: 80px;
  height: 80px;
}

}
@media (max-width: 767px) {
  .wrap-block-inner::before {
    content: "";
    width: 100px;
    height: 100px;
  }

}

/* Common Animation */

@media (max-width: 767px) {
  .image-desktop {
    display: none;
  }

  .image-mobile {
    display: block;
  }
    .bg-img--desktop {
    display: none;
  }
}

@media screen and (min-width: 767px) {
  .bg-img--mobile {
    display: none;
  }