.carousel-item {
  transition: transform 1.6s ease-in-out;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  transition: opacity 0s 1.6s;
}
body {
  background: rgb(255, 0, 0);
  background: linear-gradient(
    150deg,
    rgba(255, 0, 0, 1) 0%,
    rgba(5, 238, 0, 1) 100%
  );
}
.form-control {
  background: none;
  border: 1px solid rgb(219 219 219 / 67%);
  color: #fff;
}
.form-control:focus {
  background: none;
  color: #fff;
}

.registration-form {
  background-color: rgb(255 255 255 / 14%);
  margin: auto;
  margin-top: 15px;
  padding: 40px 50px;
  border-radius: 30px;
  box-shadow: 0px 2px 10px rgb(0 0 0 / 8%);
  color: #fff;
  border: 1px solid rgb(204 204 204 / 30%);
}

.create-account {
  background-image: linear-gradient(to right, red 0%, green 51%, red 100%);
  margin: 10px;
  padding: 10px 45px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  float: right;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
  display: block;
}

.create-account:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}
.marquee {color: #fff;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden;
    font-weight: bold;
    white-space: nowrap;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 8%);
    background-color: rgb(255 255 255 / 14%);
    border: 1px solid rgb(204 204 204 / 30%);
    font-size: 38px;
}

.fb-page{
    width:500px;
}
select.form-control { -webkit-appearance: menulist; }
@keyframes marquee {
  0% {
    right: 100%;
  }
  100% {
    right: -100%;
  }
}

  .bimage{
	  display:block !important;
  }
  .simage{
	  display:none !important;
  }
  
@media screen and (max-width: 768px) {
  .marquee {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .registration-form {
    padding: 30px;
  }
  .marquee span {
    font-size: 12px;
    animation: marquee 10s linear infinite;
  }
  .bimage{
	  display:none !important;
  }
  .simage{
	  display:block !important;
  }
  .carousel-control-prev, .carousel-control-next{
	  display:none !important;
  }
  .create-account{
	  width: 100%;
    margin-top: 30px;
  }
  h2{
          font-size: 20px;
  }
.fb-page{
    width:200px;
}
}