/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900%display=swap'); */

body {

  font: 90%/1.5 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;

}



*

{

  /* font-family: 'Poppins', 'sans-serif'; */

  box-sizing: border-box;

  margin: 0;

  padding: 0;



}

.flex_0473{

  display: flex;

}

.justify_center{

  align-items: center;

}

.align_center{

  align-items: center;

}

.space_between{

  justify-content: space-between;

}

.m_20{

  margin: 0px 20px;

}

marquee{

  color: white;

  padding: 4px 0px;

  font-size: 17px;

  background-color: #8b1202;

}



body{

  /* display: flex;

  justify-content: center;

  align-items: center;

  min-height: 100vh; */

  background-color: #00008b;

}

.logo_0473 img{

  height: 80px;

}

.text_center{

  text-align: center;

}



.box {

  position: relative;

  width: 380px;

  height: 446px;

  border-radius: 8px;

  background: #00008b;

  overflow: hidden;

}








.box {

position: relative !important;

width: 380px !important;

height: 446px !important;

border-radius: 8px !important;

background: #00008b !important;

overflow: hidden !important;

}







@keyframes animate {

  0%{

      transform: rotate(0deg);

  }

  100%{

      transform: rotate(360deg);

  }

}



/* .form {

  position: absolute;

  inset: 5px;

  border-radius: 8px;

  background-image: linear-gradient(to right, #00008b 0%, #2575fc 100%);

  z-index: 10;

  padding: 50px 40px;

  display: flex;

  flex-direction: column;



} */

.form {

position: absolute;

inset: 5px;

border-radius: 8px;

/* background: #28292d; */

background-image: linear-gradient(to right, #22226c 0%, #2575fc 100%);

z-index: 10;

padding: 50px 40px;

display: flex;

flex-direction: column;



}

.form h2 {

  color: #45f3ff;

  font-weight: 500;

  text-align: center;

  letter-spacing: 0,1em;



}

.custom2{

  background-color: white;

  padding:5px 0px;

}

.custom{

  padding: 10px;

  background-color: blue;

}

.logo_0473{

  background-color: white;

  border-radius: 20px;

}



.inputBox{

  position: relative;

  width: 300px;

  margin-top: 35px;



}

.blue_white{

  padding: 5px;

  margin:0px !important;

}

li,h1,a,p{

  color: white !important;

}

.inputBox input {

  position: relative;

  width: 100%;

  padding: 10px 9px 10px;

  background: transparent;

  border: none;

  outline: none;

  color: #23242a;

  font-size: 1em;

  letter-spacing: 0.05em;

  z-index: 10;

}



.inputBox span{

  position: absolute;

  left: 0;

  padding: 10px 10px 10px;

  font-size: 1em;

  color: #8f8f8f;

  pointer-events: none;

  letter-spacing: 0.05em;

  transition: 0.5s;

}



.inputBox input:valid ~ span, 

.inputBox input:focus ~ span  {

  color: #45f3ff;

  transform: translateX(0px) translateY(-34px);

  font-size: 0.75em;



}



.inputBox i {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 2px;

  /* background: #45f3ff; */

  background-color: #0093E9;

  background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);

  



  border-radius: 4px;

  transition: 0.5s;

  pointer-events: none;

  z-index: 9;

}



.inputBox input:valid ~ i, 

.inputBox input:focus ~ i {

  height: 44px;



}



.links {

  display: flex;

  justify-content: space-between;



}



.links a {

  margin: 10px 0;

  font-size: 1em;

  /* color: #8f8f8f; */

  color: #FFDEE9;

/* background-image: linear-gradient(0deg, #FFDEE9 0%, #B5FFFC 100%); */



  text-decoration: none;

}



.links a:hover,

.links a:nth-child(2)

{

  color: #45f3ff;



}

/* input[type='submit'] {

  border: none;

  outline: none;

  background: #45f3ff;

  padding: 11px 25px;

  width: 100px;

  margin-top: 10px;

  border-radius: 4px;

  font-weight: 600;

  cursor: pointer;

}



input[type='submit']:active {

  opacity: 0.8;

} */



.btn-grad-submit {

background-image: linear-gradient( 135deg, #00008b 10%, #9708CC 100%);

margin: 10px 0px;

padding: 12px 45px;

text-align: center;

text-transform: uppercase;

transition: 0.5s;

border: 0;

background-size: 200% auto;

color: white;            

/* box-shadow: 0 0 10px #00008b; */

border-radius: 5px;

display: block;

/* border: 1px solid yellow; */

/* box-shadow: 2px 2px 2px inset; */

}



.btn-grad-submit:hover {

  background-position: right center; /* change the direction of the change here */

  color: #fff;

  text-decoration: none;

}

.container_0473 {

  margin: 0 auto;

  width: 100%;

  height: 420px;

  position: relative;

  overflow: hidden;

}



.slides {

  display: flex;

  height: 100%;

}



.slide {

  min-width: 100%;

  position: relative;

}



.slide img {

  width: 100%;

  height: 100%;

}



.slide-controls {

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  width: 100%;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



#next-btn,

#prev-btn {

  cursor: pointer;

  background: transparent;

  font-size: 30px;

  border: none;

  padding: 10px;

  color: white;

}



#next-btn:focus,

#prev-btn:focus {

  outline: none;

}



.slide-content {

  position: absolute;

  top: 50%;

  left: 50px;

  transform: translateY(-50%);

  font-size: 60px;

  color: white;

}



.grid_0473 {

  display: grid;

}



.gap {

  gap: 25px;

}



.align_center {

  align-items: center;

}



.two_column {

  grid-template-columns: auto auto;

}



footer {

  /* padding: 20px 0px; */

  background-color: white;

}



footer>* {

  color: blue !important;

}



footer li {

  color: blue !important;

}



.blue_white {

  background-color: #8b1202;

  color: white;

}



.white_color {

  color: white !important;

}



.align_right {

  text-align: right;

}



@media only screen and (max-width:600px) {

  .two_column {

    grid-template-columns: auto;

  }

}