/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #01224f;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #9b0f63;
}

/* Mobile Menu Transition */
#mobile-menu {
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}

#mobile-menu.open {
    max-height: 500px;
    opacity: 1;
}

/* Owl Carousel Dots Customization */
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background: #cbd5e1;
    margin: 5px 6px;
    transition: all 0.3s ease;
}

.owl-theme .owl-dots .owl-dot.active span {
    background: #01224f; /* Primary Color */
    width: 30px;
}

/* Quote Watermark */
.quote-watermark {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 80px;
    color: rgba(1, 34, 79, 0.05); /* Faded Primary Color */
    font-family: serif;
    line-height: 1;
    pointer-events: none;
}

/* Specific Button Override */
button.block.mt-4.text-center {
    margin-top: 0px !important;
}
.text-primary {
    --tw-text-opacity: 1;
    color: rgb(155 15 99) !important;
}
.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(155 15 99) !important;
}/* --- Add this to your existing style.css --- */

/* Gradient Text for About Page */
.text-gradient {
    background: linear-gradient(to right, #01224f, #9b0f63);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

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

.animate-float {
    animation: float 6s ease-in-out infinite;
}/* --- Add this to style.css --- */

/* Service Card Hover Animation */
.service-card:hover .service-icon {
    transform: scale(1.1) rotate(5deg);
    background-color: #9b0f63 !important;
    color: white !important;
}
/* --- Add this to style.css --- */

/* Form Specific Styles */
.capitalletter { 
    text-transform: capitalize; 
}
.error { 
    color: #ef4444; 
    font-size: 0.875rem; 
    margin-top: 0.25rem;
}
span.main.inline-block.px-4.py-1.rounded-full.bg-blue-100.text-primary.font-bold.text-sm.tracking-wider.uppercase.mb-2 {
    color: #00214f !important;
}
.bg-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(1 34 79) !important;
}