/* WRAPPER */
#footer-wrapper{
  width:100%;
  background:#ffffff url('https://www.transparenttextures.com/patterns/white-wall.png');
  font-family:'Poppins',sans-serif;
  position:relative;
  overflow:hidden;
}

/* MAIN FOOTER */
.footer-main{
  width:100%;
  /* padding:60px 6% 60px;
   box-sizing: border-box; */
}

.footer-grid{
  max-width:1250px;
  margin:0 auto;
  display:grid;
  padding:40px 24px 60px; /* padding ONLY here */
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:60px;
  align-items:start;              /* ✅ equal height */
}

.footer-brand{
	margin-top: -10px;
}

/* ALL COLUMNS */
.footer-brand,
.footer-col{
  display:flex;                     
  flex-direction:column;
  justify-content:flex-start;
}

/* BRAND */
.brand-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
}

.footer-brand img{
  width:52px;
}

.footer-brand h2{
  font-size:20px;
  font-weight:700;
  margin:1px;
  color:#000;
}

.footer-text{
  font-size:15.5px;
  line-height:1.65;
  color:#222;
  margin-bottom:14px;
}

/* COLUMN HEADINGS */
.footer-col h3{
  font-size:18px;
  font-weight:700;
  margin-bottom:18px;
  color:#000;
}

/* LINKS */
.fLink{
  font-size:15.5px;
  color:#222;
  margin:6px 0;
  cursor:pointer;
  transition:all .25s ease;
}

.fLink:hover{
  color:#c70000;
  transform:translateX(4px);
}
    

.footer-col {
  display: flex;
  flex-direction: column; /* Stacks links vertically */
  gap: 5px; /* Adds space between links */
}

.fLink {
  color: #353535; /* Default gray color */
  text-decoration: none; /* Removes underline */
  font-size: 16px;
  transition: 0.3s ease;
  display: block; /* Ensures the whole line is clickable */
}

.fLink:hover {
  color: #c70000; /* Turns red on hover */
  padding-left: 5px; /* Subtle slide effect */
}

.footer-col h3 {
  margin-bottom: 20px;
  color: #1f1f1f;
}


/* SOCIAL */
.footer-socials{
  display:flex;
  gap:18px;
  margin-top:6px;                  /* visual alignment */
}

.socialBubble{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,0.14);
  transition:transform .25s ease;
  cursor:pointer;
}

.socialBubble:hover{
  transform:translateY(-4px) scale(1.08);
}

/* WAVE */
.footer-wave{
  width:100%;
  height:160px;
  display:block;
}

.footer-wave-wrap{
  width:100%;
  overflow:hidden;
}

/* COPYRIGHT */
#copyright{
  width:100%;
  margin:0;
  padding:14px 16px;
  background:#e6672f;
  color:#fff;
  text-align:center;
  font-size:14px;
}

#copyright a{
  color:#fff;
  text-decoration:none;
  font-weight:500;
}

#footer-wrapper{
  padding:0 !important;
}


/* RESPONSIVE */
@media(max-width:900px){
  .footer-grid{
    grid-template-columns:1fr;
    gap:44px;
  }

  .footer-main{
    padding:40px 6% 60px;
  }
}

/* 🔧 ALIGN ALL FOOTER COLUMNS TO SAME TOP LINE */
.footer-brand,
.footer-col {
  padding-top: 30px;          /* equal top offset */
}

/* Normalize brand head spacing */
.brand-head {
  margin-top: 0;
  margin-bottom: 18px;
}

/* Ensure headings align with brand title */
.footer-col h3 {
  margin-top: 2px;           /* visual baseline match */
}

/* Optional: slightly tighten brand text so height matches */
.footer-text {
  margin-bottom: 12px;
}






/* Floating WhatsApp – Premium Look */
.whatsapp-btn {
  position: fixed;
  right: 22px;
  bottom: 28px;
  width: 70px;
  height: 70px;
  background: #25D366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  cursor: pointer;

  /* Glow */
  box-shadow: 0 0 20px rgba(37, 211, 102, 0.65),
              0 0 40px rgba(37, 211, 102, 0.35);

  animation: float 3s ease-in-out infinite,
             pulse 2.4s ease-out infinite;
  transition: 0.3s ease;
}

/* Hover FX */
.whatsapp-btn:hover {
  transform: scale(1.2) translateY(-4px);
  box-shadow: 0 0 30px rgba(37, 211, 102, 0.9),
              0 0 65px rgba(37, 211, 102, 0.5);
}

/* Floating animation */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

/* Glow pulse */
@keyframes pulse {
  0% { box-shadow: 0 0 22px rgba(37, 211, 102, 0.55); }
  50% { box-shadow: 0 0 38px rgba(37, 211, 102, 0.85); }
  100% { box-shadow: 0 0 22px rgba(37, 211, 102, 0.55); }
}

/* Ripple Background */
.whatsapp-btn::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(37, 211, 102, 0.25);
  z-index: -1;
  animation: ripple 2.2s infinite ease-out;
}

@keyframes ripple {
  0% { transform: scale(1); opacity: .7; }
  100% { transform: scale(1.7); opacity: 0; }
}