:root {
	--theme-color-: #1f2759;
	--theme-color-light-beige: #fdf6eb;
	--theme-color-mid-beige:#dfd1b7;
	--theme-color-dark-beige: #6b6358;
	--theme-color-blue: #1f2759;
	--theme-border-radius-single: 10px;
	--theme-border-radius-double: 20px;
	--theme-border-radius-triple: 30px;
}
.cairo-font {
  font-family: "Cairo", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "slnt" 0;
}
html, body {
	margin: 0px;
	padding: 0px;
	font-family: "Cairo", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-variation-settings: "slnt" 0;
}
h1,h2,h3,h4,h5,h6{
	color: var(--theme-color-blue);
	font-weight: 800;
}
.text-beige{
	color: var(--theme-color-dark-beige);
}
.bg-blue{
	background-color: var(--theme-color-blue);
}
.bg-translucent{
	background-color: rgba(255,255,255,0.1);
}
.text-white{
	color: white;
}
.logo{
	width:150px;
}
nav{
	color:  white;
	background-color:  var(--theme-color-blue);
	border-radius: var(--theme-border-radius-single);
}
nav ul li a{
	border-radius: 5px;
	padding: 5px 10px;
	color: white !important;
}
nav ul li a:hover{
	background-color: rgba(255, 255, 255, 0.1);
	color: white !important;
}
nav .navbar-toggler{
	filter: invert(1);
}
.card{
	position: relative;
	border-radius: var(--theme-border-radius-single);
	padding: 30px;
	height: 100%;
	border: none;
}
.card.blue{

}
.card.beige{
	background-color: var(--theme-color-light-beige);
	color: var(--theme-color-dark-beige);
}
.card.numbered{

}
.card.numbered .number{
	display: inline-flex;
	position: absolute;
	top: -15px;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--theme-color-dark-beige);
	color: white;
	border-radius: 100px;
	width: 30px;
	height: 30px;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}
.target_group img{
	width: 320px;
}
footer{
	background-color: var(--theme-color-blue);
	color: white;
}
footer h5, footer a{
	color: white;
}
.hero-img{
	width: 100%;
	height: 600px;
	background-image: url('../images/IMG_1903.jpg');
	background-size: cover;
	background-position: center center;
	border-top-left-radius: var(--theme-border-radius-triple);
  	border-bottom-left-radius: var(--theme-border-radius-triple);
}

footer .sm-icon{
	height: 25px;
}
/* Large desktops and up (≥1200px) */
@media (max-width: 1399.98px) {

}

/* Desktops (≥992px) */
@media (max-width: 1199.98px) {
	.target_group img{
		width: 200px;
	}
}

/* Tablets (≥768px) */
@media (max-width: 991.98px) {
	nav{
		display: inline-flex;
	}
	.hero-img{
		height: 300px;
		border-radius: 0px;
		border-top-left-radius: var(--theme-border-radius-double);
		border-top-right-radius: var(--theme-border-radius-double);
	}
}

/* Large phones (≥576px) */
@media (max-width: 767.98px) {
	.logo{width:100px;}
	.target_group img{
		width: 300px;
	}
}

/* Small phones (<576px) */
@media (max-width: 575.98px) {
	.logo{width:80px;}
}