/* -------------------------------
   Global Variables & Base Styles #3376d0, #3376D0
--------------------------------- */
:root {
  --bs-primary: #3376d0;
  --bs-secondary: #0be1ff;
  --bs-light: #f2f5f9;
  --bs-dark: #16243d;
  --bs-white: #fff;
  --gradient-primary: linear-gradient(135deg, #3376d0 0%, #023b7a 100%);
  --gradient-accent: linear-gradient(45deg, #00c9ff 0%, #92fe9d 100%);
  --input-focus-border: rgba(1, 95, 201, 0.4);
}

#successPopup, #errorPopup {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
  transition: opacity 0.5s ease-in-out;
 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
/* -------------------------------
         General Form Styles
--------------------------------- */
.field .error-txt {
  font-size: 14px;
  color: #d93025;
  margin-top: 5px;
  display: none;
}
.field.error .error-txt {
  display: block;
}
.field.error .item {
  border-color: #d93025;
}

/* -------------------------------
         Nav Bar 
--------------------------------- */
.navbar-premium {
  padding: 0.5rem 0;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(8px);
}
.logo-text b {
  color: var(--bs-primary);
  font-size: 18px;
  letter-spacing: 1px;
}
/* Mobile Styles */
.nav-mobile-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(1, 95, 201, 0.1);
  color: var(--bs-primary);
  text-decoration: none;
  transition: all 0.2s ease;
}
.nav-mobile-icon:hover {
  background: var(--bs-primary);
  color: white;
}
.nav-mobile-icon.bg-primary:hover {
  background: var(--bs-dark) !important;
  color: white;
}

.nav-link {
  color: #4a5568 !important;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  white-space: nowrap;
}

.nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: var(--bs-primary);
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

.nav-link:hover::after,
.nav-link.active::after {
  width: 60%;
}

.btn-primary {
  white-space: nowrap;
}

.btn-primary:hover {
  background: var(--bs-dark);
  box-shadow: 0 5px 15px rgba(1, 95, 201, 0.2);
}

.btn-primary i {
  transition: transform 0.3s ease-in-out;
}

.btn-primary:hover i {
  transform: translateX(5px);
}

.nav-contact {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  transition: background 0.2s ease;
}

.nav-contact:hover {
  background: rgba(1, 95, 201, 0.05);
}
.bcom {
  display: none;
}

#mainNav {
  transition: transform 0.3s ease-in-out;
}

