body {
  font-family: sans-serif;
  background: #fff;
  overflow: auto;
  color: #000 !important;
  font-size: 1rem !important;
  overflow-x: hidden;
}
a:not(:hover) {
  text-decoration: none;
  /* color: black; */
}
strong{
  color: black;
}
html {
  scroll-behavior: smooth;
}
section{
  padding: 70px 0px !important;
}
section[id] {
  scroll-margin-top: 90px; /* adjust to your navbar height */
}
.text-justify{
  text-align: justify !important;
}
.btn-link{
  text-decoration: none !important;
}

.navbar ul li a{
  text-decoration: none !important;
  color: #364153;
  
}
.content {
  padding: 70px 0px 40px 0px !important;
}

.mainHeader {
  z-index: 99;
  width: 100%;
  top: 0;
  left: 0;
  position: sticky;
  transition: all 400ms ease;
  box-shadow: 0 0 10px #0000001c;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

nav#mainNav {
  padding: 15px 0;
}

.navbar {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

nav#mainNav .nav-item {
  padding: 0 10px;
}

.navbar-brand img.logo-1 {
  width: 48px;
  /* max-width: 25%; */
}

.navbar-brand img.logo-2 {
  width: 180px;
  max-width: 75%;
}

  .navicon {
    width: 45px;
    height: 45px;
      background: linear-gradient(to bottom right, rgba(37, 99, 235, 0.9), rgba(249, 115, 22, 0.9));
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    border-radius: 10%;
    border:0;
}
.navicon span:nth-child(1) {
    top: 13px;
    width: 22px;
}
.navicon span:nth-child(2) {
    top: 22px;
    width: 25px;
}
.navicon span:nth-child(3) {
    top: 32px;
    width: 22px;
}
.navicon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    border-radius: 1px;
    opacity: 1;
    background: #fff;
    left: 10px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

.navicon.open span:nth-child(1) {
    top: 23px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.navicon.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}
