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

:root {
--primary-blue: #0066cc;
--primary-green: #28a745;
--primary-pink: #e91e63;
--primary-orange: #ff6b35;
--dark: #1a1a2e;
--light: #f8f9fa;
}

body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
}

/* Navbar */
.navbar {
background: rgba(255, 255, 255, 0.98);
box-shadow: 0 2px 15px rgba(0,0,0,0.1);
padding: 1rem 0;
}

.navbar-brand {
font-size: 1.5rem;
font-weight: 700;
color: #2f093a !important;
}

.nav-link {
font-weight: 500;
margin: 0 0.5rem;
transition: color 0.3s;
}

.nav-link:hover {
color: #310738 !important;
}

/* Hero Section */
.hero {
position: relative;
height: 100vh;
overflow: hidden;
color: white;
}

.hero-slider {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.hero-slider .slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
opacity: 0;
transition: opacity 1.5s ease-in-out; /* Smooth fade */
z-index: 0;
}

.hero-slider .slide.active {
opacity: 1;
z-index: 0;
}

.hero::after {
content: "";
position: absolute;
inset: 0;
background: rgb(40 1 52 / 41%);
z-index: 1;
}

.hero-overlay {
position: relative;
z-index: 2;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 20px;
}

.hero-overlay h1 {
font-size: 48px;
font-weight: bold;
text-shadow: 0 2px 8px rgba(0,0,0,0.8);
}

.hero-overlay p {
font-size: 20px;
margin: 25px 0;
text-shadow: 0 1px 4px rgba(0,0,0,0.8);
}

.hero-overlay .btn {
margin: 8px;
padding: 12px 28px;
font-size: 18px;
}

/* Bullets */
.hero-bullets {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
display: flex;
z-index: 3;
gap: 10px;
}

.hero-bullets span {
width: 14px;
height: 14px;
background: rgba(255, 255, 255, 0.5);
border-radius: 50%;
cursor: pointer;
transition: all 0.3s;
}

.hero-bullets span.active {
background: #fff;
transform: scale(1.3);
}

/* Responsive */
@media (max-width: 768px) {
.hero-overlay h1 { font-size: 32px; }
.hero-overlay p { font-size: 16px; }
.hero-overlay .btn { font-size: 16px; padding: 10px 20px; }
.hero {
    position: relative;
        height: 100%;
        padding: 90px 0px 40px;
}



}

.hero h1 {
font-size: 3rem;
font-weight: 800;
margin-bottom: 1.5rem;
}

.hero p {
font-size: 1.3rem;
margin-bottom: 2rem;
opacity: 0.95;
padding: 0 125px;
}

.btn-hero {
padding: 15px 40px;
font-size: 1.1rem;
font-weight: 600;
border-radius: 50px;
margin: 0.5rem;
transition: all 0.3s;
}

.btn-hero:hover {
transform: translateY(-3px);
box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

/* Section Titles */
.section-title {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 1rem;
position: relative;
display: inline-block;
color: #6A549D;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: -14px;
    left: 50%;
    right: 50%;
    width: 60px;
    height: 4px;
    background: #6b5299;
    border-radius: 2px;
    transform: translate(-50%, -50%);
}

/* Service Cards */
.service-card {
background: white;
border-radius: 15px;
padding: 2rem 2rem 0;
margin-bottom: 2rem;
transition: all 0.3s;
box-shadow: 0 5px 20px rgba(0,0,0,0.08);
height: 100%;
}

.service-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}
.service-icon {
  display: flex;
  justify-content: center;
}
.service-icon img {
	     background: #fff;
        padding: 10px;
        margin-top: -41px;
}



.service-card h3 {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 1rem;
}

.service-card ul {
list-style: none;
padding: 0;
}

.service-card ul li {
padding: 0.5rem 0;
border-bottom: 1px solid #f0f0f0;
}

.service-card ul li:last-child {
border-bottom: none;
}