@media (max-width: 991px) {

  .keyfeature-text{
  text-align: center !important;
  padding: 0px !important;
  }
  .bcom {
    display: block;
  }
  .navbar-brand {
    transform: scale(0.7);
  }

  .navbar-brand svg {
    width: 40px;
  }
  .navbar-collapse {
    background: white;
    padding: 1rem;
    margin-top: 0.5rem;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.5s ease-in-out;
  }
  .icon-compare {
    display: none;
  }
  .nav-link::after {
    display: none;
  }

  .deski-icons {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .nav-mobile-icon {
    display: none !important;
  }
}

@media (max-width: 372px) {
  .nav-mobile-icon {
    display: none !important;
  }
}

.navbar-premium {
  transition: transform 0.9s cubic-bezier(0.33, 1, 0.6, 1),
    opacity 0.9s ease-out;
  transform: translateY(0);
  opacity: 1;
}

.navbar-premium.navbar-hidden {
  transform: translateY(-100%);
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.3s ease-in;
}

/*---------- Premium Hero Section --------*/
.hero-premium {
  position: relative;
  background: linear-gradient(135deg, var(--bs-primary) 0%, #004a9e 100%);
  overflow: hidden;
}

.hero-pattern {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 122.88 120.16" xmlns="http://www.w3.org/2000/svg" opacity="0.05"><path fill-rule="evenodd" clip-rule="evenodd" d="M100.44,6.4c12.39,0,22.44,10.05,22.44,22.44c0,10.21-6.82,18.83-16.16,21.55c0.41,10.31,0.54,21.41-0.96,31.45c-1.61,10.86-4.96,20.21-10.95,27.03c-6.26,7.13-15.09,11.3-27.34,11.3c-17.49,0-27.38-7.62-32.93-18.41c-4.56-8.86-5.88-19.65-6.13-29.82c-2.5-1.76-5.01-4.16-7.47-7.01c-3.57-4.15-7.12-9.32-10.3-14.8c-0.9-1.56-0.95-3.38-0.29-4.91c-0.17-0.33-0.34-0.65-0.51-0.98C2.91,30.67-1.61,15.88,0.54,9.42c1.01-3.04,3.43-5.04,6.99-6.15c2.88-0.89,6.61-1.19,11.02-0.97c0.39-0.35,0.84-0.69,1.36-1.01c0.57-0.36,1.15-0.64,1.72-0.85C27.1-1.59,32.7,3.82,30.18,9.4c-1.14,2.53-3.66,4.37-6.37,4.3c-2.54-0.07-4.53-1.73-5.98-3.68l-0.09-0.18c-3.35-0.13-6.06,0.07-7.99,0.67c-1.16,0.36-1.87,0.79-2.04,1.28c-1.51,4.53,2.72,16.98,8.86,28.99c0.25,0.49,0.5,0.98,0.76,1.46c1.14,0.43,2.14,1.24,2.8,2.38c2.86,4.94,6,9.53,9.09,13.12c1.63,1.89,3.2,3.46,4.65,4.62c0.19,0,0.38,0.01,0.56,0.03c1.38-0.99,2.91-2.43,4.51-4.19c3.27-3.58,6.59-8.32,9.61-13.42c0.66-1.11,1.64-1.9,2.76-2.33c6.42-11.87,11.05-24.56,10.1-29.56c-0.22-1.14-1.23-1.88-2.7-2.37c-1.88-0.63-4.33-0.88-6.99-0.95c-0.07,0.15-0.15,0.3-0.23,0.46c-1.45,1.95-3.44,3.61-5.98,3.68c-2.71,0.07-5.22-1.77-6.37-4.3c-2.52-5.58,3.08-10.99,8.55-8.97c0.58,0.21,1.15,0.5,1.72,0.85c0.36,0.22,0.68,0.46,0.98,0.69c3.88,0.01,7.64,0.31,10.71,1.35c4.03,1.36,6.92,3.84,7.74,8.16c1.23,6.51-3.61,20.9-10.54,33.93c0.66,1.55,0.6,3.38-0.32,4.95c-3.38,5.71-7.17,11.08-10.95,15.22c-2.51,2.75-5.09,5.03-7.66,6.62c0.24,8.68,1.34,17.64,4.88,24.52c3.75,7.29,10.67,12.45,23.18,12.45c8.79,0,14.93-2.77,19.1-7.52c4.45-5.06,7-12.51,8.33-21.4c1.37-9.21,1.25-19.67,0.87-29.46C85.61,48.64,78,39.63,78,28.84C78,16.44,88.04,6.4,100.44,6.4L100.44,6.4z M95.8,43.37c0.07,0.02,0.14,0.04,0.21,0.07l0.01,0l0.07,0.02l0.08,0.02l0.2,0.06l0.14,0.04l0.18,0.05c0.08,0.02,0.15,0.04,0.22,0.05l0.17,0.04l0.21,0.04l0.16,0.03l0.25,0.05l0.09,0.02c0.09,0.02,0.18,0.03,0.28,0.05l0.11,0.02c0.1,0.02,0.2,0.03,0.31,0.04l0.02,0l0,0l0.02,0c0.11,0.01,0.21,0.03,0.32,0.04l0.08,0.01c0.11,0.01,0.22,0.02,0.32,0.03l0.05,0c0.12,0.01,0.24,0.02,0.36,0.02l0.01,0c0.12,0.01,0.25,0.01,0.37,0.01l0.02,0h0.01c0.13,0,0.26,0,0.38,0c0.13,0,0.26,0,0.39,0h0c0.13,0,0.26-0.01,0.39-0.01h0c0.13-0.01,0.25-0.02,0.38-0.02l0.01,0h0h0c0.12-0.01,0.24-0.02,0.36-0.03l0.02,0l0,0l0.01,0c0.12-0.01,0.25-0.03,0.37-0.04l0,0c0.12-0.02,0.24-0.03,0.36-0.05l0.02,0l0,0l0.01,0c0.12-0.02,0.24-0.04,0.36-0.06l0,0c0.12-0.02,0.24-0.04,0.35-0.07l0.02,0l0.01,0l0.01,0c0.12-0.02,0.23-0.05,0.35-0.08l0.01,0l0.01,0c0.12-0.03,0.24-0.06,0.36-0.09l0.01,0c0.11-0.03,0.22-0.06,0.33-0.09l0.06-0.02c0.11-0.03,0.21-0.06,0.32-0.1l0.01,0l0.01,0c0.11-0.04,0.22-0.07,0.33-0.11l0.02,0l0.01,0c0.11-0.04,0.22-0.08,0.33-0.12l0.01,0l0.01,0c0.11-0.04,0.23-0.08,0.34-0.13l0.01,0c0.11-0.04,0.21-0.09,0.32-0.13l0.01-0.01l0.01,0c5.47-2.32,9.3-7.73,9.3-14.05c0-8.42-6.83-15.25-15.25-15.25s-15.25,6.83-15.25,15.25c0,6.67,4.28,12.34,10.25,14.41l0.21,0.07l0.07,0.02L95.8,43.37L95.8,43.37z M100.44,20.5c4.61,0,8.34,3.73,8.34,8.34s-3.73,8.34-8.34,8.34s-8.34-3.73-8.34-8.34S95.83,20.5,100.44,20.5L100.44,20.5z" fill="none" stroke="white" stroke-width="2"/></svg>');
  background-size:120px;
  animation: patternMove 20s linear infinite;
}

@keyframes patternMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 120px 120px;
  }
}

