/* Section 1: Top */
.footer-top {
    background-color: var(--color-blue);
    padding: 100px 0;
}


.footer-top-text {
  font-size: 30px;

}
.footer-top-btn {
    background-color: var(--color-green);
    color: var(--color-blue);
    padding: 38.865px 23.034px 38.294px 23.125px;
    border-radius: 50%;
    text-decoration: none;
    font-weight: bold;
    width: 145px;
    height: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-base);
    font-family: var(--first-heading);
    text-transform: capitalize;

    /* Gentle continuous pulse */
    animation: gentle-pulse 3s ease-in-out infinite;

    /* Smooth transitions for hover */
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}

/* Gentle pulse keyframes */
@keyframes gentle-pulse {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(174, 255, 2, 0.4); }
    50% { transform: scale(1.03); box-shadow: 0 0 20px 10px rgba(174, 255, 2, 0.2); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(174, 255, 2, 0.4); }
}

/* Calm, relaxing hover effect */
.footer-top-btn:hover {
    transform: scale(1.08); /* slightly larger */
    box-shadow: 0 0 40px 15px rgba(174, 255, 2, 0.5); /* soft glow */
}


/* Section 2: Main */
.footer-main {
    background-color: #ffffff;
    color: var(--color-blue);
    padding-top: 120px;
}

.border-custom {
    border-bottom: 2px solid var(--color-green);
    padding-bottom: 70px;
}

/* Vertical titles */
.footer-vertical-title {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    color: var(--color-blue);

}

/* Footer links */
.footer-main ul li {
  margin-bottom: 0.5rem;
}

footer a {
    color: var(--color-blue);
    text-decoration: none;
    font-weight: 600;
    font-size: var(--font-size-h4);
    font-family: var(--font-main);
}

.footer-main ul li a:hover {
  text-decoration: underline;
}

/* Contact & Social Icons */
.footer-contact a {
  color: var(--color-blue);
  /* font-size: 1.1rem; */
}

.footer-contact a:hover {
  color: var(--color-green);
}

footer p{
   font-size: var(--font-size-h4);
}
footer ul{
    padding-left: 0 !important;
}

.border-line {
    border-bottom: 1px solid  var(--color-green);
    padding-bottom: 3px;
    font-weight: 600;
}