.navicon.open span:nth-child(3) {
    top: 23px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
/* Show menu on mobile when toggled */

/* Ensure proper centering for the main menu */
.center-menu {
  position: absolute;
  transform: translateX(-50%);
}
/* Make sure right CTA stays at the right */
.right-cta {
  margin-left: auto;
}

/* Fix for mobile view */


/* Styling for the navmenu links */
.navmenu-link {
    position: relative;
    padding: 0.5rem 1rem; /* Padding for the link */
    color: #4B5563; /* Default text color */
    font-weight: 500; /* Medium font weight (fw-medium) */
    font-size: 0.875rem; /* Small text size (text-sm) */
    border-radius: 0.5rem; /* Rounded corners (rounded-lg) */
    transition: all 300ms ease; /* Smooth transition */
}

/* Hover effect on the main link */
.navmenu-link:hover {
    color: #60A5FA; 
    background-color: rgba(219, 234, 254, 0.4); 
}

/* Styling for the underline span */
.span-underline {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0; /* Initially hidden */
    height: 2px; /* Underline height */
    background: linear-gradient(to right, #2563EB, #F97316); /* Blue to Orange gradient */
    transition: all 300ms ease; /* Smooth transition */
    transform: translateX(-50%); /* Center it */
}

/* Hover effect on the underline */
.navmenu-link:hover .span-underline {
    width: 75%; /* Expands to 75% on hover */
}

/* Adjust text size for larger screens */

/* Main button styles */
.btn-gradient-2 {
  background: linear-gradient(to right, #4f46e5, #7c3aed, #ec4899); /* Gradient */
  color: white; /* Text color */
  padding: 0.5rem 1rem; /* Default padding */
  border-radius: 9999px; /* Fully rounded corners */
  font-weight: 500; /* Medium font weight */
  font-size: 0.875rem; /* Small text size */
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); /* Large shadow */
  transition: all 0.3s ease; /* Transition effect */
  color: white !important;
}

/* On sm screen and up, make the button visible */


/* Hover effects */
.get-started-button:hover {
  background: linear-gradient(to right, #1d4ed8, #fb923c); /* Blue to Orange gradient on hover */
  transform: scale(1.05); /* Slight scale on hover */
}

/* Make it responsive for different screen sizes */





.custom-gradient,
.hero-section {
  position: relative;
  background-image: linear-gradient(to bottom right, #1e3a8a, #38bdf8, #f97316);
  color: white;
  overflow: hidden;
}

  .hero-section {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

.overlay-dark {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

.overlay-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(37, 99, 235, 0.9), rgba(249, 115, 22, 0.9));
}

.hero-container {
  position: relative;
  z-index: 10;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}




.hero-content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
}



.hero-text {
  /* width: 100%; */
  text-align: center;
  padding-top: 0.25rem;
}



.hero-text h1 {
  font-size: clamp(1.5rem, 7vw, 3rem);
  font-weight: bold;
  margin-bottom: 1.5rem;
  line-height: 1.2;
  white-space: nowrap;
}





.text-gradient,
.gradient-text {
  background: linear-gradient(to right, #fb923c, #fdba74); /* may differ: check values */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.text-gradient-2{
  background: linear-gradient(to right, #2563eb, #f97316); 
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent;
}
.text-gradient-3{
  background-image: linear-gradient(to right, #1d4bae 0%, #3b82f6 35%, #f97316 50%, #fb923c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.hero-text p {
  font-size: 1rem;
  color: #dbeafe;
  line-height: 1.6;
  margin-bottom: 2rem;
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}


.learn-more {
  display: inline-block;
  border: 2px solid rgba(255, 255, 255, 0.8);
  color: white;
  padding: 0.75rem 2rem;
  border-radius: 9999px;
  text-align: center;
  font-weight: 500;
  font-size: 0.875rem;
  backdrop-filter: blur(4px);
  transition: all 0.3s ease;
  text-decoration: none;
}



.learn-more:hover {
  background-color: white;
  color: #2563eb;
}
.image-wrapper {
  position: relative;
  margin: 0 auto;
}

.image-wrapper img {
  width: 80%;
  height: 80%;
  border-radius: 1rem;
  box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15);
  transition: transform 0.5s ease;
  display: block;
  margin: 0 auto;
}

.image-wrapper img:hover {
  transform: scale(1.05);
}

.gradient-bar {
  height: 4px;
  width: 90px;
  background: linear-gradient(to right, #2563eb, #8b5cf6); /* may differ: check values */
  border-radius: 9999px;
}

.bg-grad1 {
  background: linear-gradient(to right, #eff6ff, #f5f3ff);
}

.bg-grad2 {
  background: linear-gradient(to right, #f5f3ff, #eff6ff);
}

.bg-light-blue {
  background: linear-gradient(to bottom right, #f9fafb, #ebf8ff);
}

.bg-soft-gradient {
  background: linear-gradient(to bottom right, #ebf8ff, #f3e8ff, #ebf8ff);
}

.rounded-4 {
  border-radius: 1rem;
}

.image-glow::before {
  content: '';
  position: absolute;
  inset: -8px;
  background: linear-gradient(to right, #60a5fa, #a78bfa);
  filter: blur(20px);
  border-radius: 1rem;
  opacity: 0.2;
  z-index: 0;
}

.hover-scale,
.feature-box,
.feature-card {
  transition: all 0.4s ease;
}

.hover-scale:hover,
.feature-box:hover,
.feature-card:hover {
  transform: scale(1.05);
}

.about-logo,
.why-logo {
  height: 56px; /* may differ: check values */
}



.feature-box,
.feature-card {
  background: white;
  border-radius: 1.5rem;
  padding: 2rem;
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.05);
}

.icon-box,
.icon-circle-green,
.icon-circle-blue,
.check-icon,
.icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-box {
  width: 48px;
  height: 48px;
  border-radius: 1rem;
}

.icon {
  stroke: currentColor;
  font-size: 1.5rem;
}

.check-icon {
  width: 24px;
  height: 24px;
  background: linear-gradient(to right, #4ade80, #22c55e);
  border-radius: 999px;
}

.check-icon::before {
  content: '';
  width: 8px;
  height: 14px;
  border: solid white;
  border-width: 0 2px 2px 0;
  display: inline-block;
  transform: rotate(45deg);
  margin: 0px 8px;
}

.pricing-title {
  font-size: 1.5rem;
}




.pricing-subtitle,
.pricing-subtitle-dark {
  font-size: 1.125rem;
}


.pricing-text {
  font-size: 1rem;
}


.gradient-bar {
  height: 4px;
  width: 5rem;
  background: linear-gradient(to right, #2563eb, #7c3aed); /* may differ: check values */
}

.bg-card {
  background: linear-gradient(to bottom right, #eff6ff, #ede9fe);
  border-radius: 1.5rem;
  border: 1px solid #dbeafe;
  box-shadow: 0 25px 50px -12px rgba(99, 102, 241, 0.25);
}

.icon-circle-green {
  width: 2rem;
  height: 2rem;
  background: linear-gradient(to right, #34d399, #10b981);
  border-radius: 9999px;
}

.icon-circle-blue {
  width: 2rem;
  height: 2rem;
  background: linear-gradient(to right, #60a5fa, #8b5cf6);
  border-radius: 9999px;
}

.icon-check,
.icon-institution {
  width: 1rem;
  height: 1rem;
  stroke-width: 3;
  color: white;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #7c3aed;
  text-decoration: underline;
  transition: color 0.3s ease;
}

.btn-gradient {
  background: linear-gradient(90deg, #6366f1, #8b5cf6, #ec4899);
  color: white;
  font-weight: 600;
  font-size: 1rem;
  padding: 0.75rem 2rem;
  border-radius: 9999px;
  box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.5);
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  user-select: none;
}

.btn-gradient:hover,
.btn-gradient:focus {
  background: linear-gradient(90deg, #ec4899, #f43f5e, #f59e0b);
  transform: scale(1.05);
  box-shadow: 0 15px 20px -5px rgba(244, 62, 94, 0.6);
  text-decoration: none;
}

.phone-icon {
  background: linear-gradient(to right, #3b82f6, #2563eb);
  height:2rem;
  width:2rem;
}

.email-icon {
  background: linear-gradient(to right, #f97316, #ea580c);
  height:2rem;
  width:2rem;
}

.address-icon {
  background: linear-gradient(to right, #10b981, #059669);
  height:2rem;
  width:2rem;
}

.hours-icon {
  background: linear-gradient(to right, #8b5cf6, #7c3aed);
  height:2rem;
  width:2rem;
}

.card-title {
  font-weight: 700;
}

button[disabled] {
  cursor: not-allowed;
  background-color: #9ca3af !important;
  border-color: #9ca3af !important;
}

.form-check-label {
  margin-left: 0.25rem;
}



footer {
  background: linear-gradient(to bottom right, #111827, #1e3a8a, #b91c1c);
  color: white;
}

.footer-border-top {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.text-muted-gray {
  color: #d1d5db;
}

.text-muted-gray-light {
  color: #9ca3af;
}

.footer-logo {
  width: 7rem;
  height: 7rem;
  object-fit: contain;
}



.footer-link {
  color: #facc15;
  font-weight: 600;
}

.footer-link:hover {
  text-decoration: underline;
}
  .bg-blue{
    background: linear-gradient(to right, #3b82f6, #2563eb);
}

  .bg-purple{
    background: linear-gradient(to right, #a855f7, #7e22ce);
  }
  .text-purple{
    color: #7e22ce !important;
  }
  
.whatsapp-button {
    position: fixed;
    bottom: 5rem;
    right: 1.5rem;
    z-index: 50;
}
.whatsapp-btn {
    background-color: #25D366;
    padding: 1rem;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    animation: pulse-animation 2s infinite;
    border:0;
}
.whatsapp-btn:hover {
    background-color: #128C7E;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
    transform: scale(1.1);
}
.whatsapp-btn svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: white; /* Ensure the icon is white */
}
@keyframes pulse-animation {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
/* Box shadow and rounded corners */
    .shadow-rounded {
      border-radius: 1.5rem;
      box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
      background: white;
      padding: 2rem 3rem;
      text-align: justify;
    }
    /* Custom list styling */
    .custom-list-disc {
      list-style-type: disc;
      padding-left: 1.25rem;
    }
    .custom-list-upper-roman {
      list-style-type: upper-roman;
      padding-left: 1.25rem;
    }
    .custom-link:hover {
      text-decoration: underline;
    }

        /* .prose {
      font-size: 1.125rem;
      color: #374151; 
      font-weight: 500;
      line-height: 1.75;
    }

    .text-transparent {
      color: transparent;
    } */
     
.padding-top-mobile{
  padding-top: 40px;
}
@media (min-width: 320px) and (max-width: 770px) {
  .padding-top-mobile{
    padding-top: 125px;
  }
}