.stat-card {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.row.g-4 {
  display: flex;
  flex-wrap: wrap;
}

.col-6,
.col-md-4 {
  display: flex;
  flex-direction: column;
}

.h2 {
  font-size: 2rem;
}

@media (max-width: 768px) {
  .stat-card {
    padding: 1rem;
    height: auto; /* Adjusts for smaller screens */
  }

  .h2 {
    font-size: 1.5rem;
  }

  small {
    font-size: 0.8rem;
  }
}

.phone-form-container {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 2rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

/* -------------------------------
         Feature Items
--------------------------------- */
.feature .feature-item {
  border-radius: 10px;
  background: var(--bs-white);
  transition: 0.5s;
}
.feature .feature-item:hover {
  background: var(--bs-primary);
}
.feature .feature-item .feature-icon {
  position: relative;
  width: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: var(--bs-light);
}
.feature .feature-item:hover .feature-icon i {
  z-index: 9;
}
.feature .feature-item .feature-icon::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: var(--bs-dark);
  transition: 0.5s;
  z-index: 1;
}
.feature .feature-item:hover .feature-icon::after {
  height: 100%;
}
.feature .feature-item .feature-icon {
  color: var(--bs-primary);
}
.feature .feature-item .feature-icon,
.feature .feature-item h4,
.feature .feature-item p {
  transition: 0.5s;
}
.feature .feature-item:hover .feature-icon {
  color: var(--bs-white);
}
.feature .feature-item:hover h4,
.feature .feature-item:hover p {
  color: var(--bs-white);
}
.feature .feature-item:hover a.btn {
  background: var(--bs-white);
  color: var(--bs-primary);
}
.feature .feature-item:hover a.btn:hover {
  background: var(--bs-dark);
  color: var(--bs-white);
}

/* -------------------------------
         University Partners section
--------------------------------- */
/* University Partners Section */
.university-partners {
  background: var(--bs-light);
}

.university-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 15px;
  justify-content: center;
  background: rgba(var(--bs-primary), 0.05);
  max-width: 1200px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(1, 95, 201, 0.08);
}

.grid-cell {
  aspect-ratio: 1;
  background: white;
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.grid-cell:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 15px -3px rgba(1, 95, 201, 0.1);
}

.grid-logo {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  opacity: 0;
  background: white;
}

.grid-logo img {
  max-width: 80%;
  max-height: 80%;
  filter: grayscale(1) opacity(0.8);
  transition: all 0.3s ease;
}

.grid-cell:hover img {
  filter: grayscale(0) opacity(1);
  transform: scale(1.05);
}

@media (max-width: 992px) {
  .university-grid {
    grid-template-columns: repeat(3, 1fr);
    max-width: 800px;
  }

  .display-4 {
    font-size: 2.5rem;
  }
}

@media (max-width: 576px) {
  .university-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-logo img {
    max-width: 70%;
  }
}

/* -------------------------------
         About Section Style
--------------------------------- */
.about-section {
  background: linear-gradient(135deg, var(--bs-light) 50%, var(--bs-white) 50%);
  position: relative;
  overflow: hidden;
}

.trust-card {
  position: relative;
  transition: transform 0.3s ease;
}
.trust-card:hover {
  transform: translateY(-5px);
}
.badge-item {
  width: 100%;
  max-width: 180px; /* Set a max-width for uniformity */
  margin-bottom: 1.5rem;
}

