body {
font-family: 'Poppins', sans-serif;
}
/* Add a thin bottom outline under navbar */
body {
font-family: 'Poppins', sans-serif;
}

/* Add to your stylesheet or inside <style> tag */
.navbar .dropdown:hover > .dropdown-menu {
display: block;
margin-top: 0; /* remove possible offset */
}

.client-img {
    max-width: 100%;
    max-height: 150px;
    object-fit: contain;
}

/* Add a thin bottom outline under navbar */
.navbar {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1030; /* make sure it's above content */
background-color: #fff; /* keep background to avoid transparency */
border-bottom: 1px solid #dee2e6;
box-shadow: none;
}

.navbar + .outline-danger {
border-top: 2px solid red;
margin-top: 20px;
}

/* Navbar links */
.nav-link {
font-size: 15px;
font-weight: 500;
color: #000;
padding: 0.5rem 1rem;
position: relative;
transition: all 0.3s ease;
}

.nav-link:hover {
color: #2A3E60; /* Custom blue color */
}

.nav-link::after {
content: '';
position: absolute;
bottom: 0;
left: 15px;
width: 0;
height: 2px;
background-color: #2A3E60; /* Custom blue color */
transition: width 0.3s ease;
}

.nav-link:hover::after {
width: calc(100% - 30px);
}

/* Dropdown hover style */
.dropdown-menu {
border: none;
box-shadow: 0 8px 16px rgba(0,0,0,0.1);
margin-top: 0;
border-radius: 0;
}

.custom-btn {
background-color: #2A3E60;
color: white;
transition: background-color 0.3s ease;
}

.custom-btn:hover {
background-color: #AE4B87; /* Blue */
color: white;
}
.dropdown-submenu {
position: relative;
}

.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -1px;
}

.logo-minimized {
width: 150px;  /* Adjust the width as needed */
height: auto;  /* Maintain aspect ratio */
}

@media (max-width: 768px) {
.logo-minimized {
width: 100px;  /* Adjust for smaller screens */
}
}

.custom-paragraph {
font-size: 1.2rem; /* Adjust the font size as needed */
text-align: center; /* Center the text */
color: #555; /* You can change the color */
max-width: 600px; /* Limit the width */
margin: 0 auto; /* Center align the paragraph */
line-height: 1.6; /* Adjust the line height for readability */
}


.card-hover {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover:hover {
transform: translateY(-8px) scale(1.05);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

.client-img {
transition: transform 0.3s ease, box-shadow 0.3s ease;
margin: 0 15px;
}

.client-img:hover {
transform: translateY(-10px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.custom-btn {
background-color: #AE4B87;
color: white;
transition: background-color 0.3s ease;
}

.custom-btn:hover {
background-color: #2A3E60; /* Blue */
color: white;
}

.hover-lift {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover-lift:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

/* Image Lift Effect on Hover */
.img-lift {
transition: transform 0.3s ease;
}

.img-lift:hover {
transform: translateY(-10px);
}

.custom-btn:hover {
background-color: #1a2c47;
}

/* Adjust card image sizes */
.card-img-container {
height: 200px;
overflow: hidden;
}


/* Image Lift Effect on Hover */
.img-lift {
transition: transform 0.3s ease;
}

.img-lift:hover {
transform: translateY(-10px);
}

.card-hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover-lift:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
    @keyframes pulse {
        0% { transform: scale(1); }
        50% { transform: scale(1.05); }
        100% { transform: scale(1); }
    }

    .pulse {
        animation: pulse 2s infinite;
    }

    .whatsapp-arrow {
        position: absolute;
        bottom: -10px;
        right: 20px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid white;
    }

    .whatsapp-popup {
        opacity: 0;
        transform: scale(0.95);
        transition: all 0.3s ease;
        pointer-events: none;
    }

    .whatsapp-popup.active {
        opacity: 1;
        transform: scale(1);
        pointer-events: auto;
    }

    .quote-icon-left,
    .quote-icon-right {
        font-size: 1.5rem;
        color: #2A3E60;
    }

    .stars i {
        font-size: 1rem;
    }

    .lift-on-hover {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .lift-on-hover:hover {
        transform: translateY(-8px);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    }