/*--------------------------------------------------------------
      # Sign Up
--------------------------------------------------------------*/
.carousel-div{
    background: #F6F9FC;
}

 h2{
    font-weight: bold;
}

#signup{
  padding: 0px 0px;
}

.input{
    min-height: 37px;
    width: 100%;
    left: 0px;
    box-sizing: border-box;
	  box-shadow: none;
    top: 43px;
    border-radius: 4px;
    padding: 16px 15px 16px 15px;
    background: #f7f7f8;
    outline: none;
    border: 0px solid #D9D9D9

  }

#signup{
  font-family: "Josefin", sans-serif;
    width: 100%;
    height: auto;
    /* background: rgb(55,81,126); */
    /* background: linear-gradient(180deg, rgba(55,81,126,1) 8%, rgba(255,255,255,1) 8%); */
  }
  
 
.labelStyles{
  justify-content: start!important;
  text-align: start;
}

.btn.sign-up{
    background: #FF5E42;
    height: 47px;
    width: 100%;
    left: 0px;
    top: 0px;
    border-radius: 4px;
    padding: 11px 5px 11px 5px;
    color:white;
    font-weight: 400;
    font-size: 22px;
    text-align: center; 
    
}

.reset{
text-align: start;
color: #FF5E42;
}

.carousel-caption{
  top:200px;
}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 10px; /* change width */
  height: 10px; /* change height */
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  margin-bottom: -40px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #FF5E42;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease;
  border-radius: 100%; 
}

.slider-div{
  padding-top: 34px;
  min-height: 748px;
  background-color: #F6F9FC;
}

.slider-div-mobile{
  background-color: #F6F9FC;
}

.carousel-control-next, .carousel-control-prev {
  opacity: .99!important;
  display: none;
}
.carousel-control-prev-icon{
  filter: drop-shadow(32px 0px 0px red);
  transform: translate(-32px, 0px);
  display: block;
}
.carousel-control-next-icon{
  display: block;
  filter: drop-shadow(-32px 0px 0px red);
  transform: translate(32px, 0px);
}

  /*---------------------------------------------------
  #LOGIN
  ------------------------------------------------------*/

textarea:focus, input:focus{
    outline: none;
}

#header > div > nav > ul > li:nth-child(6) {
  visibility: hidden;
}

#login{
  padding: 0px 0px;
}

*:focus {
    outline: none;
}
#login-form{
  width:100%;
  align-items: start;
}

.login-button{
  width: 100%;
  min-height: 50px;
  background: #FF5E42;
  border-radius: 4px;
  color:white;
  font-weight: 400;
  font-size: 22px;
  text-align: center;
}

.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: #FF5E42;;
  background-color: #FF5E42;;
}


/*---------------------------------------------------------
#GOOGLE BTN
------------------------------------------------------------*/

.login-google-btn {
  transition: background-color .3s, box-shadow .3s;
  padding: -1px 16px 12px 42px;
  border: none;
  border-radius: 3px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
  color: #757575;
  font-size: 14px;
  font-weight: 500;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  background-color: white;
  background-repeat: no-repeat;
  background-position: 12px 11px;
  width: 458px;
  height: 53px;
  margin-left: 14px;
}

/* For mobile devices */
@media only screen and (max-width: 767px) {
  .signup-column , .login-column {
    width: 100%;
    margin-left: 25px;
    margin-right: 25px;
  }
  .slider-div-mobile{
    padding-bottom:10vh;
  }
}

/* For desktop devices */
@media only screen and (min-width: 768px) {
  .signup-column {
    margin-left: 25px;
    margin-right: 25px;
  }
  .login-column{
    padding-left: 25px;
    padding-right: 25px;
  }
}