/* prettier-ignore */
/* -------------------------------------------------------------------------- */
/*                           Smooth Animations                                */
/* -------------------------------------------------------------------------- */
* {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

input, textarea, button, a, .navbar, .nav-link {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes scaleIn {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scaleIn {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes float {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes float {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-webkit-keyframes pulse {
  0%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@keyframes pulse {
  0%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
.animate-fade-in-up {
  -webkit-animation: fadeInUp 0.8s ease-out forwards;
  animation: fadeInUp 0.8s ease-out forwards;
}

.animate-fade-in-left {
  -webkit-animation: fadeInLeft 0.8s ease-out forwards;
  animation: fadeInLeft 0.8s ease-out forwards;
}

.animate-fade-in-right {
  -webkit-animation: fadeInRight 0.8s ease-out forwards;
  animation: fadeInRight 0.8s ease-out forwards;
}

.animate-fade-in {
  -webkit-animation: fadeIn 0.8s ease-out forwards;
  animation: fadeIn 0.8s ease-out forwards;
}

.animate-scale-in {
  -webkit-animation: scaleIn 0.6s ease-out forwards;
  animation: scaleIn 0.6s ease-out forwards;
}

.animate-float {
  -webkit-animation: float 3s ease-in-out infinite;
  animation: float 3s ease-in-out infinite;
}

.animate-pulse {
  -webkit-animation: pulse 2s ease-in-out infinite;
  animation: pulse 2s ease-in-out infinite;
}

.delay-100 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.delay-200 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.delay-300 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.delay-400 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.delay-500 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.delay-600 {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.delay-700 {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.delay-800 {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.btn {
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn:active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.nav-link {
  position: relative;
}
.nav-link::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 50%;
  background-color: #1a365d;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.nav-link:hover::after {
  width: 100%;
}

.card {
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.card:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

img {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.img-hover-zoom {
  overflow: hidden;
}
.img-hover-zoom img {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.img-hover-zoom:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

html {
  scroll-behavior: smooth;
}

.navbar {
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.navbar.scrolled {
  background-color: rgba(255, 255, 255, 0.95) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.hero-content h1, .hero-content h2, .hero-content h3, .hero-content p, .hero-content .btn {
  -webkit-animation: fadeInUp 0.8s ease-out forwards;
  animation: fadeInUp 0.8s ease-out forwards;
}
.hero-content h1 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.hero-content h2 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.hero-content p {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.hero-content .btn {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.hero-image {
  -webkit-animation: fadeInRight 1s ease-out forwards;
  animation: fadeInRight 1s ease-out forwards;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

/* -------------------------------------------------------------------------- */
/*                        Scroll-Triggered Animations                         */
/* -------------------------------------------------------------------------- */
.scroll-animate {
  -webkit-animation: fadeInUp 0.6s ease-out forwards;
  animation: fadeInUp 0.6s ease-out forwards;
}

.services-card-shadow,
.service-card,
.feature-box {
  -webkit-animation: fadeInUp 0.8s ease-out forwards;
  animation: fadeInUp 0.8s ease-out forwards;
}
.services-card-shadow:nth-child(1),
.service-card:nth-child(1),
.feature-box:nth-child(1) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.services-card-shadow:nth-child(2),
.service-card:nth-child(2),
.feature-box:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.services-card-shadow:nth-child(3),
.service-card:nth-child(3),
.feature-box:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.services-card-shadow:hover,
.service-card:hover,
.feature-box:hover {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
  -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.feature-item {
  -webkit-animation: fadeInUp 0.6s ease-out forwards;
  animation: fadeInUp 0.6s ease-out forwards;
}
.feature-item:hover {
  -webkit-transform: translateY(-5px) scale(1.02);
  -ms-transform: translateY(-5px) scale(1.02);
  transform: translateY(-5px) scale(1.02);
}
.feature-item:hover img {
  -webkit-transform: scale(1.1) rotate(5deg);
  -ms-transform: scale(1.1) rotate(5deg);
  transform: scale(1.1) rotate(5deg);
}
.feature-item img {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.section-heading {
  -webkit-animation: fadeInUp 0.6s ease-out forwards;
  animation: fadeInUp 0.6s ease-out forwards;
}

.stagger-1 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.stagger-2 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.stagger-3 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.stagger-4 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.stagger-5 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.stagger-6 {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.stagger-7 {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.stagger-8 {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.stagger-9 {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.stagger-10 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.stagger-11 {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.stagger-12 {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

#customers .col-md-6,
#customers .col-lg-3 {
  -webkit-animation: fadeInUp 0.6s ease-out forwards;
  animation: fadeInUp 0.6s ease-out forwards;
}
#customers .row .col-md-6:nth-child(1),
#customers .row .col-lg-3:nth-child(1) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
#customers .row .col-md-6:nth-child(2),
#customers .row .col-lg-3:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
#customers .row .col-md-6:nth-child(3),
#customers .row .col-lg-3:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
#customers .row .col-md-6:nth-child(4),
#customers .row .col-lg-3:nth-child(4) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

/* -------------------------------------------------------------------------- */
/*                        CTA Section Hover Effects                            */
/* -------------------------------------------------------------------------- */
#cta .form-control {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}
#cta .form-control:hover {
  border-color: rgba(26, 54, 93, 0.3);
  -webkit-box-shadow: 0 0 15px rgba(26, 54, 93, 0.1);
  box-shadow: 0 0 15px rgba(26, 54, 93, 0.1);
}
#cta .form-control:focus {
  border-color: #1a365d;
  -webkit-box-shadow: 0 0 20px rgba(26, 54, 93, 0.2);
  box-shadow: 0 0 20px rgba(26, 54, 93, 0.2);
}

/* -------------------------------------------------------------------------- */
/*                        Pricing Section Hover Effects                        */
/* -------------------------------------------------------------------------- */
#pricing .col-md-6:first-child {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#pricing .col-md-6:first-child:hover {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}
#pricing .d-flex > div {
  padding: 1rem;
  border-radius: 12px;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
#pricing .d-flex > div:hover {
  background: rgba(144, 238, 144, 0.15);
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 10px 25px rgba(26, 54, 93, 0.12);
  box-shadow: 0 10px 25px rgba(26, 54, 93, 0.12);
}
#pricing .d-flex > div:hover h4 {
  color: #1a365d;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
#pricing .d-flex > div h4 {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#pricing .col-md-6:last-child img {
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#pricing .col-md-6:last-child:hover img {
  -webkit-transform: scale(1.05) rotate(2deg);
  -ms-transform: scale(1.05) rotate(2deg);
  transform: scale(1.05) rotate(2deg);
  -webkit-filter: drop-shadow(0 15px 30px rgba(26, 54, 93, 0.2));
  filter: drop-shadow(0 15px 30px rgba(26, 54, 93, 0.2));
}

/* -------------------------------------------------------------------------- */
/*                        Docs Section Hover Effects                           */
/* -------------------------------------------------------------------------- */
#docs li,
#auto li {
  padding: 0.5rem 1rem;
  border-radius: 8px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
#docs li:hover,
#auto li:hover {
  background: rgba(144, 238, 144, 0.15);
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
  padding-left: 1.5rem;
}
#docs li:hover .fa-check-circle,
#auto li:hover .fa-check-circle {
  color: #90EE90 !important;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
#docs li .fa-check-circle,
#auto li .fa-check-circle {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* -------------------------------------------------------------------------- */
/*                        Footer Hover Effects                                 */
/* -------------------------------------------------------------------------- */
.footer-link {
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.footer-link::before {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 2px;
  background: #90EE90;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.footer-link:hover {
  color: #90EE90 !important;
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
  padding-left: 5px;
}
.footer-link:hover::before {
  width: 10px;
}

.bg-1000 .d-flex a {
  display: inline-block;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 8px;
  border-radius: 50%;
}
.bg-1000 .d-flex a:hover {
  -webkit-transform: translateY(-5px) scale(1.2);
  -ms-transform: translateY(-5px) scale(1.2);
  transform: translateY(-5px) scale(1.2);
  background: rgba(144, 238, 144, 0.2);
}
.bg-1000 .d-flex a:hover img {
  -webkit-filter: brightness(1.5);
  filter: brightness(1.5);
}
.bg-1000 h5 {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: default;
}
.bg-1000 h5:hover {
  color: #90EE90 !important;
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}

/* -------------------------------------------------------------------------- */
/*                        Enhanced Button Hover Effects                        */
/* -------------------------------------------------------------------------- */
.btn-primary {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn-primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.2)), to(transparent));
  background: -o-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: -1;
}
.btn-primary:hover {
  -webkit-transform: translateY(-3px) scale(1.02);
  -ms-transform: translateY(-3px) scale(1.02);
  transform: translateY(-3px) scale(1.02);
  -webkit-box-shadow: 0 8px 25px rgba(26, 54, 93, 0.35);
  box-shadow: 0 8px 25px rgba(26, 54, 93, 0.35);
}
.btn-primary:hover::before {
  left: 100%;
}

.btn-default {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-default:hover {
  color: #1a365d !important;
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
.btn-default:hover .fa-arrow-right {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
.btn-default .fa-arrow-right {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.btn-outline-primary:hover {
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-box-shadow: 0 8px 20px rgba(26, 54, 93, 0.25);
  box-shadow: 0 8px 20px rgba(26, 54, 93, 0.25);
}

/* -------------------------------------------------------------------------- */
/*                        Image & Illustration Hovers                          */
/* -------------------------------------------------------------------------- */
section .col-md-6 > img {
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

section .col-md-6:hover > img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
  -webkit-filter: drop-shadow(0 10px 20px rgba(26, 54, 93, 0.15));
  filter: drop-shadow(0 10px 20px rgba(26, 54, 93, 0.15));
}

section:not(#pricing):not(#customers):not(#product) .d-flex > div {
  padding: 0.75rem;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section:not(#pricing):not(#customers):not(#product) .d-flex > div:hover {
  background: rgba(144, 238, 144, 0.1);
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
}

/* -------------------------------------------------------------------------- */
/*                        Navbar Enhanced Hover                                */
/* -------------------------------------------------------------------------- */
.navbar-brand img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navbar-brand:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-filter: drop-shadow(0 2px 8px rgba(26, 54, 93, 0.2));
  filter: drop-shadow(0 2px 8px rgba(26, 54, 93, 0.2));
}

.nav-link {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.nav-link:hover {
  color: #1a365d !important;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

/* -------------------------------------------------------------------------- */
/*                        White Background with Bubbles                        */
/* -------------------------------------------------------------------------- */
body {
  background-color: #ffffff;
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
}

@-webkit-keyframes floatBubble {
  0%, 100% {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }
  50% {
    -webkit-transform: translateY(-20px) scale(1.05);
    transform: translateY(-20px) scale(1.05);
  }
}

@keyframes floatBubble {
  0%, 100% {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }
  50% {
    -webkit-transform: translateY(-20px) scale(1.05);
    transform: translateY(-20px) scale(1.05);
  }
}
.bubble {
  position: fixed;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
.bubble.bubble-1 {
  width: 350px;
  height: 350px;
  top: 10%;
  left: -5%;
  background: -o-radial-gradient(circle, rgba(26, 54, 93, 0.35) 0%, rgba(26, 54, 93, 0.15) 40%, transparent 70%);
  background: radial-gradient(circle, rgba(26, 54, 93, 0.35) 0%, rgba(26, 54, 93, 0.15) 40%, transparent 70%);
  -webkit-animation: floatBubble 12s ease-in-out infinite;
  animation: floatBubble 12s ease-in-out infinite;
}
.bubble.bubble-2 {
  width: 280px;
  height: 280px;
  top: 40%;
  right: -3%;
  background: -o-radial-gradient(circle, rgba(134, 239, 172, 0.4) 0%, rgba(134, 239, 172, 0.18) 40%, transparent 70%);
  background: radial-gradient(circle, rgba(134, 239, 172, 0.4) 0%, rgba(134, 239, 172, 0.18) 40%, transparent 70%);
  -webkit-animation: floatBubble 10s ease-in-out infinite 1s;
  animation: floatBubble 10s ease-in-out infinite 1s;
}
.bubble.bubble-3 {
  width: 200px;
  height: 200px;
  top: 20%;
  right: 15%;
  background: -o-radial-gradient(circle, rgba(26, 54, 93, 0.35) 0%, rgba(26, 54, 93, 0.15) 40%, transparent 70%);
  background: radial-gradient(circle, rgba(26, 54, 93, 0.35) 0%, rgba(26, 54, 93, 0.15) 40%, transparent 70%);
  -webkit-animation: floatBubble 14s ease-in-out infinite 2s;
  animation: floatBubble 14s ease-in-out infinite 2s;
}
.bubble.bubble-4 {
  width: 300px;
  height: 300px;
  bottom: 5%;
  left: 10%;
  background: -o-radial-gradient(circle, rgba(134, 239, 172, 0.4) 0%, rgba(134, 239, 172, 0.18) 40%, transparent 70%);
  background: radial-gradient(circle, rgba(134, 239, 172, 0.4) 0%, rgba(134, 239, 172, 0.18) 40%, transparent 70%);
  -webkit-animation: floatBubble 11s ease-in-out infinite 0.5s;
  animation: floatBubble 11s ease-in-out infinite 0.5s;
}
.bubble.bubble-5 {
  width: 180px;
  height: 180px;
  top: 60%;
  left: 40%;
  background: -o-radial-gradient(circle, rgba(26, 54, 93, 0.35) 0%, rgba(26, 54, 93, 0.15) 40%, transparent 70%);
  background: radial-gradient(circle, rgba(26, 54, 93, 0.35) 0%, rgba(26, 54, 93, 0.15) 40%, transparent 70%);
  -webkit-animation: floatBubble 9s ease-in-out infinite 1.5s;
  animation: floatBubble 9s ease-in-out infinite 1.5s;
}

section {
  position: relative;
  overflow: hidden;
}
section::before, section::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
section::before {
  width: 250px;
  height: 250px;
  top: -50px;
  right: -50px;
  background: -o-radial-gradient(circle, rgba(26, 54, 93, 0.25) 0%, rgba(26, 54, 93, 0.1) 40%, transparent 70%);
  background: radial-gradient(circle, rgba(26, 54, 93, 0.25) 0%, rgba(26, 54, 93, 0.1) 40%, transparent 70%);
}
section::after {
  width: 200px;
  height: 200px;
  bottom: -50px;
  left: -50px;
  background: -o-radial-gradient(circle, rgba(134, 239, 172, 0.3) 0%, rgba(134, 239, 172, 0.12) 40%, transparent 70%);
  background: radial-gradient(circle, rgba(134, 239, 172, 0.3) 0%, rgba(134, 239, 172, 0.12) 40%, transparent 70%);
}
section:nth-child(even)::before {
  background: -o-radial-gradient(circle, rgba(134, 239, 172, 0.3) 0%, rgba(134, 239, 172, 0.12) 40%, transparent 70%);
  background: radial-gradient(circle, rgba(134, 239, 172, 0.3) 0%, rgba(134, 239, 172, 0.12) 40%, transparent 70%);
  left: -50px;
  right: auto;
}
section:nth-child(even)::after {
  background: -o-radial-gradient(circle, rgba(26, 54, 93, 0.25) 0%, rgba(26, 54, 93, 0.1) 40%, transparent 70%);
  background: radial-gradient(circle, rgba(26, 54, 93, 0.25) 0%, rgba(26, 54, 93, 0.1) 40%, transparent 70%);
  right: -50px;
  left: auto;
}
section > * {
  position: relative;
  z-index: 1;
}

.sparkle {
  display: none;
}

main, .main, header, nav, footer, section {
  position: relative;
  z-index: 1;
}
/*# sourceMappingURL=user.css.map */