.form-row{

	width: 700px;

	margin: 0 auto;

	margin-top: 40px;

	text-align: center;

	font-family: 'Cairo';



}



.form-row .form-card{

	border:1px solid #000000;

	border-radius: 10px;

	margin: 0;

	padding: 0 15px;

    text-align: center;

}





.form-row .form-card h4{

	font-size: 20px;

    color: #ffffff;

    /*text-align: center;*/

    background-color: #41C0F0;

    border-radius: 10px;

    font-family: 'Cairo';

    padding: 7px 21px;

    width: auto;

    display: inline-block;

    position: relative;

    top: -18px;

}



.col-form-label{

	color:#0056d8;

	font-family: 'Cairo';

	font-size: 18px;

	padding-top: 0;

	cursor: pointer;

	font-weight: bold;

}



.form-control-plaintext{

	border:1px solid #000000;

	border-radius: 5px;

	text-align: center;

	font-size: 16px;



}



.form-row button{

	background-color: #0a449c;

}



.result{

	height: 110px;

}



.alert{

	margin-top: 30px;

	font-size: 20px;

}



.social{

	list-style: none;

	padding: 0;

	margin: 10px 0 0;

	text-align: center;

}



.social li{

	display: inline-block;

	padding: 0;

	margin: 5px 20px;

}



.social li img{

	width: 60px;

}
#mc-embedded-subscribe-form{
  width: 100%;
  max-width: 700px;
   direction: rtl;
  text-align: right;
  margin: 0 auto;
}

#mc_embed_signup form{
 
}

#mc_embed_signup input.email ,
#mc_embed_signup form #mc-embedded-subscribe{
  font-family: 'Cairo'!important;
}

#mc_embed_signup input.email{
  text-align: center;
  height: 38px!important;
  margin-left: 10px!important;
  width:80%!important;
  
}
.mc-field-group{
  display: block!important;
}
#mc_embed_signup div#mce-responses{
  float: none!important;
  top:auto!important;
  width: 100%!important;
  max-width: 700px!important;
  margin: 30px 0 0!important;
}

#mc_embed_signup div.response{
  font-weight:normal!important;
  margin: 0!important;
  float: none!important;
  width: auto!important;
    top:auto!important;
    padding: 1rem 1rem!important;
    font-family:'Cairo'!important;

}




@media (max-width:768px){

	.form-row{

		width: auto;

	}



	.form-row .form-card h4{		

		/*height: 52px;*/

    	font-size: 14px;

	}

}



@media (max-width:576px){

	.form-card{

		margin-bottom: 50px!important;

	}



	.form-row .form-card h4{		

    	font-size: 18px;

	}

}
 
@media (max-width:450px){


  .social li{
  
    margin: 5px 15px;

  }



  .social li img{

    width: 40px;

  }
}