.form-required {
color: red;
font-size: 15px;
height: 10px !important;
font-weight: bold;
font-family: initial;
}


input {
font-family: 'Cairo', sans-serif;  
font-size: 15px;
letter-spacing: 0.8px;
font-weight: 300;
}
.form-control {
font-family: 'Cairo', sans-serif;  
font-size: 15px;
letter-spacing: 0.8px;
font-weight: 300;
}
body {
	font-family: 'Raleway', sans-serif;
	text-decoration:none !important;
}


a:link {
  text-decoration: none !important;
}

a:visited {
  text-decoration: none !important;
}

a:hover {
  text-decoration: none !important;
}

a:active {
  text-decoration: none !important;
}

.masthead {
	height: 100vh;
	min-height: 500px; 
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url('../../assets/img/header-bg.jpeg');
	/*background-image: linear-gradient(to bottom, rgb(11, 78, 141), rgba(11, 78, 141, 0.46)), url('../../assets/img/header-bg.jpeg');*/
	/*background-image: linear-gradient(to bottom, rgb(46, 49, 52), rgba(0, 0, 0, 0.46)), url('../../assets/img/header-bg.jpg');*/
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.cards-section .item-green .item-inner {
    border-top: 3px solid #75c181;
}

.item-box {
    box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
    -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
	background-color: #0003;
	color: #fff !important;
	border: 0px solid #000;
	text-decoration: none !important;
}

.box-hover {
	/* transform: translateY(0px); */
	transition: all .3s;
	text-decoration: none !important;
	/*border-left: 2px solid #0003;*/
	/*border-right: 2px solid #0003;*/
    box-sizing: border-box;
}

.box-hover:hover {
	transform: translateY(-5px);
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.33);//
	border-radius: 10px;
	/*border-left: 10px solid #168dff; */
	/*border-right: 10px solid #168dff;*/
	/*border-top: 1px solid #168dff; */
	/*border-bottom: 1px solid #168dff;*/
    box-sizing: border-box;
}


.box-hover:focus {
	transform: translateY(-5px);
	//box-shadow: 0px 3px 6px 0px rgba(205, 205, 205, 0.33);//
	border-radius: 10px;
	/*border-left: 10px solid #d8d8d8;*/
	/*border-right: 10px solid #d8d8d8;*/
    box-sizing: border-box;
}

.card-icon {
    background: linear-gradient(90deg, #2bdc9d, #1dc9cb);
    transition: color .3s;
    color: #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.form-group {
    margin-bottom: 0.2rem;
}

label {
    margin-bottom: .2rem;
    font-size: 0.9rem;
}



/*
@media screen and (min-width: 400px) {

.masthead {
	height: auto;
	min-height: auto;

}


}

*/

//*

.masthead {
  height: 100vh;
  min-height: 500px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url('https://euromotors.com.bh/images/full-width-images/slider-9.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

*//










a {
  font-size: 1.5em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-decoration: none;
}

.btn {
  position: relative;
  display: inline-block;
  /*padding: 0.5em 2em;*/
  cursor: pointer;
  overflow: hidden;
}
.btn:before, .btn:after {
  content: "";
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  /*! background-color: #252525; */
}
.btn:before {
  top: 0;
}
.btn:after {
  bottom: 0;
}
.btn:hover > * > *:before, .btn:hover > * > *:after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.btn:hover > * > * > *:before, .btn:hover > * > * > *:after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.btn:focus > * > *:before, .btn:focus > * > *:after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.btn:focus > * > * > *:before, .btn:focus > * > * > *:after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.btn > *:before, .btn > *:after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 0px;
  background-color: #0000; /*#252525;*/
}
.btn > *:before {
  left: 0;
}
.btn > *:after {
  right: 0;
}
.btn > * > *:before, .btn > * > *:after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 9;
  height: 2px;
  width: 100%;
  background-color: #ed1b24;
}
.btn > * > *:before {
  top: 0;
  -webkit-transform: translate3d(-105%, 0, 0);
          transform: translate3d(-105%, 0, 0);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn > * > *:after {
  bottom: 0;
  -webkit-transform: translate3d(105%, 0, 0);
          transform: translate3d(105%, 0, 0);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn > * > * > *:before, .btn > * > * > *:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 9;
  height: 100%;
  width: 1px;
  background-color: #0000;
}
.btn > * > * > *:before {
  left: 0;
  -webkit-transform: translate3d(0, 105%, 0);
          transform: translate3d(0, 105%, 0);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn > * > * > *:after {
  right: 0;
  -webkit-transform: translate3d(0, -105%, 0);
          transform: translate3d(0, -105%, 0);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}


