@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&display=swap');
@font-face {
font-family: 'Cabin', sans-serif;
}
body {
background: #fff;
color: #000;
font-family: 'Cabin', sans-serif;
}

a {
transition: 0.5s;
}

a:hover, a:active, a:focus {
outline: none;
text-decoration: none;
}

p {
padding: 0;
margin: 0 0 30px 0;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Cabin', sans-serif;
font-weight: 400;
margin: 0 0 20px 0;
padding: 0;
}
/*modal*/
.MyModal {
	background: #ffe480;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #ffe480, #fff);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #ffe480, #fff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.MyModal .modal-content{
	background: #fff;
}
.MyModal .modal-body{
padding: 2.5rem;
}
.custom-control-input:checked~.custom-control-label::before{background-color: #1b5bd2;border-color: #1b5bd2;}
.MyModal form{
padding: 0;
}
.MyModal .modal-content{
border-radius: 0px;
}
.MyModal .modal-content p{
font-size: 20px;
columns: #000;
padding: 0;
margin: 0;
text-transform: capitalize;
font-weight: 600;
}
.MyModal form input{
border: none;
border-bottom: 1px solid #000;
border-radius: 0;
padding:0 8px;
text-align: left;
}
.MyModal .form-group{
margin-bottom: 2.5rem;
}
.MyModal .form-group:nth-child(3),
.MyModal .form-group:nth-child(4){
margin-bottom: 0;
}
.MyModal .btn-login{
color: #fff;
font-weight: 900;
text-transform: uppercase;
width: 100%;
font-size: 18px;
border-radius: 0px;
background: #000;
margin-top: 15px;
}
/*modal*/

.modal-logo{
	width: 250px;
}

.fancy_message {
	display: flex;
	color: red;
	width: 100%;
  }
  
  .fancy_message span {
	text-align: right;
	width: 100%;
	font-size: 12px;
	font-weight: 700;
  }