.inner-container {
  /*width: 90%;*/
  height: 80vh;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 3rem;
  position: relative;
}

.registration-left-side {
  width: 35%;
  background-color: #071B2B;
  position: relative;
  border-radius: 25px;
  padding: 2rem;
}

  .registration-left-side p {
    font-size: 24px;
    font-weight: 300;
    color: #80839A;
    margin-top: 2rem;
    line-height: 36.5px;
  }

.linear-text {
  background: linear-gradient(to right,#4568DC 20%, #FF7C18);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
  font-weight: 700;
}


.registration-left-side .linear-bg {
  position: absolute;
  top: -5rem;
  left: -2rem;
  width: 135% !important;
  max-width: unset !important;
}

.registration-left-side .contact-span {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  color: #B3BABE;
  font-weight: 500;
  font-size: 12px;
}


.slider-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: 5rem;
}

/* Wrapper for the slides */
.slider-wrapper {
  display: flex;
  transition: transform 1s ease-in-out;
  width: 100%;
  transition: transform 1s ease-in-out;
}

  /* Individual slides */
  .slider-wrapper p {
    flex: 0 0 100%;
    scroll-snap-align: start;
    font-size: 24px;
  }

/* Dots navigation */
.slider-nav {
  position: absolute;
  bottom: 1.5rem;
  left: 0%;
  display: flex;
  column-gap: 0.7rem;
  z-index: 1;
}

  /* Dot style */
  .slider-nav span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #192B39;
    transition: background-color 0.3s ease;
  }

  /* Active dot color */
  .slider-nav .active {
    background-color: #6E7880;
  }

@keyframes slideAnimation {
  0% {
    transform: translateX(0);
  }

  33.33% {
    transform: translateX(-100%);
  }

  66.66% {
    transform: translateX(-200%);
  }

  100% {
    transform: translateX(-200%);
  }
}

.slider-wrapper {
  display: flex;
  transition: transform 1s ease-in-out;
}

/* Active dot styling */
.slider-nav span:nth-child(1).active {
  background-color: #6E7880;
}

.slider-nav span:nth-child(2).active {
  background-color: #6E7880;
}

.slider-nav span:nth-child(3).active {
  background-color: #6E7880;
}







.registration-right-side {
  width: 70%;
  background-color: #071B2B;
  border-radius: 25px;
  padding: 2.5rem 3rem;
  position: relative;
}
  .registration-right-side h2 {
    color: #DCDDEF;
    font-weight: 500;
    font-size: 24px;
    margin-top: 2rem;
  }




.registeration-inputs input:-webkit-autofill,
.registeration-inputs input:-webkit-autofill:hover,
.registeration-inputs input:-webkit-autofill:focus,
.registeration-inputs textarea:-webkit-autofill,
.registeration-inputs textarea:-webkit-autofill,
.registeration-inputs textarea:-webkit-autofill:focus,
.registeration-inputs select:-webkit-autofill,
.registeration-inputs select:-webkit-autofill,
.registeration-inputs select:-webkit-autofill:focus {
  -webkit-text-fill-color: #DCDDEF !important;
}


.remember-checkbox:focus{
    box-shadow:unset;
}

.remember-checkbox {
  background-color: transparent;
  border: 2px solid #5252E2;
  border-radius:3px;
}


.invalid-license {
  display: flex;
  padding: 1.2rem 1.1rem;
  justify-content: space-between;
  align-items: center;
  background-color: #FCF4F6;
  border-radius: 8px;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  width: 40vw;
  display: none;
}

  .invalid-license p {
    font-size: 12px;
    font-weight: 400;
    color: #111928;
  }


input:focus {
  border-color: #5252E2;
}