:root{
--primary:#01a8a3;
--dark:#222;
--light:#f8f9fa;
}

*{
margin:0;
padding:0;
box-sizing:border-box;

}

body{
font-family:'Jost',sans-serif;
background-color:#085458;;

}

/* Make sticky-top container full width and pink */
.container-fluid.sticky-top {
    background-color: #085458 !important;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    position: sticky;
    z-index: 999;
    padding: 0; /* remove extra padding */
}

/* Make inner navbar full width */
.container-fluid.sticky-top .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 20px; /* optional side padding */
    background-color: #085458;; /* ensure pink shows behind content */
}

/* Navbar itself transparent */
.navbar {
    background-color: transparent !important;
    padding: 14px 0;
}

/* Navbar */

.navbar{
padding:14px 0;

}

/* Logo */

.logo{
height:60px;
margin-left: 40px;
margin-right:10px;
}

/* Brand text */

.brand-text-box{
line-height:1;
}

.brand-main{
display:block;
font-size:22px;
font-weight:700;
color:white;
}

.brand-sub{
font-size: 15px;
font-weight: 600;
color:#FFD60A;
}

/* Nav container center */

.navbar-center{
margin-left:auto;
margin-right:200px;
}

/* Nav links */

.navbar-light .navbar-nav .nav-link{
position:relative;
margin:0 20px;
padding:18px 0;
font-size:17px;
font-weight:600;
color:white;
transition:.3s;
}

.navbar-light .navbar-nav .nav-link:hover{
color:#FFD60A;
}

/* underline animation */

@media (min-width:992px){

.navbar-light .navbar-nav .nav-link::before{
position:absolute;
content:"";
width:0;
height:3px;
bottom:5px;
left:50%;
background:#FFD60A;
transition:.4s;
}

.navbar-light .navbar-nav .nav-link:hover::before,
.navbar-light .navbar-nav .nav-link.active::before{
width:100%;
left:0;
}

}

/* Login Button */

.login-btn{
padding:8px 22px;
border-radius:25px;
font-weight:600;
border:2px solid WHITE;
color:WHITE;
transition:.3s;
text-align: center;
text-decoration: none;
}

.login-btn:hover{
background:#085458;
color:#FFD60A;
transform:translateY(-2px);
box-shadow:0 6px 15px rgba(0,0,0,0.1);
text-decoration: none;
}

 

/* Mobile */

@media (max-width:991px){

.navbar-center{

margin:0;
}
.logo{
margin-left:0px;}

.navbar-light .navbar-nav{
    
background:#085458;
padding:15px;
border-radius:6px;
margin-top:10px;
}

.navbar-light .navbar-nav .nav-link{
margin:0;
padding:10px 0;
border-bottom:1px solid #eee;
}

.login-btn{
margin-top:10px;
display:inline-block;
}

}

/* Toggle button */

.navbar-toggler{
border:none;
box-shadow:none;
}

/* Custom hamburger */

.navbar-toggler-icon{
background-image:none;
width:30px;
height:3px;
background:WHITE;
position:relative;
display:block;
transition:0.3s;
}

.navbar-toggler-icon::before,
.navbar-toggler-icon::after{
content:"";
position:absolute;
width:30px;
height:3px;
background:WHITE;
left:0;
transition:0.3s;
}

.navbar-toggler-icon::before{
top:-8px;
}

.navbar-toggler-icon::after{
top:8px;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
background:transparent;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before{
transform:rotate(45deg);
top:0;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after{
transform:rotate(-45deg);
top:0;
}
:root{
--primary:#01a8a3;
--dark:#222;
--light:#f8f9fa;
}

/* ===============================
   FOOTER
================================= */
.main-footer {
    width: 100%;
    background: #085458;;
    color:#FFD60A;
    text-align: center;
    height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    box-shadow: 0 -8px 32px rgba(7, 65, 113, 0.15);
}

.footer-heading {
    font-size: 16px;
    font-weight: 600;
    margin-bottom:2px;   /* reduced gap */
    line-height:1.2;
}

.footer-heading span {
    color: 
    white;
}

.footer-subtext {
    font-size: 13px;
    color: 
    #FFD60A;
    letter-spacing: 0.5px;
    margin-top:0;        /* removes extra gap */
    line-height:1.1;
}

/* Footer fixed on desktop */
@media (min-width: 769px) {
    body {
        padding-bottom: 70px;
    }

    .main-footer {
        position: fixed;
        bottom: 0;
        left: 0;
    }
}

/* ===============================
   RESPONSIVE
================================= */
@media (max-width: 768px) {

    .main-menu {
        display: none;
    }

    .menu-btn {
        display: block;
    }

    .main-navbar {
        padding: 0 20px;
    }

    .main-footer {
        position: static;
    }
}
/* ===============================
   FLOATING ACTION BUTTONS
================================= */
.call-float,
.whatsapp-float {
    position: fixed;
    right: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    transition: 0.3s ease;
    z-index: 1000;
}

/* Call Button */
.call-float {
    bottom: 100px;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #074171 0%, #0a5a99 100%);
    color: #fff;
    box-shadow: 0 8px 25px rgba(7, 65, 113, 0.3);
}

.call-float i {
    font-size: 24px;
}

.call-float:hover {
    background: linear-gradient(135deg, #01a8a3 0%, #01a8a3 100%);
    color: #074171;
    transform: scale(1.15);
    box-shadow: 0 12px 35px rgba(255, 214, 10, 0.4);
}

/* WhatsApp Button */
.whatsapp-float {
    bottom: 20px;
    width: 60px;
    height: 60px;
    background: #2bb673;
    color: #fff;
}

.whatsapp-float i {
    font-size: 35px;
}

.whatsapp-float:hover {
    background: #239e60;
    transform: scale(1.1);
}

/* Pulse Animation */
.call-float::before,
.whatsapp-float::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    z-index: -1;
    animation: pulse 1.5s infinite;
}

.call-float::before {
    width: 60px;
    height: 60px;
    background: rgba(255, 214, 10, 0.2);
}

.whatsapp-float::before {
    width: 60px;
    height: 60px;
    background: rgba(43, 182, 115, 0.3);
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.7;
    }
    70% {
        transform: scale(1.6);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

/* Floating Responsive */
@media (max-width: 768px) {

    .call-float,
    .whatsapp-float {
        width: 55px;
        height: 55px;
    }

    .call-float::before,
    .whatsapp-float::before {
        width: 55px;
        height: 55px;
    }

    .call-float i {
        font-size: 22px;
    }
}