@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
		  body{
			  max-width: 768px!important;
			  margin: 0px auto;
			  padding: 0px;
			  background-color: #F6F6F6;
			  font-family: 'Open Sans', sans-serif;
			  font-size: 16px;
			  overflow-x: hidden;
		  }
a{
	text-decoration: none;
	
}
.aggregators a{
	color:#000000;
}
		  
		  #header{
			  background-color: #ffffff;
			  position: relative;
			  margin: 0px auto;
		  }
		  #header .container-fluid{
			  margin: 0px!important;
			  padding: 0px!important;
		  }


		.hero{
			background-image: url("../img/hero.jpg");
			background-image: -webkit-image-set(url("../img/hero.webp") 1x);
		/*	background-image: -webkit-image-set(url("../img/hero.webp") 1x);*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
					height: 35vh;
					position: relative;
		}


		  #middle-content{
/*			  background: url("../img/1.png") left top no-repeat, url("../img/4.png") right bottom no-repeat, url("../img/2.png") left no-repeat, url("../img/3.png") right no-repeat;*/
			  padding: 0px;
			  margin: 0px;
/*			  background-position: center;*/
/*			  background-repeat: no-repeat;*/
			  background-color: #ffffff;
		  }
/*
 .middle-content{
			  background: url("../img/1.png") left 10px top 12% no-repeat, url("../img/4.png") right 10px bottom 10px no-repeat, url("../img/2.png") 10px 75% no-repeat, url("../img/3.png") right no-repeat;
		  }
*/
#middle-content a{
	padding: 0px!important;
}	
		.country{
			margin-top: 50px;
			padding:15px;
			border-radius: 10px;
			box-shadow: 0px 3px 5px rgba(136, 136, 136, 0.2);
			background-color: #f15a29;
			color: #ffffff;
			letter-spacing: 2px;
			
		}
	
		.aggregators{
			margin: 5px 0px 10px 0px;
			padding:15px;
			border-radius: 10px;
			box-shadow: 0px 3px 5px rgba(136, 136, 136, 0.2);
			background-color: #ffffff;
			color: #000000;
			transition: all 0.5s linear;
			letter-spacing: 1px;
		}

.aggregators:hover{
	transform: scale(1.05) ;
opacity: 1;
overflow: hidden;
}
footer{
	background-color: #f15a29;
	margin:0;
	padding: 0;
}

.footer-img{
	margin:0 auto;
}

.copyright{
	color: #ffffff;
	font-size: 12px;
	margin: 0px auto;
}

.card{
	 padding: 20px 20px 20px 20px;
	background-image: url("../img/bg.jpg");
	box-shadow:1px 0px 5px rgba(136, 136, 136, 0.3);
	border-radius: 5%;
	border: none;
}
.card-title{
	color: #f15a29!important;
}
.card-title a{
	color: #f15a29!important;
}
.card-text{
	color: #000000!important;
}
.card-text a{
	color: #000000!important;
}
  .home{
			  font-size: 20px;
    font-weight: 800;
    color: #f15a29;
			  padding: 20px 20px 0px 20px;
		  }
		  .home a{
			 color: #f15a29!important; 
		  }


@media (max-width: 400px){
.hero{  
		height: 30vh;
	}
/*
	 .middle-content{
			  background: url("../img/4.png") right 10px bottom 10px no-repeat, url("../img/2.png") 10px 75% no-repeat, url("../img/3.png") right no-repeat;

		  }
*/
}