/* this is the styling for the teams section of the website */

.mother {
	padding:30px;
	display:flex; 
	flex-wrap:wrap;
	justify-content:space-between; 
	max-width:1300px; 
	margin:auto;
	text-align:center;

}
.mother div {
	width:50%;
	padding:15px;
}
.mother .left {
	float:right;
	flex:1; 
	min-width:250px; 
	margin-bottom:20px;
	border:5px double #ddd;
	border-radius:30px;
	margin-right:20px;
}
.mother .right {
	float:left;
	flex:1; 
	min-width:250px; 
	margin-bottom:20px;
	border:5px double #ddd;
	border-radius:30px;
}
.mother img {
	border-radius:50%;
	box-shadow:0px 0px 20px 0px #000;
}
.mother img:hover {
	box-shadow:10px 2px 10px 0px #000;
	transition:0.5s;
	opacity:0.7;
}
.mother h2 {
	color:#091E3E;
	font-family:tahoma;
	font-size:30px;
	text-transform:uppercase;
	margin:0;
}
.mother p {
	font-family:maiandra gd;
	text-align:justify;
}
.mother span {
	font-family:calibri;
	color:#06A3DA
}



/* this is the second teams info styling */

.mother-1 {
	padding:30px;
	display:flex; 
	flex-wrap:wrap;
	justify-content:space-between; 
	max-width:1300px; 
	margin:auto;
	text-align:center;

}
.mother-1 div {
	width:50%;
	padding:15px;
}
.mother-1 .left {
	float:right;
	flex:1; 
	min-width:250px; 
	margin-bottom:20px;
	border:5px double #ddd;
	border-radius:30px;
	margin-right:20px;
}
.mother-1 .right {
	float:left;
	flex:1; 
	min-width:250px; 
	margin-bottom:20px;
	border:5px double #ddd;
	border-radius:30px;
}
.mother-1 img {
	border-radius:50%;
	box-shadow:0px 0px 20px 0px #000;
}
.mother-1 img:hover {
	box-shadow:10px 2px 10px 0px #000;
	transition:0.5s;
	opacity:0.7;
}
.mother-1 h2 {
	color:#091E3E;
	font-family:tahoma;
	font-size:30px;
	text-transform:uppercase;
	margin:0;
}
.mother-1 p {
	font-family:maiandra gd;
	text-align:justify;
}
.mother-1 span {
	font-family:calibri;
	color:#06A3DA;
}



/* this is the third teams info styying */

.mother-2 {
	padding:30px;
	display:flex; 
	flex-wrap:wrap;
	justify-content:space-between; 
	max-width:1300px; 
	margin:auto;
	text-align:center;

}
.mother-2 div {
	width:50%;
	padding:15px;
}
.mother-2 .left {
	float:right;
	flex:1; 
	min-width:250px; 
	margin-bottom:20px;
	border:5px double #ddd;
	border-radius:30px;
	margin-right:20px;
}
.mother-2 .right {
	float:left;
	flex:1; 
	min-width:250px; 
	margin-bottom:20px;
	border:5px double #ddd;
	border-radius:30px;
}
.mother-2 img {
	border-radius:50%;
	box-shadow:0px 0px 20px 0px #000;
}
.mother-2 img:hover {
	box-shadow:10px 2px 10px 0px #000;
	transition:0.5s;
	opacity:0.7;
}
.mother-2 h2 {
	color:#091E3E;
	font-family:tahoma;
	font-size:30px;
	text-transform:uppercase;
	margin:0;
}
.mother-2 p {
	font-family:maiandra gd;
	text-align:justify;
}
.mother-2 span {
	font-family:calibri;
	color:#06A3DA
}







/* this is the style for the animation pf the images */

.card {
  transform-style: preserve-3d;
  transition: all 1s ease-in-out;
}
.card:hover {
  transform: rotateY(180deg);
}