/* General Reset */
body {
  margin: 0;
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color: #fff;
  scroll-behavior: smooth; /* smooth scroll for CTA */
  background: linear-gradient(to bottom right, var(--slate-900), var(--slate-800), var(--slate-900));
}





/* Navbar base */
.navbar.custom-navbar {
  position: relative;
  z-index: 10;
  padding: 24px; /* mobile default */
  position: sticky;
}

.navbar.sticky-top { 
  z-index: 9999; 
  background: #0f172a;
}

@media (min-width: 768px) {
  .navbar.custom-navbar { padding: 24px 48px; }
}
@media (min-width: 1200px) {
  .navbar.custom-navbar { padding: 24px 96px; }
}

.navbar-toggler {
  color: #fff;
  background: linear-gradient(90deg, #2563eb, #f97316);
}

/* Brand area */
.navbar.custom-navbar .brand-area {
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0;
  transform: translateX(-20px);
  animation: fadeInLeft 0.6s ease forwards;
}
.navbar.custom-navbar .logo-icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: linear-gradient(to bottom right, #3b82f6, #f97316);
  display: flex;
  align-items: center;
  justify-content: center;
}
.navbar.custom-navbar .logo-icon i {
  color: #fff;
  font-size: 20px;
}
.navbar.custom-navbar .brand-name {
  font-size: 1.5rem;
  color: #fff;
}

/* Nav links */
.navbar.custom-navbar .nav-links .nav-link {
  color: #fff !important;
  margin: 0 10px;
  font-weight: 500;
  position: relative;
}
.navbar.custom-navbar .nav-links .nav-link::after {
  content: '';
  position: absolute;
  width: 0%;
  height: 2px;
  bottom: -4px;
  left: 0;
  background: linear-gradient(90deg, #2563eb, #f97316);
  transition: width 0.3s;
}
.navbar.custom-navbar .nav-links .nav-link:hover::after {
  width: 100%;
}

/* CTA button */
.navbar.custom-navbar .cta-btn {
  background: #fff;
  color: #0f172a;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  opacity: 0;
  transform: translateX(20px);
  animation: fadeInRight 0.6s ease forwards;
  transition: background 0.3s ease;
}
.navbar.custom-navbar .cta-btn:hover {
  background: #f1f5f9;
}

.navbar.custom-navbar .cta-btn a {
  text-decoration: none;
  color: #0f172a;
}


/* Animations */
@keyframes fadeInLeft {
  from {opacity: 0; transform: translateX(-20px);}
  to {opacity: 1; transform: translateX(0);}
}
@keyframes fadeInRight {
  from {opacity: 0; transform: translateX(20px);}
  to {opacity: 1; transform: translateX(0);}
}











/* Base palette (Tailwind-inspired values) */
:root {
  --slate-900: #0f172a;
  --slate-800: #1e293b;
  --slate-700: #334155;
  --slate-600: #475569;
  --slate-500: #64748b;
  --slate-400: #94a3b8;
  --slate-300: #cbd5e1;
  --blue-400: #60a5fa;
  --blue-500: #3b82f6;
  --orange-400: #fb923c;
  --orange-500: #f97316;
  --green-500: #22c55e;
}

/* Hero container spacing (px-6 -> md:px-12 -> lg:px-24, pt-20, pb-32) */
.hero-section {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 80px;
  padding-bottom: 128px;

}
@media (min-width: 768px) {
  .hero-section { padding-left: 48px; padding-right: 48px; }
}
@media (min-width: 1200px) {
  .hero-section { padding-left: 96px; padding-right: 96px; }
}
@media (max-width: 990px) {
  .image-entrance{ padding-top: 50px; }
}
@media (max-width:767px) {
 
}
.left-column{
  padding-right: 30px ;
}

/* Badge */
.badge-pill {
  display: inline-block;
  padding: 8px 16px;        /* py-2 px-4 */
  border-radius: 9999px;
  margin-bottom: 24px;      /* mb-6 */
  background: rgba(59, 130, 246, 0.20); /* blue-500/20 */
  border: 1px solid rgba(59, 130, 246, 0.30);
  color: #93c5fd;           /* text-blue-300 */
}

/* Gradient heading */
.hero-heading {
  color: #fff;
  margin-bottom: 24px; /* mb-6 */
}
.gradient-text {
  background: linear-gradient(to right, var(--blue-400), var(--orange-400));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Description */
.hero-desc {
  color: var(--slate-300);
  margin-bottom: 32px;     /* mb-8 */
  max-width: 576px;        /* max-w-xl */
}

/* Buttons */
.btn-gradient {
  background-image: linear-gradient(to right, var(--blue-500), var(--orange-500));
  color: #fff;
  border: none;
  border-radius: 0.5rem; /* ~rounded-md */
  padding: 12px 20px;
  font-size: 14px;    /* py-3 px-8 */
  transition: background-position 0.3s ease, filter 0.3s ease;
}
.btn-gradient:hover {
  filter: brightness(1.02);
  background-image: linear-gradient(to right, #2563eb, #ea580c); /* hover from-blue-600 to-orange-600 */
}
.btn-outline-slate {
  border: 1px solid var(--slate-600); /* border-slate-600 */
  color: #fff;
  background: transparent;
  border-radius: 0.5rem;
  padding: 12px 30px;
  font-size: 14px;
  transition: background 0.3s ease;
}
.btn-outline-slate:hover {
  background: rgba(255,255,255,0.10); /* hover:bg-white/10 */
}

/* Icon hover nudge (group-hover simulated) */
.btn-gradient:hover .icon-arrow svg {
  transform: translateX(4px);
}
.icon-arrow svg { transition: transform 0.25s ease; }

/* Stats */
.stats {
  border-top: 1px solid var(--slate-700);
}
.stat-number {
  margin-bottom: 4px; /* mb-1 */
  font-weight: 600;
}
.text-blue-400 { 
  color: var(--blue-400); 
}
.text-orange-400 { 
  color: var(--orange-400); 
}
.text-slate-400 { 
  color: var(--slate-400); 
}

/* Image + overlay */
.image-box {
  border-radius: 1rem; 
}
.hero-img { 
  object-fit: cover;
}

.img-gradient-overlay {
  background: linear-gradient(to top, rgba(15,23,42,0.60), transparent);
}

/* Floating card */
.floating-card {
  position: absolute;
  left: -24px;
  bottom: -24px;
  background: #fff;
  color: var(--slate-900);
  padding: 19px;
  border-radius: 0.75rem; /* rounded-xl */
  box-shadow: 0 25px 50px rgba(0,0,0,0.35);
  max-width: 150px auto;
  animation: floatY 3s ease-in-out infinite;
}
@keyframes floatY {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}
.check-avatar {
  width: 48px; 
  height: 48px;
  border-radius: 9999px;
  background: var(--green-500);
  display: flex; align-items: center; justify-content: center;
}

/* Entrance animations (staggered) */
.badge-entrance,
.heading-entrance,
.desc-entrance,
.ctas-entrance,
.stats-entrance,
.image-entrance {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeUp 0.8s ease forwards;
}
.badge-entrance { 
  animation-delay: 0.2s; 
}
.heading-entrance { 
  animation-delay: 0.4s; 
}
.desc-entrance { 
  animation-delay: 0.6s; 
}
.ctas-entrance { 
  animation-delay: 0.8s; 
}
.stats-entrance { 
  animation-delay: 1.0s; 
}
.image-entrance {
  transform: scale(0.8);
  animation-name: fadeScale;
  animation-duration: 1s;
  animation-delay: 0.4s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes fadeScale {
  from { opacity: 0; transform: scale(0.8); }
  to   { opacity: 1; transform: scale(1); }
}

/* Utility */
.rounded-2xl { 
  border-radius: 1rem; 
}
.border-slate-700 { 
  border-color: var(--slate-700) !important; 
}
.shadow-2xl { 
  box-shadow: 0 30px 60px rgba(0,0,0,0.35) !important; 
}









/* Services Section */
.services-section {
  background: #f8fafc; /* slate-50 */
  padding: 96px 24px;
}
@media (min-width: 768px) {
  .services-section { padding-left: 48px; padding-right: 48px; }
}
@media (min-width: 1200px) {
  .services-section { padding-left: 96px; padding-right: 96px; }
}
.container-services { 
  max-width: 1280px; 
}

/* Header */
.section-header .subtitle {
  color: #2563eb; /* blue-600 */
}
.section-header .title {
  color: #0f172a; /* slate-900 */
}
.section-header .description {
  color: #475569; /* slate-600 */
  max-width: 672px;
}

/* Service Card */
.service-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
}
.service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
}

/* Image */
.image-container {
  position: relative;
  height: 150px;
  overflow: hidden;
}
.service-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.service-card:hover .service-img {
  transform: scale(1.1);
}
.gradient-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.2), transparent);
}

