.message {
    display: none;
    margin-top: 20px;
}
section.formify-form.formify-bg-cover {
padding: 0;
}



/*        hover effects css----*/

.card.mb-4:hover {
box-shadow: rgb(176 176 176 / 13%) 0px 4px 30px,
rgb(181 181 181 / 10%) 0px 0px 20px,
rgb(165 165 165 / 12%) 0px 1px 8px,
rgb(165 163 163 / 17%) 0px 8px 15px,
rgb(176 176 176 / 9%) 0px 0px 8px;
}



form#volunteer_registration {
background-color: #efefef;
padding: 4rem 10rem;
}
.dot {
display: none;
}
.card-header.custom {
background-color: #ffffff;
font-weight: bold;
color: #093f7f;
text-align: center;
border: none;
padding: 25px 0 15px 0;
}
h4.volunteer-info {
font-weight: 400;
}
.signup-btn-wrapper {
padding-bottom: 2rem;
}
.signup-btn-wrapper {
height: 100%;
margin: 0;
padding: 2.5rem 0;
background-color: #43bfde;
}
button.btn.signup-btn.vol-reg.text-white.font-weight-bold {
font-size: 28px;
font-weight: 400 !important;
}

/*------------ 23 sept css samar*/

.signup-btn-wrapper {
border-bottom: 6px solid #fff;
}

/*.card-body {
padding: 1.5rem;
height: 68rem;
}*/
.mb-3.custom-button {
padding: 12px 10px;
background-color: #034b72;
}



div#form-sec1 {
position: relative;
top: -130px;
}
form#volunteer_registration {
background-color: #efefef;
padding: 0 10rem 4rem 10rem;
}
.signup-btn-wrapper {
height: 100%;
margin: 0;
padding: 3rem 0 12rem 0;
background-color: #43bfde;
border-bottom: 6px solid #fff;
}


.nextbutton {
padding: 8px 25px;
border-radius: 20px;
}
div#ftr-btn11 {
padding: 25px 10px;
background-color: #033b86;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
}

.btn-primary:hover {
color: #000000;
background-color: #ffffff;
border-color: #000000;
}

.btn-primary {
color: #fff;
background-color: #fd9426;
border-color: #ffffff;
}

.formify-form .alert-danger {
	color: #842029;
	background-color: #f8d7da;
	border-color: #f5c2c7;
	position: absolute;
	top: 15%;
	left: 15%;
}