:root{
  --bg:#050a07;
  --fg:#e8f5ee;
  --muted:#a9b7af;
  --primary:#2fee6a;
  --primary-2:#1bd14f;
  --card:#0b1510;
}
html,body{
  /* background: var(--bg); */
  background: radial-gradient(circle at center center, #274b9b 0%,#000318 100%);
  color: var(--fg);
  font-family: "DM Sans", sans-serif;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.logo {
  max-width: 140px;
}

#contact-form{
   background: linear-gradient(60deg, #14275b, black);
}

.form-control, .form-select{
  background-color: #2648975c;
  color: #fff;
  border-color: #6a90ffc2;
}

.form-select .dropdown-menu.show {
  max-height: 220px !important;
  overflow-y: auto !important;
}

.navbar {
  position: relative;              /* normal position initially */
  transition: all 0.3s ease;       /* smooth change */
  background: transparent;
  z-index: 1000;
}
.navbar.nav-scrolled {
  position: fixed;                 /* make it sticky */
  top: 0;
  left: 0;
  right: 0;
  background: rgba(4, 10, 38, 0.30);  /* semi-transparent */
  backdrop-filter: blur(10px);           /* blur background */
  -webkit-backdrop-filter: blur(10px);   /* Safari */
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

#hero-section .headline {
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 24px;
}

#hero-section .subHeadline {
  font-size: 24px;
  font-weight: lighter;
  letter-spacing: 1.5px;
  margin-bottom: 24px;
}
.sec-headline {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 24px;
  text-align: center;
}

.sec-subHeadline {
  font-size: 16px;
  font-weight: lighter;
  letter-spacing: 1.5px;
  margin-bottom: 24px;
  text-align: center;
}
.btn {
  padding: 0.5rem 2rem;
}
.btn-primary {
  background: radial-gradient(circle at center center, #274b9b 0%,#000318 100%);
  border-color: #fff;
}

.animate{
  animation: slideDown 5s linear infinite;
}
@keyframes slideDown {
  0% {
    top: -50px;   
  }
  100% {
    top: 300px;   
  }
}
.pt-100{
  padding-top: 100px;
}
.pb-100{
  padding-bottom: 100px;
}
.max-350 {
  max-width: 350px;
  margin: 0 auto;
}
.ls-2 {
  letter-spacing: 2px;
}
#stats-section {
  background-color: #000318;
}
#tabs-section {
  background: linear-gradient(45deg, #03051c, transparent, black);
}
.nav-tabs {
  border-color: #329af557;
}
.bg-success {
  background-color: #050a1c !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.nav-tabs .nav-item{
  border: none;
}
.nav-tabs .nav-item .nav-link{
  /* border-radius: 0.5rem; */
  color: #fff;
  border: 2px solid #274b9b;
  margin: 0px 10px;
}
.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active{
  background-color: #274c9b6c; 
  border: 2px solid #004cf0;
  color: #fff;
}
#trust-section {
  background: #fff;
}
#steps-section {
  background: linear-gradient(200deg,#03051c, #274c9b59, #03051c);
}
#trust-section .sec-headline,
#trust-section .sec-subHeadline{
  color: #03051c;
}
.splide__list {
  justify-content: space-between;
}
#splide2 .splide__list {
  align-items: end;
}
.fs-14 {
  font-size: 14px;
}
.step-number {
  width: 50px;
  height: 50px;
}
footer {
  background-color: #000318;
}
@media (max-width: 625px) {
  #splide2 .splide__slide {
    max-width: 250px;
    text-align: center;
  }
  .splide__list {
      justify-content: unset;
  }
  section{
    padding: 50px 20px;
  }
  .max-350 {
    max-width: 250px;
    margin: 0 auto;
  }
  .nav-tabs .nav-item {
    width: 100%;
  }
  .nav-tabs .nav-item .nav-link {
    width: 100%;
    font-size: 14px;
    margin: auto;
  }
  .logo {
    margin: 0 auto;
  }
  .pt-100{
    padding-top: 50px;
  }
  .pb-100{
    padding-bottom: 50px;
  }
  #hero-section .headline {
    font-size: 44px;
    text-align: center;
  }
  #hero-section .subHeadline {
    font-size: 16px;
    text-align: center;
  }
  #hero-section {
    text-align: center;
  }
  #hero-section .max-350{
    margin-top: 24px;
  }
}