.service-card ul li i {
margin-right: 10px;
color: var(--primary-blue);
}

/* Features Section */
.features {
background:#dbc7ff2e;
padding: 80px 0;
}

.feature-box {
        text-align: center;
        padding: 2rem;
        background: white;
        border-radius: 15px;
        margin-bottom: 2rem;
        transition: all 0.3s;
        min-height: 282px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
}

.feature-box:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.feature-icon {
font-size: 3rem;
margin-bottom: 1rem;
}

/* Stats Counter */
.stats {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 60px 0;
}

.stat-box {
text-align: center;
}

.stat-number {
font-size: 3rem;
font-weight: 800;
margin-bottom: 0.5rem;
}

.stat-label {
font-size: 1.1rem;
opacity: 0.9;
}

/* Testimonials */
.testimonial-card {
background: white;
padding: 2rem;
border-radius: 15px;
box-shadow: 0 5px 20px rgba(0,0,0,0.08);
margin-bottom: 2rem;
}

.testimonial-text {
font-style: italic;
margin-bottom: 1rem;
color: #666;
}

.testimonial-author {
font-weight: 600;
color: var(--primary-blue);
}

/* Contact Section */
.contact {
padding: 80px 0;
background: #977bb7;
}

.contact-card {
    background: #ffffff;
    padding: 2rem;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    margin-bottom: 2rem;
}
.contact-card h4 {
    color:#310738;
}
.contact-card p {
    color:#310738;
}
.btn-primary.btn-lg {
    background:#310738;
}
.contact-item {
display: flex;
align-items: start;
margin-bottom: 1.5rem;
}

.contact-item i {
    width: 40px;
    height: 40px;
    background: #8a65ab;
    color: #421768;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    flex-shrink: 0;
}

.form-control {
padding: 12px;
border-radius: 10px;
border: 2px solid #e0e0e0;
margin-bottom: 1rem;
}

.form-control:focus {
border-color: var(--primary-blue);
box-shadow: 0 0 0 0.2rem rgba(0,102,204,0.1);
}

/* Footer */
footer {
background: #462e86;
color: white;
padding: 60px 0 20px;
}

.footer-title {
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 1rem;
}

.footer-link {
color: rgba(255,255,255,0.7);
text-decoration: none;
display: block;
margin-bottom: 0.5rem;
transition: color 0.3s;
}

.footer-link:hover {
color: white;
}

.social-icons a {
display: inline-block;
width: 40px;
height: 40px;
background: rgba(255,255,255,0.1);
color: white;
border-radius: 50%;
text-align: center;
line-height: 40px;
margin-right: 10px;
transition: all 0.3s;
}

.social-icons a:hover {
background: var(--primary-blue);
transform: translateY(-3px);
}

/* Responsive */
@media (max-width: 768px) {
.hero h1 {
    font-size: 40px;
    font-weight: normal;
}
#services {
    padding-bottom: 0px !important;
}
.service-card {
    padding: 2rem 15px 0;
}

.hero p {
    font-size: 1.1rem;
    padding: 0px;
}

.section-title {
    font-size: 2rem;
}

.stat-number {
    font-size: 2.5rem;
}


}

.footer {
    background: #462e86
    color: #fff;
    padding: 80px 20px 20px;
    position: relative;
    overflow: hidden;
}

.footer::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, #00d4ff, transparent);
animation: shimmer 3s infinite;
}

@keyframes shimmer {
0%, 100% { opacity: 0.3; }
50% { opacity: 1; }
}

.footer-content {
max-width: 1400px;
margin: 0 auto;
}

.footer-top {
text-align: center;
margin-bottom: 60px;
}

.logo {
    font-size: 48px;
    font-weight: 700;
    background: #dfbbff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 20px;
    letter-spacing: 2px;
    animation: glow 2s ease-in-out infinite;
}