.badge-img {
  width: 100%; /* Make all images uniform */
  max-width: 120px; /* Adjust image size */
  height: auto;
  display: block;
  margin: 0 auto;
}

.pillar-card {
  background: rgba(1, 95, 201, 0.05);
  border-radius: 15px;
  transition: all 0.3s ease;
}
.pillar-card:hover {
  background: var(--bs-white);
  box-shadow: 0 10px 30px rgba(1, 95, 201, 0.1);
}

.icon-wrapper {
  position: relative;
  display: inline-block;
}
.icon-wrapper i {
  transition: transform 0.3s ease;
}
.pillar-card:hover .icon-wrapper i {
  transform: rotateY(360deg);
}

.trust-timeline {
  position: relative;
  padding-left: 30px;
  border-left: 3px solid var(--bs-primary);
}
.timeline-item {
  position: relative;
  margin-bottom: 30px;
}
.timeline-marker {
  position: absolute;
  left: -38px;
  top: 5px;
  width: 25px;
  height: 25px;
  background: var(--bs-white);
  border: 3px solid var(--bs-primary);
  border-radius: 50%;
}
.timeline-content {
  background: var(--bs-white);
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.cta-box {
  position: relative;
  overflow: hidden;
}
.cta-box:before {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  right: -50px;
  bottom: -50px;
}

@media (max-width: 768px) {
  .about-section {
    background: var(--bs-light);
  }
  .trust-card {
    margin-bottom: 40px;
  }
}

/* -------------------------------
         Order Booking process
--------------------------------- */
.process-item {
  position: relative;
  text-align: center;
  transition: all 0.3s ease;
  padding: 25px;
  background: var(--bs-light);
  border-radius: 15px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.process-item:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(1, 95, 201, 0.15);
}

.process-icon {
  width: 100px;
  height: 100px;
  margin: -50px auto 20px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease;
}

.step-badge {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 45px;
  height: 45px;
  background: var(--bs-primary);
  color: var(--bs-white);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.3rem;
  border: 3px solid var(--bs-light);
}

.process-content {
  padding: 15px 0;
}

.process-content h4 {
  color: var(--bs-dark);
  margin-bottom: 1rem !important;
}

.process-content ul {
  list-style: none;
  padding-left: 1rem;
}

.process-content ul li {
  position: relative;
  margin-bottom: 0.5rem;
  text-align: left;
}

.process-content ul li:before {
  content: "✓";
  color: var(--bs-primary);
  position: absolute;
  left: -1.2rem;
}

.process-arrow {
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
}

.support-banner {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--bs-primary), #0056b3);
}

.support-icon i {
  transition: transform 0.5s ease;
}

.support-banner:hover .support-icon i {
  transform: rotate(-15deg) scale(1.1);
}

@media (max-width: 992px) {
  .process-item {
    margin-bottom: 60px;
  }

  .process-arrow {
    display: none !important;
  }

  .process-content ul {
    padding-left: 1.5rem;
  }
}

/* -------------------------------
         FAQs Section
--------------------------------- */
.custom-accordion .accordion-button {
  border-radius: 0.75rem !important;
  transition: all 0.3s ease;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
}

.custom-accordion .accordion-button:not(.collapsed) {
  background: #3376d0;
  color: white;
  transform: translateX(10px);
}

.custom-accordion .accordion-button:after {
  content: "\f0a5";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  background-image: none;
  transform: rotate(0deg);
  transition: all 0.3s ease;
}

.custom-accordion .accordion-button:not(.collapsed):after {
  color: white;
  transform: rotate(-90deg);
}
/* -------------------------------
         Comparison
--------------------------------- */
.comparison-table {
  position: relative;
  z-index: 10;
  background: white;
  border: 1px solid rgba(1, 95, 201, 0.1);
}

.comparison-header {
  background: var(--bs-primary);
  border-bottom: 3px solid rgba(255, 255, 255, 0.1);
}

.comparison-row {
  border-bottom: 1px solid rgba(1, 95, 201, 0.05);
  transition: all 0.3s ease;
}

.comparison-row:hover {
  background: rgba(1, 95, 201, 0.03);
}

.comparison-footer {
  background: rgba(1, 95, 201, 0.05);
}

