/* Section FOOTER */

#footer-section {
  background: linear-gradient(rgba(0,0,0,0), rgba(60,40,28,0.48));
}

.footer {
  padding-top: 35px;
  text-shadow: 0px 5px 5px rgba(0,0,0,0.81);
  z-index: -1;
  padding-bottom: 70px;
  max-width: 1600px;
  margin-top: 4%;
}

.footer > hr {
  margin-bottom: 13px;
  margin-top: 25px;
}

.footer-first > a > img:nth-child(1) {
  filter: drop-shadow(0px 5px 3px #000);
  max-width: 230px;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .footer-first hr {
    width: 68%;
  }
}

.methods {
  max-height: 50px;
}

.methods img, .methods svg {
  height: 30px;
  width: 70px;
  object-fit: contain;
  margin-inline-end: 10px;
  padding: 5px;
  border-radius: 5px;
  background: #bdbdbd;
}

.delivery-options {
  margin-top: 20px;
  margin-bottom: 10px;
}

.delivery-options img {
    padding: 0px;
}

#applepay {
  background-image: url('data:image/svg+xml,<svg fill="%23000000" width="50" height ="50" viewBox="0 -34.55 120.3 120.3" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M22.8 6.6c1.4-1.8 2.4-4.2 2.1-6.6-2.1.1-4.6 1.4-6.1 3.1-1.3 1.5-2.5 4-2.2 6.3 2.4.3 4.7-1 6.2-2.8M24.9 10c-3.4-.2-6.3 1.9-7.9 1.9-1.6 0-4.1-1.8-6.8-1.8-3.5.1-6.7 2-8.5 5.2-3.6 6.3-1 15.6 2.6 20.7 1.7 2.5 3.8 5.3 6.5 5.2 2.6-.1 3.6-1.7 6.7-1.7s4 1.7 6.8 1.6 4.6-2.5 6.3-5.1c2-2.9 2.8-5.7 2.8-5.8-.1-.1-5.5-2.1-5.5-8.3-.1-5.2 4.2-7.7 4.4-7.8-2.3-3.6-6.1-4-7.4-4.1"></path><g><path d="M54.3 2.9c7.4 0 12.5 5.1 12.5 12.4 0 7.4-5.2 12.5-12.7 12.5H46v12.9h-5.9V2.9h14.2zm-8.3 20h6.7c5.1 0 8-2.8 8-7.5 0-4.8-2.9-7.5-8-7.5h-6.8v15h.1zM68.3 33c0-4.8 3.7-7.8 10.3-8.2l7.6-.4v-2.1c0-3.1-2.1-4.9-5.5-4.9-3.3 0-5.3 1.6-5.8 4h-5.4c.3-5 4.6-8.7 11.4-8.7 6.7 0 11 3.5 11 9.1v19h-5.4v-4.5h-.1c-1.6 3.1-5.1 5-8.7 5-5.6 0-9.4-3.4-9.4-8.3zm17.9-2.5v-2.2l-6.8.4c-3.4.2-5.3 1.7-5.3 4.1 0 2.4 2 4 5 4 4 0 7.1-2.7 7.1-6.3zM96.9 51v-4.6c.4.1 1.4.1 1.8.1 2.6 0 4-1.1 4.9-3.9 0-.1.5-1.7.5-1.7l-10-27.6h6.1l7 22.5h.1l7-22.5h6L110 42.4c-2.4 6.7-5.1 8.8-10.8 8.8-.4-.1-1.8-.1-2.3-.2z"></path></g></g></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

#cashpay {
  background-image: url('data:image/svg+xml,<svg fill="%23000000" height="40px" width="40px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 462.085 462.085" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><g><path d="M452.585,98.818H58.465c-5.247,0-9.5,4.253-9.5,9.5v14.98h-14.98c-5.247,0-9.5,4.253-9.5,9.5v14.979H9.5 c-5.247,0-9.5,4.253-9.5,9.5v196.49c0,5.247,4.253,9.5,9.5,9.5h394.117c5.247,0,9.5-4.253,9.5-9.5v-14.98h14.978 c5.247,0,9.5-4.253,9.5-9.5v-14.98h14.99c5.247,0,9.5-4.253,9.5-9.5v-196.49C462.085,103.071,457.832,98.818,452.585,98.818z M46.808,166.777C43.341,180.385,32.607,191.118,19,194.586v-27.809H46.808z M394.117,194.586 c-13.609-3.467-24.343-14.201-27.811-27.809h27.811V194.586z M346.917,166.777c4.027,24.105,23.095,43.173,47.201,47.199v83.09 c-24.107,4.026-43.175,23.095-47.201,47.201H66.198C62.172,320.162,43.105,301.094,19,297.067v-83.091 c24.105-4.028,43.171-23.094,47.198-47.199H346.917z M19,316.457c13.608,3.468,24.342,14.202,27.808,27.811H19V316.457z M366.306,344.267c3.467-13.609,14.202-24.344,27.811-27.811v27.811H366.306z M418.595,319.787h-5.478v-162.51 c0-5.247-4.253-9.5-9.5-9.5H43.484v-5.479h375.11V319.787z M443.085,295.307h-5.49v-162.51c0-5.247-4.253-9.5-9.5-9.5H67.965v-5.48 h375.12V295.307z"></path><path d="M161.564,311.56c11.817,15.934,27.797,24.708,44.994,24.708c17.198,0,33.178-8.775,44.995-24.708 c11.187-15.083,17.347-34.984,17.347-56.038c0-21.055-6.16-40.956-17.347-56.038c-11.817-15.934-27.797-24.708-44.995-24.708 c-17.197,0-33.177,8.775-44.994,24.708c-11.187,15.082-17.347,34.983-17.347,56.038 C144.218,276.576,150.378,296.478,161.564,311.56z M206.559,317.268c-9.053,0-17.463-3.981-24.423-10.77 c1.486-12.161,11.868-21.612,24.423-21.612c12.556,0,22.938,9.451,24.424,21.612C224.022,313.287,215.612,317.268,206.559,317.268z M206.562,265.49c-8.022,0-14.549-6.526-14.549-14.548c0-8.022,6.526-14.549,14.549-14.549c8.021,0,14.548,6.526,14.548,14.549 C221.109,258.963,214.583,265.49,206.562,265.49z M206.559,193.776c23.898,0,43.342,27.699,43.342,61.747 c0,11.458-2.209,22.189-6.042,31.396c-3.208-5.279-7.508-9.82-12.579-13.322c5.479-5.973,8.83-13.929,8.83-22.655 c0-18.499-15.05-33.549-33.548-33.549c-18.499,0-33.549,15.05-33.549,33.549c0,8.725,3.35,16.68,8.829,22.653 c-5.072,3.502-9.374,8.044-12.582,13.324c-3.833-9.206-6.042-19.938-6.042-31.396C163.218,221.475,182.66,193.776,206.559,193.776z "></path></g></g></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

#bankpay {
  background-image: url('data:image/svg+xml,<svg height="26" width ="26" version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" fill="%23000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><g><circle fill="%23231F20" cx="32" cy="14" r="3"></circle><path fill="%23231F20" d="M4,25h56c1.794,0,3.368-1.194,3.852-2.922c0.484-1.728-0.242-3.566-1.775-4.497l-28-17 C33.438,0.193,32.719,0,32,0s-1.438,0.193-2.076,0.581l-28,17c-1.533,0.931-2.26,2.77-1.775,4.497C0.632,23.806,2.206,25,4,25z M32,9c2.762,0,5,2.238,5,5s-2.238,5-5,5s-5-2.238-5-5S29.238,9,32,9z"></path><rect x="34" y="27" fill="%23231F20" width="8" height="25"></rect><rect x="46" y="27" fill="%23231F20" width="8" height="25"></rect><rect x="22" y="27" fill="%23231F20" width="8" height="25"></rect><rect x="10" y="27" fill="%23231F20" width="8" height="25"></rect><path fill="%23231F20" d="M4,58h56c0-2.209-1.791-4-4-4H8C5.791,54,4,55.791,4,58z"></path><path fill="%23231F20" d="M63.445,60H0.555C0.211,60.591,0,61.268,0,62v2h64v-2C64,61.268,63.789,60.591,63.445,60z"></path></g></g></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

#creditpay {
    background-image: url('data:image/svg+xml,<svg width="35px" height="35px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><g id="Interface / Credit_Card_01"><path id="Vector" d="M3 11V15.8002C3 16.9203 3 17.4801 3.21799 17.9079C3.40973 18.2842 3.71547 18.5905 4.0918 18.7822C4.5192 19 5.07899 19 6.19691 19H17.8031C18.921 19 19.48 19 19.9074 18.7822C20.2837 18.5905 20.5905 18.2842 20.7822 17.9079C21 17.4805 21 16.9215 21 15.8036V11M3 11V9M3 11H21M3 9V8.2002C3 7.08009 3 6.51962 3.21799 6.0918C3.40973 5.71547 3.71547 5.40973 4.0918 5.21799C4.51962 5 5.08009 5 6.2002 5H17.8002C18.9203 5 19.4796 5 19.9074 5.21799C20.2837 5.40973 20.5905 5.71547 20.7822 6.0918C21 6.5192 21 7.07899 21 8.19691V9M3 9H21M7 15H11M21 11V9" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></g></g></svg>');
    background-repeat: no-repeat;
    background-position: center;
}



.footer-link {
  color: #898989;
  text-decoration: none;
  padding-bottom: 7px;
  padding-top: 7px;
  display: flex;
  align-items: center;
  transition: 0.2s;
  padding-inline-start: 10px;
  border-radius: 10px;
}

@media (min-width: 992px) {
  .footer-mid hr {
    width: 85%;
  }
}

.footer-mid {
  padding-inline-end: 6%;
}

.footer-mid > .row:first-of-type svg {
  color: #00c944;
}

.footer-first .row svg {
  color: #ff1027;
}

.footer-link:hover {
  color: #ffffff;
  transform: translateX(2px);
  background: linear-gradient(90deg, rgba(255,138,0,0.06) 0%, rgba(255,255,255,0) 100%);
}

.footer-link svg {
  box-shadow: 0px 0px 9px;
  width: 10px;
  height: 10px;
  color: #ff6626;
}

.footer .heading {
  font-size: 20px;
  color: rgb(255,255,255);
  margin-bottom: 8px;
}

.footer .about h2 {
  color: rgb(137,137,137);
  font-size: 16px;
  line-height: 1.5;
  text-align: justify;
  margin-bottom: 30px;
}

.socialbutton {
  aspect-ratio: 1;
  width: 22%;
  background: rgb(35,38,41);
  border-radius: 5px;
  font-size: xx-large;
  transition: 0.2s;
  box-shadow: 0px 14px 20px rgba(0,0,0,0.43);
  margin-top: 8px;
  max-width: 100px;
  margin-bottom: 5%;
  position: relative;
}

.socialbutton:hover {
  transform: translateY(-5px);
  background: rgb(55,58,62);
  cursor: pointer;
}

.social-button-red:hover {
  box-shadow: 0px 20px 30px -16px rgba(255,15,0,0.53);
}

.social-button-purple:hover {
  box-shadow: 0px 20px 30px -16px rgba(255,0,245,0.53);
}

.social-button-yellow:hover {
  box-shadow: 0px 20px 30px -16px rgba(255,245,0,0.53);
}

.social-button-green:hover {
  box-shadow: 0px 20px 30px -16px rgba(0,255,10,0.53);
}

.socialbutton svg {
  height: 40%;
  width: 40%;
}

#instagram-icon {
  fill: url(#instagram);
  filter: drop-shadow(0 5px 3px rgba(0,0,0,0.8)) drop-shadow(0 0px 8px #cf8bf36e);
}

#youtube-icon {
  fill: url(#youtube);
  filter: drop-shadow(0 5px 3px rgba(0,0,0,0.8)) drop-shadow(0 0px 8px #ff0f008f);
}

#snapchat-icon {
  fill: url(#snapchat);
  filter: drop-shadow(0 5px 3px rgba(0,0,0,0.8)) drop-shadow(0 0px 8px #ff8f278f);
}

#whatsapp-icon {
  fill: url(#whatsapp);
  filter: drop-shadow(0 5px 3px rgba(0,0,0,0.8)) drop-shadow(0 0px 8px #00c9447d);
}

.contact svg {
  margin-inline-end: 8%;
  color: #f97e25;
  font-size: 37px;
}

.contact-row {
  margin-top: 3%;
  margin-bottom: 2%
}

.contact p:nth-child(1) {
  font-size: 14px;
  color: #f97e24;
  margin-bottom: -5px;
  text-shadow: none;
}

.contact p:nth-child(2) {
  font-size: 20px;
  color: #898989;
  margin-bottom: 0;
}

.mashcode-link {
  transition: 0.2s;
  cursor: pointer;
  width: fit-content;
  font-size: 13px;
  text-decoration: none;
  margin-bottom: 10px;
  margin-inline-start: -5px;
}

.mashcode-link:hover {
  scale: 1.05;
  filter: drop-shadow(0px 0px 10px #0093ff90);
}

.mashcode-link p {
  margin-bottom: -12px;
  font-size: 11px;
  color: #9b9b9b;
  text-shadow: none;
  padding-inline-start: 4px;
}

.mashcode-link img {
  max-width: 175px;
}

/* RESPONSIVE */

@media (max-width: 992px) {
  .footer {
    padding-left: 3vw;
    padding-right: 3vw;
  }
}

@media (max-width: 992px) {
  .footer-first, .footer-mid, .footer-end {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

@media (max-width: 992px) {
  .footer-first > img:nth-child(1) {
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 992px) {
    .footer-first {
       width: 30%;
    }
    .footer-mid {
        width: 40%;
    }
    .footer-end {
        width: 30%;
    }
}