@keyframes glow {
0%, 100% { filter: drop-shadow(0 0 20px rgba(0, 212, 255, 0.3)); }
50% { filter: drop-shadow(0 0 40px rgba(123, 47, 247, 0.5)); }
}

.tagline {
font-size: 20px;
line-height: 1.6;
max-width: 700px;
margin: 0 auto 40px;
color: #b8b8d1;
}

.tagline span {
background: linear-gradient(135deg, #00d4ff 0%, #7b2ff7 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-weight: 600;
}

.social-links {
display: flex;
justify-content: center;
gap: 20px;
margin-bottom: 60px;
}

.social-icon {
width: 50px;
height: 50px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
text-decoration: none;
transition: all 0.3s ease;
font-size: 20px;
}

.social-icon:hover {
background: linear-gradient(135deg, #00d4ff 0%, #7b2ff7 100%);
transform: translateY(-5px) scale(1.1);
box-shadow: 0 10px 30px rgba(0, 212, 255, 0.3);
}

.footer-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 40px;
margin-bottom: 60px;
padding: 40px 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-card {
background: rgba(255, 255, 255, 0.03);
padding: 30px;
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
transition: all 0.3s ease;
}

.footer-card:hover {
background: rgba(255, 255, 255, 0.05);
transform: translateY(-5px);
border-color: rgba(0, 212, 255, 0.3);
box-shadow: 0 10px 40px rgba(0, 212, 255, 0.1);
}

.card-title {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
color: #00d4ff;
margin-bottom: 15px;
font-weight: 600;
}

.card-content {
font-size: 16px;
color: #e0e0e0;
line-height: 1.6;
}

.card-content a {
color: #e0e0e0;
text-decoration: none;
transition: color 0.3s ease;
}

.card-content a:hover {
color: #00d4ff;
}

.marquee-container {
overflow: hidden;
background: rgba(0, 212, 255, 0.05);
padding: 20px 0;
margin: 40px 0;
border-radius: 10px;
}

.marquee {
display: flex;
animation: scroll 20s linear infinite;
white-space: nowrap;
}

.marquee span {
font-size: 24px;
font-weight: 700;
color: rgba(255, 255, 255, 0.8);
margin: 0 40px;
text-transform: uppercase;
}

@keyframes scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}

.footer-bottom {
text-align: center;
padding-top: 30px;
color: #8888a8;
font-size: 14px;
}

.footer-bottom a {
color: #00d4ff;
text-decoration: none;
transition: color 0.3s ease;
}

.footer-bottom a:hover {
color: #7b2ff7;
}

@media (max-width: 768px) {
.logo {
    font-size: 36px;
}

.tagline {
    font-size: 16px;
}

.footer-grid {
    grid-template-columns: 1fr;
}

.marquee span {
    font-size: 18px;
    margin: 0 20px;
}
}
#bgcopy {
background: linear-gradient(45deg, transparent, #3e295e, transparent);
padding: 20px;
}
.cont {
color:#fff;
}
.contp {
color:#fff;
}
#about {
background-color: #F5F1F8;
}
.abt {
color:#6A549D;
}
.abt p, #about h3, #about p {
color:#3B2D5B;
}

.btn.btn-outline-pink:hover {
background-color: #f64f83;
border-color: #fe4f81;
color: #fff;
}
.btn.btn-outline-orange:hover {
background-color: #ffd34c;
        border-color: #83009c;
        color: #83009c;
}

.pulse-btn {
    position: relative;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(0, 123, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 123, 255, 0); }
}

/* Custom pulse colors for each vertical */
.it-solutions .pulse-btn { animation: pulseIT 1.5s infinite; }
.hospital .pulse-btn { animation: pulseGreen 1.5s infinite; }
.wellness .pulse-btn { animation: pulsePink 1.5s infinite; }
.preschool .pulse-btn { animation: pulseOrange 1.5s infinite; }