.icon-square {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.comparison-pattern {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(
    rgba(1, 95, 201, 0.05) 1px,
    transparent 1px
  );
  background-size: 40px 40px;
  opacity: 0.3;
}
.primary-light {
  background: rgba(1, 95, 201, 0.05);
}

@media (max-width: 768px) {
  .comparison-row .col-md-7 {
    margin-bottom: 1rem;
  }
}

/* -------------------------------
   Testimonial Section
--------------------------------- */

.carousel-track {
  display: flex;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.testimonial-item {
  flex: 0 0 calc(33.333% - 30px);
  min-width: calc(33.333% - 30px);
  margin: 0 15px;
  transition: all 0.3s ease;
}

.testimonial-card {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
}

.card-header {
  padding: 30px;
  background: rgba(13, 110, 253, 0.05);
  position: relative;
}

.watermark {
  position: absolute;
  font-size: 120px;
  opacity: 0.05;
  right: 20px;
  bottom: -30px;
  font-family: serif;
  color: var(--bs-primary);
}

.icon-holder {
  width: 70px;
  height: 70px;
  background: var(--bs-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  color: white;
  font-size: 24px;
  transition: transform 0.3s ease;
}

.testimonial-item:hover .icon-holder {
  transform: scale(1.1);
}

.carousel-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}

.carousel-button {
  pointer-events: all;
  width: 50px;
  height: 50px;
  background: var(--bs-primary);
  border: none;
  border-radius: 50%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(13, 110, 253, 0.3);
}

.carousel-button:hover {
  background: var(--bs-dark);
  transform: scale(1.1);
}

.carousel-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 30px;
}

.carousel-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(13, 110, 253, 0.2);
  border: none;
  transition: all 0.3s ease;
}

.carousel-dot.active {
  background: var(--bs-primary);
  transform: scale(1.3);
}

@media (max-width: 992px) {
  .testimonial-item {
    flex: 0 0 calc(50% - 30px);
    min-width: calc(50% - 30px);
  }
}

@media (max-width: 768px) {
  .testimonial-item {
    flex: 0 0 100%;
    min-width: 100%;
  }

  .carousel-nav {
    display: none;
  }
}
/* -------------------------------
         Footer Section
--------------------------------- */
/* Footer Enhancements */
.footer {
  background: var(--bs-dark);
  position: relative;
  overflow: hidden;
}

.footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    45deg,
    rgba(1, 95, 201, 0.1) 0%,
    rgba(11, 225, 255, 0.05) 100%
  );
  pointer-events: none;
}
.foot-div {
  width: 100%; /* Make the container full width */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Spread items evenly */
}

.foot-div img {
  flex: 1 1 auto; /* Allow images to grow and shrink */
  max-width: 80px; /* Optional: Adjust as needed */
  height: auto; /* Maintain aspect ratio */
  object-fit: contain; /* Prevent image distortion */
}

.foot-div div img {
  max-width: 100px; /* Ensure the SSL badge does not break layout */
}

.hover-primary:hover {
  color: var(--bs-primary) !important;
}

.connect-div > a:hover {
  background-color: var(--bs-light);
}
.connect-div > a:hover small {
  color: black !important;
}
.hover-scale {
  transition: all 0.3s ease;
}

.hover-scale:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.bg-dark-200 {
  background: #0a192f;
}

.border-light-10 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.hover-top {
  transition: all 0.3s ease;
  position: relative;
  top: 0;
}

.hover-top:hover {
  top: -5px;
}

/* -------------------------------
         contact us or get started
--------------------------------- */
.floating-label {
  position: absolute;
  top: 20px;
  left: 16px;
  font-size: 1rem;
  color: #666;
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 2;
}

.form-hero {
  position: static;
  background: var(--gradient-primary);
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
  padding-bottom: 8rem;
  margin-bottom: -6rem;
}

.form-card {
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(20px);
  border-radius: 1.5rem;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  transform: translateY(-50px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}


.floating-label {
  transform: translateY(-25px) scale(0.9);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.form-control:focus ~ .floating-label,
.form-control:not(:placeholder-shown) ~ .floating-label {
  opacity: 1;
  transform: translateY(-38px) scale(0.8);
}

.security-badge {
  background: rgba(1, 95, 201, 0.1);
  backdrop-filter: blur(4px);
}
.connect-form {
  border: 20px solid red;
}
/* Hide default date input icon */
.custom-date-input::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

/* Ensure the input has padding to make space for the icon */
.custom-date-input {
  padding-right: 40px; /* Adjust spacing */
  cursor: pointer;
}

/* Adjust the icon position */
.input-hybrid i {
  pointer-events: none; /* Prevent the icon from blocking clicks */
  right: 10px;
  color: #007bff; /* Adjust color as needed */
}