 <style>body {
     font-family: 'Poppins', sans-serif;
 }

 .gradient-bg {
     background: linear-gradient(135deg, #27306f, #8b5cf6, #ec4899);
 }

 .brand-blue {
     color: #27306f;
 }

 .brand-purple {
     color: #8b5cf6;
 }

 .brand-pink {
     color: #ec4899;
 }

 .bg-brand-blue {
     background-color: #27306f;
 }

 .bg-brand-purple {
     background-color: #8b5cf6;
 }

 .bg-brand-pink {
     background-color: #ec4899;
 }

 .logo-container {
     display: flex;
     align-items: center;
     gap: 15px;
 }

 .logo-circle {
     width: 60px;
     height: 60px;
     background: linear-gradient(135deg, #27306f, #8b5cf6);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     font-weight: bold;
     font-size: 24px;
 }

 .logo-text {
     font-size: 32px;
     font-weight: 700;
 }

 .logo-bharat {
     color: #27306f;
 }

 .logo-voltt {
     color: #ec4899;
     position: relative;
 }

 .lightning-icon {
     color: #fbbf24;
     margin: 0 2px;
 }

 .product-card {
     background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(139, 92, 246, 0.1));
     border: 2px solid transparent;
     background-clip: padding-box;
     transition: all 0.3s ease;
 }

 .product-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 20px 40px rgba(139, 92, 246, 0.2);
 }

 .feature-icon {
     background: linear-gradient(135deg, #27306f, #8b5cf6);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }

 .logo-img {
     width: 286px;
     height: 61px;
 }

 .font-medium {
     font-weight: 500;
 }

 .font-semibold {
     font-weight: 600;
 }

 .font-bold {
     font-weight: 700;
 }

 .text-lg {
     font-size: 1.125rem;
 }

 .float {
     position: fixed;
     width: 60px;
     height: 60px;
     bottom: 40px;
     right: 40px;
     background-color: #25d366;
     color: #FFF;
     border-radius: 50px;
     text-align: center;
     font-size: 30px;
     box-shadow: 2px 2px 3px #999;
     z-index: 100;
 }

 .my-float {
     margin-top: 16px;
 }

 .brand-blue {
     color: #27306f;
 }

 .brand-pink {
     color: #ec4899;
 }

 .brand-purple {
     color: #7e22ce;
 }

 .bg-brand-blue {
     background-color: #27306f;
 }

 .bg-brand-pink {
     background-color: #ec4899;
 }

 .bg-brand-purple {
     background-color: #7e22ce;
 }
.h-52 {
    height: 25rem;
}
.gap-10 {
    gap: 1.5rem;
}
.bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 29 111);
}
 </style>