@charset "utf-8";
/* CSS Document */
body{
	font-family: 'CustomFont', Arial, sans-serif;
	font-family: montserrat,sans-serif;
font-weight: 400;
font-style: normal;
	width: 100%;
	margin: 0 auto;
	overflow-x: hidden;
}

h2{
	font-size: 35px;
	text-transform: uppercase;
}
p{
	line-height: 1.5em;
}
a{
	font-size: 13px;
}

/*HEADER*/
.header-about-cir {
	background: url("/images/AboutUs/header img.jpg") no-repeat center bottom;
	background-size: cover;
	height: 500px;
	width: 100%;
}
.header-box{
 height: 200px;
max-width: 1200px;
	margin: 0 auto;
	
	
	padding-top: 350px;
  position: relative;
}

.header-box h1{
color: #FFFFFF;
	padding-bottom: 80px;
	font-size: 55px;
}


/*WHY US*/
.why-us{
		background-color: #FFFFFF;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	

}

.why-us-box{
		padding-top: 80px;
	padding-bottom: 80px;
    max-width: 1200px;
	margin: 0 auto;
	display: flex; 
}

.whyus-box1{
	width: 70%;
	margin: 0;
	padding-top: 30px;
	margin-right: 80px;
	
}
.whyus-box2{
	width: 30%;
	margin: 0;
	padding-left: 20px;

}

/*Our Vision*/

.our-vision{
	background-color: #ededed;
	margin: 0 auto;

}

.our-vision-box{
	padding-top: 90px;
	padding-bottom: 80px;
    max-width: 1200px;
	margin: 0 auto;
}

.vision-text{
	font-size: 18px;
}

/*OUR Story*/
.our-story{
		background-color: #2d7bc0;
	margin: 0 auto;
	color: #FFFFFF;
}

.our-story-box{
	padding-top: 80px;
	padding-bottom: 90px;
    max-width: 1200px;
	margin: 0 auto;
}



/*Our TEAM*/
.our-team-wrap{
	background-color: #000000;
	margin: 0 auto;
	color: #FFFFFF;
}
.our-team{
	padding-top: 80px;
	padding-bottom: 100px;
    max-width: 1200px;
	margin: 0 auto;
}

.team-row-one {
	    display: grid;
  grid-template-columns: auto auto auto auto;
  font-size: 30px;
  text-align: center;
}

.team-row-two{
	 display: grid;
  grid-template-columns: auto auto auto auto;
  font-size: 30px;
  text-align: center;
}

.team-row-three{
  display: flex;
}
.team-profiles{
	padding-right: 15px;
	padding-top: 20px;
}

.image-zoom{
		text-align: left;
	 width: 300px;
        height: 300px;
        overflow: hidden;
 

}

.image-zoom img{
	 width: 100%;
        transition: 0.5s all ease-in-out;
}
.image-zoom:hover img {
        transform: scale(1.1);
    }
.name-team {
	color: #FFFFFF;
	font-size: 21px;
	text-transform: uppercase;
	text-align: left;
}

.title-team {
color: #A6A6A6;
font-size: 12px;
text-transform: uppercase;
	text-align: left;
	margin-top: -15px;
}
/*Partners*/
.cir-partners{
	background-color: #ededed;
	padding: 70px 0 90px 0;
}

.cir-partners-box{
	max-width: 1200px;
	margin: 0 auto;
	
}

.partners-3items{
	 display: grid;
  grid-template-columns: auto auto auto auto;

  text-align: center;
}

.partners-item{
	text-align: left;
	padding-right: 30px;
}

.partners-header h2{
	padding-bottom: 30px;
}

.text-box{
	text-align: left;
}

/*Regional Office Operators*/

.regional-office{
	padding: 60px 0 100px;

    max-width: 1200px;
	margin: 0 auto;
}

.title-office{
	color:#2d7bc0; 
	font-size: 23px;
    margin-top: -20px;
}

.regional-office-row-one{
	 display: grid;
  grid-template-columns: auto auto auto auto;

}



/*Pre Footer*/
.pre-footer {
	background: url("/images/AboutUs/prefooter.png") no-repeat center center;
	background-size: cover;
	height: 500px;
	width: 100%;
}

.prefooter-text{
	max-width: 1200px;
	margin: 0 auto;
	color: #FFFFFF;
}
.prefooter-text-box{
	max-width: 600px;
	padding-top: 100px;
}
.partners-image{
	width: 50%;
}



/*Button*/
.button-2{
	 background-color: #FFFFFF;
  border: none;
  color: #2d7bc0;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;

  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.button-3 {
	border: none;
	.whyus-box2 color: #2d7bc0;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
}
@media (min-width: 1200px) {
	.prefooter-mobile{
		display: none;
	}
}


@media (max-width: 1200px) {
	.header-box h1 {
		font-size: 45px;
	}
	body{
			overflow-x: hidden;
	}
	h2{
		font-size: 25px;
	}
	.header-about-cir, .why-us, .our-vision, .our-story, .our-team-wrap, .cir-partners, .pre-footer, .prefooter-mobile{
		width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}
	p{
		font-size: 15px;
	}

	.image-zoom {
		text-align: left;
		width: 100%;
		height: 100%;
		overflow: hidden;
		margin-bottom: -20px;
	}
	
	
.team-row-one{
 
		   display: grid;
  grid-template-columns: auto auto ;
  font-size: 30px;

	 
  }
	
	.team-row-two{
		display: grid;
  grid-template-columns: auto auto ;
  font-size: 30px;

	}
	
	.regional-office-row-one{
	display: grid;
  grid-template-columns: auto auto ;
  font-size: 30px;	
	}
	.name-team{
		font-size: 14px;
	}
.title-office {
    color: #2d7bc0;
    font-size: 16px;
	margin-top: -10px;}

  .our-team {
    flex-direction: column;
	 
  }
	.team-row-three{
  display: flex;
}
	.team-row-one, .team-row-three{
 
		   display: grid;
  grid-template-columns: auto auto ;
  font-size: 30px;

	 
  }
	
	.why-us-box{
	display: flex;
		flex-direction: column;
	}

.partners-3items {
    display: grid;
    grid-template-columns: auto;
    text-align: center;
	
}
	
	.whyus-box1 {
    width: 100%;
    margin: 0;
    padding-top: 30px;
    margin-right: 80px;
}
	
	.pre-footer{
		display: none;
	}
	.prefooter-mobile{
		width: 100%;
		background-color: #2d7bc0;
    margin: 0 auto;
    color: #FFFFFF;
		padding-bottom: 60px;
	}
	
	/*Button*/
.button-2{
	 background-color: #FFFFFF;
  border: none;
  color: #2d7bc0 !important;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;

  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.button-3{

  border: none;
  color: #2d7bc0;
  text-align: center;
  text-decoration: none;

  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
	a{
		font-size: 16px;
		 margin-top: 20px;
	}
	.button-2{
		margin-top: 20px;
	}
	.whyus-box2 {
		
		padding: 30px 0px 30px 0px;
		width: 80%;
	
	}
	.team-profiles {
		padding-right: 15px;
		padding-top: 20px;
		padding-bottom: 30px;
	}
	
	}