html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
    position: relative;
    min-height: 100%;
}



body {
    padding-top: 60px;
    margin-bottom: 80px; 
}

main {
    padding-bottom: 120px;
}

.brand-gradient {
    background: linear-gradient(to right, #185a9d, #43cea2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}


.navbar {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    transition: top 0.3s ease;
}

.navbar-hide {
    top: -80px; 
}




.btn {
    background: linear-gradient(to right, #185a9d, #43cea2);
    border: none;
    color: #fff;
    position: relative;
    overflow: visible;
    z-index: 1;
}

    .btn:hover::after {
        content: "";
        position: absolute;
        top: -4px;
        left: -4px;
        right: -4px;
        bottom: -4px;
        border-radius: inherit;
        background: linear-gradient(90deg, #185a9d, #43cea2, #185a9d);
        background-size: 300%;
        animation: movingBorder 2s linear infinite;
        z-index: -1; 
        pointer-events: none;
    }


@keyframes movingBorder {
    0% {
        background-position: 0%;
    }

    100% {
        background-position: 300%;
    }
}



.cta-section {
    padding-bottom: 120px;
}




footer .container {
    white-space: normal;
    overflow-wrap: break-word;
}

/* MOBILE FIXES */
@media (max-width: 576px) {

    footer {
        padding: 8px 0; /* reduce top/bottom space */
    }

        footer .container {
            line-height: 1.2; /* reduce gap between wrapped lines */
        }

        footer a {
            display: inline; /* remove inline-block spacing */
            margin: 0 2px; /* small horizontal spacing */
            padding: 0;
        }
}


/*footer .container {
    white-space: normal;
    overflow-wrap: break-word;
}

@media (max-width: 576px) {
    footer a {
        margin: 0 3px;
        display: inline;
    }
}


footer {
    padding: 20px 0;
    background: #f8f9fa;
    margin-top: 10px;
    position: relative;
    z-index: 2;
}*/