/*.collapse-text {*/
/*    text-overflow: ellipsis;*/
/*    overflow: hidden;*/
/*}*/

.xx-small {font-size: xx-small;}
.x-small {font-size: x-small;}
.small {font-size: small;}
.medium {font-size: medium;}
.large {font-size: large;}
.x-large {font-size: x-large;}
.xx-large {font-size: xx-large;}

/*================================================
 Icons- Gateways
 =================================================*/

.icons-gateways-circle {
	width: 40px !important;
	height: 40px !important;
	background-color: #fff;
	display: inline-block;
	text-align: -moz-center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.icons-gateways-circle img {
	width: 100% !important;
	height: auto !important;
	max-height: 20px;
}


/*================================================
 Images Ratio
 =================================================*/


/* es-ratio */

.es-ratio {
	width: 100%;
	position: relative;
	background: url() 50% 50% no-repeat;
	background-size: cover;
	background-clip: content-box;
}

.es-ratio:before {
	display: block;
	content: "";
	padding-top: 50%;
}


/* es-ratio */

.es-bg-item-size {
	background-position: center center, center center;
	background-repeat: no-repeat;
	background-size: cover;
}


/*================================================
 Hover Background Zoom
 =================================================*/

.hover-bg-zoom {
	transition: transform 1s;
	/* Animation */
}

.hover-bg-zoom:hover,
.hover-bg-zoom:focus {
	transform: scale(1.5);
}


.filter-white {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}

.dark-transparent {
background-color: #0003 !important;
}

.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, 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(205, 205, 205, 0.33);
	border-radius: 10px;
	/*border-left: 10px solid #17d642;*/
	/*border-right: 10px solid #17d642;*/
	/*border-left: 10px solid #F6BE00;*/
	/*border-right: 10px solid #F6BE00;*/
	border-left: 10px solid #009ef7;
	border-right: 10px solid #009ef7;
    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 #17d642;*/
	/*border-right: 10px solid #17d642;*/
	/*border-left: 10px solid #F6BE00;*/
	/*border-right: 10px solid #F6BE00;*/
	border-left: 10px solid #009ef7;
	border-right: 10px solid #009ef7;
    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;
}

*/