/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 23 2025 | 16:09:14 */
.footer-link a {
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  font-size: clamp(1.5rem, calc(2.00rem + 0.0278 * (100vw - 380px)), 4.5rem); 
  color: #d52b1e;
  transition: color 0.3s ease-in-out;
  display: inline-block;
}

.footer-link a::before,
.footer-link a::after {
  content: '';
  position: absolute;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.footer-link a::before {
  right: clamp(-1.5rem, -2vw, -1rem);
  top: clamp(0.2rem, 0.5vw, 0.3rem);
  width: clamp(1.2rem, 3vw, 1.5rem);
  height: clamp(1.2rem, 3vw, 1.5rem);
  border-top: clamp(0.15rem, 0.4vw, 0.3rem) solid #d52b1e;
  border-right: clamp(0.15rem, 0.4vw, 0.3rem) solid #d52b1e;
}

.footer-link a::after {
  left: clamp(-1.5rem, -2vw, -1rem);
  bottom: clamp(0.2rem, 0.5vw, 0.3rem);
  width: clamp(1.2rem, 3vw, 1.5rem);
  height: clamp(1.2rem, 3vw, 1.5rem);
  border-bottom: clamp(0.15rem, 0.4vw, 0.3rem) solid #d52b1e;
  border-left: clamp(0.15rem, 0.4vw, 0.3rem) solid #d52b1e;
}

/* Adding the hand icon using a pseudo-element */
.footer-link a span::after {
  content: '✋'; 
  position: absolute;
  font-size: clamp(1rem, 2vw, 1.5rem); 
  color: #ffffff; 
  right: clamp(-2rem, -3vw, -1.5rem); 
  top: 50%;
  transform: translateY(-50%);
}

.footer-link a:hover {
  color: #ffffff !important;
}

.footer-link a:hover::before,
.footer-link a:hover::after {
  opacity: 1;
  width: clamp(1.5rem, 4vw, 4rem);
  height: clamp(1.5rem, 4vw, 4rem);
}

/* Media query for tablets (768px and below) */
@media (max-width: 768px) {
  .footer-link a {
/*     font-size: clamp(1.25rem, calc(1.5rem + 0.0278 * (100vw - 380px)), 2.5rem);  */
/*     padding: clamp(0.4rem, 0.8vw, 0.75rem); */
  }

  .footer-link a::before {
    right: clamp(-1.2rem, -2vw, -0.8rem);
    top: clamp(0.15rem, 0.4vw, 0.25rem);
    width: clamp(1rem, 2.5vw, 1.2rem);
    height: clamp(1rem, 2.5vw, 1.2rem);
    border-top: clamp(0.15rem, 0.5vw, 0.25rem) solid #d52b1e; /* Increased thickness */
    border-right: clamp(0.15rem, 0.5vw, 0.25rem) solid #d52b1e; /* Increased thickness */
  }

  .footer-link a::after {
    left: clamp(-1.2rem, -2vw, -0.8rem);
    bottom: clamp(0.15rem, 0.4vw, 0.25rem);
    width: clamp(1rem, 2.5vw, 1.2rem);
    height: clamp(1rem, 2.5vw, 1.2rem);
    border-bottom: clamp(0.15rem, 0.5vw, 0.25rem) solid #d52b1e; /* Increased thickness */
    border-left: clamp(0.15rem, 0.5vw, 0.25rem) solid #d52b1e; /* Increased thickness */
  }

  .footer-link a span::after {
    font-size: clamp(0.8rem, 1.5vw, 1rem);
    right: clamp(-1.5rem, -2.5vw, -1rem);
  }
}

/* Media query for mobile (480px and below) */
@media (max-width: 480px) {
  .footer-link a {
/*     font-size: clamp(1rem, calc(1.25rem + 0.0278 * (100vw - 320px)), 1.5rem);  */
/*     padding: clamp(0.3rem, 0.6vw, 0.5rem); */
  }

  .footer-link a::before {
    right: clamp(-1rem, -2vw, -0.6rem);
    top: clamp(0.1rem, 0.3vw, 0.2rem);
    width: clamp(0.8rem, 2vw, 1rem);
    height: clamp(0.8rem, 2vw, 1rem);
    border-top: clamp(0.12rem, 0.4vw, 0.2rem) solid #d52b1e; /* Increased thickness */
    border-right: clamp(0.12rem, 0.4vw, 0.2rem) solid #d52b1e; /* Increased thickness */
  }

  .footer-link a::after {
    left: clamp(-1rem, -2vw, -0.6rem);
    bottom: clamp(0.1rem, 0.3vw, 0.2rem);
    width: clamp(0.8rem, 2vw, 1rem);
    height: clamp(0.8rem, 2vw, 1rem);
    border-bottom: clamp(0.12rem, 0.4vw, 0.2rem) solid #d52b1e; /* Increased thickness */
    border-left: clamp(0.12rem, 0.4vw, 0.2rem) solid #d52b1e; /* Increased thickness */
  }

  .footer-link a span::after {
    font-size: clamp(0.6rem, 1.2vw, 0.8rem);
    right: clamp(-1.2rem, -2vw, -0.8rem);
  }

  .footer-link a:hover::before,
  .footer-link a:hover::after {
    width: clamp(1rem, 3vw, 1.2rem);
    height: clamp(1rem, 3vw, 1.2rem);
  }
}