@keyframes pulseIT { 0% { box-shadow: 0 0 0 0 rgba(137 85 154); } 70% { box-shadow: 0 0 0 10px rgba(0, 123, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(0, 123, 255, 0); } }
@keyframes pulseGreen { 0% { box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(40, 167, 69, 0); } 100% { box-shadow: 0 0 0 0 rgba(40, 167, 69, 0); } }
@keyframes pulsePink { 0% { box-shadow: 0 0 0 0 rgba(255, 102, 178, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(255, 102, 178, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 102, 178, 0); } }
@keyframes pulseOrange { 0% { box-shadow: 0 0 0 0 rgba(255, 153, 51, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(255, 153, 51, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 153, 51, 0); } }

/* Visit Website button outlines */
.btn-outline-pink { border: 1px solid var(--primary-pink); color: var(--primary-pink); }
.btn-outline-orange { border: 1px solid #ffd34c;
        color: #83009c; }
.btn-outline-primary {
	border: 1px solid  #89559a; color:  #89559a;
}
.btn-outline-primary:hover {
  background:#89559a;
}
#services p{
    color:#2e2e2e;
    font-weight: 600;
}
.service-card.it-solutions {
   border: 2px solid #805AA5; 
}
.it-solutions h3 {
  color:#8357a0;
}
.service-card.it-solutions .fa-check-circle {
     color:#8357a0;
}
.service-card.hospital {
    border: 2px solid #309E9F; 
}
.service-card.hospital ul li i {
        color: #309E9F;
}
.btn-outline-success {
   border: 1px solid #309E9F; 
}
.btn-outline-success:hover {
  background:#309E9F;
}
.service-card.hospital h3 {
   color: #309E9F;
}
.service-card.wellness {
    border: 2px solid #f21d62; 
}
.service-card.wellness ul li i {
        color: #f21d62;
}
.service-card.preschool {
  border: 2px solid #ffd22f;
}
.service-card.preschool h3 {
   color:#ffd22f;
}
.service-card.preschool .fa-check-circle {
   color:#ffd22f;
}
.service-card.preschool ul li i {
        color: #ff835a;
}
  .floating-buttons {
            position: fixed;
            right: 20px;
            bottom: 20px;
            z-index: 1000;
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
		.float-btn {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 28px;
            text-decoration: none;
            box-shadow: 0 4px 15px rgba(0,0,0,0.3);
            transition: transform 0.3s;
            animation: pulse 2s infinite;
        }

        .float-btn:hover {
            transform: scale(1.1);
        }
		.linkhovr:hover {
			color:#fff;
		}
		.linkhovr {
			color:#b89235;
		}
		

        .whatsapp-btn {
            background: #25D366;
        }

        .call-btn {
  background: #6a549d;
}

        @keyframes pulse {
            0%, 100% {
                box-shadow: 0 4px 15px rgba(0,0,0,0.3);
            }
            50% {
                box-shadow: 0 4px 25px rgba(0,0,0,0.5), 0 0 0 10px rgba(107, 44, 145, 0.1);
            }
        }

/* Container */
.badge-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 20px;
  margin-bottom: 20px;
}

/* Common badge style */
.badge {
    padding: 12px 24px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
}

/* Individual badge backgrounds */
.badge-manufactured {
    background: linear-gradient(135deg,#c41c70,#764ba2);
    animation: pulse-manufactured 2s infinite alternate;
}

.badge-managed {
    background: linear-gradient(135deg,#f7971e,#ffd200);
    color: #333;
    animation: pulse-managed 2s infinite alternate;
}

/* Pulse animations */
@keyframes pulse-manufactured {
    0% { transform: scale(1); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
    50% { transform: scale(1.05); box-shadow: 0 8px 20px rgba(102,126,234,0.6); }
    100% { transform: scale(1); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
}

@keyframes pulse-managed {
    0% { transform: scale(1); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
    50% { transform: scale(1.05); box-shadow: 0 8px 20px rgba(247,151,30,0.6); }
    100% { transform: scale(1); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
}