/* Icon */
.icon-box {
  position: absolute;
  top: 24px;
  left: 24px;
  width: 56px;
  height: 56px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
.icon-box i {
  font-size: 28px;
  color: #fff;
}
.service-card:hover .icon-box {
  transform: rotate(12deg);
}

/* Content */
.card-content { 
  padding: 32px; 
}
.card-content h3 { 
  color: #0f172a; 
  font-size: 20px;
}
.card-content p { 
  color: #475569; 
  font-size: 15px;
}

/* Arrow */
.arrow-icon {
  font-size: 20px;
  opacity: 0;
  transition: all 0.3s ease;
}
.service-card:hover .arrow-icon {
  opacity: 1;
  transform: translate(4px, -4px);
}

/* Bottom border */
.bottom-border {
  position: absolute;
  bottom: 0; 
  left: 0; 
  right: 0;
  height: 4px;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
.service-card:hover .bottom-border { 
  transform: scaleX(1); 
}

/* Theme colors */
.service-blue .icon-box { 
  background: #3b82f6; 
}
.service-blue .arrow-icon { 
  color: #3b82f6;
}
.service-blue .bottom-border { 
  background: linear-gradient(to right, rgba(59,130,246,0.2), rgba(37,99,235,0.2)); 
}

.service-orange .icon-box { 
  background: #f97316; 
}
.service-orange .arrow-icon { 
  color: #f97316; 
}
.service-orange .bottom-border { 
  background: linear-gradient(to right, rgba(249,115,22,0.2), rgba(234,88,12,0.2)); 
}

.service-green .icon-box { 
  background: #22c55e; 
}
.service-green .arrow-icon {
  color: #22c55e; 
}
.service-green .bottom-border { 
  background: linear-gradient(to right, rgba(34,197,94,0.2), rgba(22,163,74,0.2)); 
}

.service-red .icon-box { 
  background: #ef4444; 
}
.service-red .arrow-icon { 
  color: #ef4444; 
}
.service-red .bottom-border { 
  background: linear-gradient(to right, rgba(239,68,68,0.2), rgba(220,38,38,));
}
.service-purple .icon-box { 
  background: #800080; 
} 
.service-purple .arrow-icon { 
  color: #800080; 
}
.service-purple .bottom-border {
  background: linear-gradient(to right, rgba(128,0,128,0.2), rgba(155,89,182,0.2));
}
.service-teal .icon-box { 
  background: #14b8a6; 
} 
.service-teal .arrow-icon { 
  color: #14b8a6; 
}
.service-teal .bottom-border {
  background: linear-gradient(to right, rgba(20,184,166,0.2), rgba(13,148,136,0.2));
}














/* Section */
.why-section {
  background: #fff;
  padding: 96px 24px;
}
@media (min-width:768px){
  .why-section{padding:96px 48px}
}
@media (min-width:1200px){
  .why-section{padding:96px 96px}
}
.container-why { 
  max-width:1280px; 
}

/* Header */
.subtitle { 
  color:#ea580c; 
}
.title { 
  color:#0f172a; 
}
.description { 
  color:#475569; 
}

/* Features */
.features-list { 
  display:flex; 
  flex-direction:column; 
  gap:16px; 
}
.feature-item { 
  display:flex; 
  gap:16px; 
  align-items:flex-start; 
  transition:transform .3s; 
}
.feature-item:hover .icon-box { 
  transform:scale(1.1); 
}
.why-icon-box {
  flex-shrink:0;
  width:48px; height:48px;
  border-radius:8px;
  background:linear-gradient(to bottom right,#3b82f6,#f97316);
  display:flex; align-items:center; justify-content:center;
  transition:transform .3s;
}
.why-icon-box i { 
  color:#fff; font-size:24px; 
}
.feature-item h3 { 
  margin-bottom:4px; color:#0f172a; 
}
.feature-item p { 
  color:#475569; 
}

/* Stats Card */
.stats-card {
  position:relative;
  background:linear-gradient(to bottom right,#0f172a,#1e293b);
  border-radius:24px;
  padding:32px;
  box-shadow:0 25px 50px -12px rgba(0,0,0,.25);
  overflow:hidden;
}
.grid-overlay {
  position:absolute; 
  inset:0;
  border-radius:24px;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:20px 20px;
}
.stat-card {
  background:rgba(255,255,255,.1);
  backdrop-filter:blur(6px);
  border-radius:16px;
  padding:24px;
  border:1px solid rgba(255,255,255,.1);
  text-align:center;
  transition:transform .3s;
}
.stat-card:hover { 
  transform:scale(1.05); 
}
.stat-number { 
  margin-bottom:8px; font-weight:600; 
}
.text-blue { 
  color:#60a5fa; 
}
.text-orange { 
  color:#fb923c; 
}
.text-green { 
  color:#4ade80; 
}
.text-purple { 
  color:#c084fc; 
}
.stat-label { 
  color:rgba(255,255,255,.8); 
}

/* Decorative glows */
.blue-glow {
  position:absolute; 
  top:-16px; 
  right:-16px;
  width:96px; 
  height:96px;
  background:rgba(59,130,246,.2);
  border-radius:50%; filter:blur(40px);
}
.orange-glow {
  position:absolute; 
  bottom:-16px; 
  left:-16px;
  width:128px; 
  height:128px;
  background:rgba(249,115,22,.2);
  border-radius:50%; filter:blur(40px);
}

/* Floating badge */
.floating-badge {
  position:relative;
  z-index: 1; 
  top: 10px;
  background:#fff; 
  border-radius:16px;
  box-shadow:0 20px 25px -5px rgba(0,0,0,.1);
  padding:16px; 
  max-width:200px;
  animation:floatY 3s ease-in-out infinite;
}
@keyframes floatY {
  0%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
  100%{transform:translateY(0)}
}
.avatar-stack { 
  display:flex; 
  margin-right:-8px; 
}
.avatar {
  width:30px; 
  height:30px;
  border-radius:50%; 
  border:2px solid #fff;
}
.bg-blue { 
  background:#3b82f6; 
}
.bg-orange { 
  background:#f97316; 
}
.bg-green { 
  background:#22c55e; 
}
.badge-number { 
  color:#0f172a; font-weight:600; 
}
.badge-label { 
  color:#64748b; 
}











/* Section */
.howworks-section {
  background:#f8fafc;
  padding:96px 24px;
  position:relative;
  overflow:hidden;
}
@media(min-width:768px){
  .howworks-section{padding:96px 48px}
}
@media(min-width:1200px){
  .howworks-section{padding:96px 96px}
}
.howworks-container {
  max-width:1280px; 
  position:relative; 
  z-index:10; 
}

/* Background Pattern */
.howworks-pattern {
  position:absolute; 
  inset:0;
  opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 4h4v4H6V4zm30 30h4v4h-4v-4zM6 34h4v4H6v-4zm30-30h4v4h-4V4z' fill='black'/%3E%3C/svg%3E");
}

/* Header */
.howworks-subtitle { 
  color:#2563eb; 
}
.howworks-title { 
  color:#0f172a; 
}
.howworks-description { 
  color:#475569; 
  max-width:672px; 
}

/* Card */
.howworks-card {
  background:#fff;
  border-radius:16px;
  padding:32px;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.1);
  position:relative;
  transition:box-shadow .3s;
  height:100%;
}
.howworks-card:hover { 
  box-shadow:0 20px 25px -5px rgba(0,0,0,.1); 
}

/* Number badge */
.howworks-number {
  position:absolute; 
  top:-16px; 
  right:-16px;
  width:48px; 
  height:48px;
  border-radius:12px;
  background:linear-gradient(to bottom right,#3b82f6,#f97316);
  color:#fff; 
  display:flex; 
  align-items:center; 
  justify-content:center;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.1);
}

/* Icon */
.howworks-icon {
  width:64px; 
  height:64px;
  border-radius:16px;
  background:linear-gradient(to bottom right,#dbeafe,#ffedd5);
  display:flex; 
  align-items:center; 
  justify-content:center;
  margin-bottom:24px;
  transition:transform .3s;
}
.howworks-icon i { 
  font-size:32px; 
  color:#2563eb; 
}
.howworks-card:hover .howworks-icon { 
  transform:scale(1.1); 
}

/* Content */
.howworks-card-title { 
  color:#0f172a; 
  margin-bottom:12px; 
}
.howworks-card-text { 
  color:#475569; 
}

/* Bottom border */
.howworks-border {
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  height:4px;
  background:linear-gradient(to right,#3b82f6,#f97316);
  border-radius:0 0 16px 16px;
  transform:scaleX(0);
  transition:transform .3s;
}
.howworks-card:hover .howworks-border { 
  transform:scaleX(1); 
}

/* CTA */
.howworks-cta-wrapper {
  display:inline-block;
  background:linear-gradient(to right,#3b82f6,#f97316);
  border-radius:16px;
  padding:4px;
}
.howworks-cta-inner {
  background:#fff;
  border-radius:12px;
  padding:16px 32px;
}
.howworks-cta-text { 
  color:#0f172a; 
  margin: 0;
}
.howworks-cta-btn {
  background:none; 
  border:none;
  color:#2563eb; 
  text-decoration:underline;
  cursor:pointer; 
  transition:color .3s;
}
.howworks-cta-btn:hover { 
  color:#ea580c; 
}












/* Section */
.contact-section { 
  background:#fff; 
  padding:96px 24px; 
}
@media(min-width:768px){
  .contact-section{padding:96px 48px}
}
@media(min-width:1200px){
  .contact-section{padding:96px 96px}
}
.contact-container { 
  max-width:1280px; 
}

/* Header */
.contact-subtitle { 
  color:#2563eb; 
}
.contact-title { 
  color:#0f172a; 
}
.contact-description { 
  color:#475569; max-width:672px; 
}

/* Contact Info */
.contact-info-list { 
  display:flex; 
  flex-direction:column; 
  gap:24px; 
}
.contact-info-item {
  display:flex; 
  align-items:center; 
  gap:16px;
  padding:16px; 
  background:#f8fafc; 
  border-radius:12px;
  transition:background .3s;
}
.contact-info-item:hover { 
  background:#f1f5f9; 
}
.contact-icon {
  padding: 15px 18px;
  border-radius:12px;
  display:flex; 
  align-items:center; 
  justify-content:center;
  color:#fff; 
  transition:transform .3s;
}
.contact-info-item:hover .contact-icon { 
  transform:scale(1.1); 
}
.contact-info-title { 
  color:#64748b; 
}
.contact-info-detail { 
  color:#0f172a; 
  font-weight:500; 
}

/* Icon color themes */
.contact-blue .contact-icon { 
  background:linear-gradient(to bottom right,#3b82f6,#2563eb); 
}
.contact-orange .contact-icon { 
  background:linear-gradient(to bottom right,#f97316,#ea580c); 
}
.contact-green .contact-icon { 
  background:linear-gradient(to bottom right,#22c55e,#16a34a); 
}
.contact-purple .contact-icon { 
  background:linear-gradient(to bottom right,#a855f7,#9333ea); 
}

/* Emergency Card */
.contact-emergency {
  background:linear-gradient(to bottom right,#0f172a,#1e293b);
  border-radius:16px; 
  padding:32px; 
  color:#fff;
}
.contact-emergency h3 { 
  margin-bottom:16px; 
}
.contact-emergency p { 
  color:#cbd5e1; 
  margin-bottom:16px; 
}
.contact-hotline { 
  display:flex; 
  align-items:center; 
  gap:8px; 
  color:#fb923c; 
}

/* Form */
.contact-form { 
  display:flex; 
  flex-direction:column; 
  gap:24px; 
}
.contact-form label { 
  display:block; 
  margin-bottom:8px; 
  color:#334155; 
}
.contact-form input,
.contact-form textarea {
  width:100%; 
  padding:12px; 
  border:1px solid #cbd5e1;
  border-radius:8px; 
  font-size:1rem;
}
.contact-form input:focus,
.contact-form textarea:focus { 
  outline:none; 
  border-color:#2563eb; 
}

/* Submit Button */
.contact-submit {
  width:100%; 
  padding:12px 32px;
  border:none; 
  border-radius:8px;
  background:linear-gradient(to right,#3b82f6,#f97316);
  color:#fff; 
  font-size:1rem; 
  font-weight:500;
  display:inline-flex; 
  align-items:center; 
  justify-content:center;
  transition:background .3s;
}
.contact-submit:hover {
  background:linear-gradient(to right,#2563eb,#ea580c);
}







/* Footer */
.footer-section { 
  background:#0f172a; 
  color:#fff; 
}
.footer-container { 
  max-width:1280px; 
  padding:64px 24px; 
}
@media(min-width:768px){
  .footer-container{padding:64px 48px}
}
@media(min-width:1200px){
  .footer-container{padding:64px 96px}
}

/* Brand */
.footer-logo-icon {
  width:40px; 
  height:40px; 
  border-radius:8px;
  background:linear-gradient(to bottom right,#3b82f6,#f97316);
  display:flex; 
  align-items:center; 
  justify-content:center;
}
.footer-logo-icon i { 
  color:#fff; 
  font-size:20px; 
}
.footer-brand-name { 
  font-size:1.5rem; 
  color:#fff; 
}
.footer-brand-desc { 
  color:#94a3b8; 
  margin-bottom:24px; 
}

/* Social */
.footer-social-link {
  width:40px; 
  height:40px; 
  border-radius:8px;
  background:#1e293b; 
  display:flex; 
  align-items:center; 
  justify-content:center;
  transition:background .3s;
}
.footer-social-link i { 
  color:#fff; 
  font-size:20px; 
}
.footer-facebook:hover, .footer-twitter:hover, .footer-linkedin:hover { 
  background:#1877F2; 
}
.footer-instagram:hover { 
  background: linear-gradient(45deg, #405DE6, #833AB4, #C13584, #E1306C, #FD1D1D, #F56040, #FCAF45, #FFDC80);
}

/* Headings */
.footer-heading { 
  margin-bottom:16px; 
  color:#fff; 
}

/* Links */
.footer-links, .footer-services, .footer-contact { 
  list-style:none; 
  padding:0; 
  margin:0; 
}
.footer-links li, .footer-services li { 
  margin-bottom:12px; 
}
.footer-links a { 
  color:#94a3b8; 
  transition:color .3s; 
  text-decoration:none; 
}
.footer-links a:hover { 
  color:#fff; 
}
.footer-services li { 
  color:#94a3b8; 
}

/* Contact Info */
.footer-contact li { 
  margin-bottom:16px; 
  color:#94a3b8; 
}
.footer-subtext { 
  color:#64748b; 
  font-size:.9rem; 
}
.text-blue { 
  color:#60a5fa; 
}
.text-orange { 
  color:#fb923c; 
}
.text-green { 
  color:#4ade80; 
}

/* Bottom Bar */
.footer-bottom { 
  border-top:1px solid #1e293b; 
}
.footer-copy { 
  color:#94a3b8; 
  margin:0; 
}
.footer-legal a { 
  color:#94a3b8; 
  transition:color .3s; 
  text-decoration:none; 
}
.footer-legal a:hover { 
  color:#fff; 
  }