/* Caption */
.caption h1{
  font-size: 60px;
  line-height: 40px;
  margin-bottom: 20px;
}
.caption h1 span{
  font-size: 19px;
  font-weight: normal;
  line-height: 24px;
}
.caption {
	width: 55%;
	padding-right: 50px;
  display: flex;
  flex-direction: column;
}
.caption p{
  font-size: 19px;
  line-height: 30px;
  margin-bottom: 38px;
}
.blue_box {
	background-color: #00CCFF;
	padding: 20px;
	border-radius: 10px;
	display: flex;
	justify-content: left;
  margin-bottom: 15px;
  box-shadow: 0 35px 50px #161C2D23;
  max-width: 465px;
}
/* Banner */
.banner{
  background-color: #00CCFF1A;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 150px 0 50px 0;
}
.banner .container{
  display: flex;
}
.bn_image {
	width: 45%;
}
.bn_image img {
	width: 130%;
}
.blue_box .input.zip {
	height: 50px;
	padding: 5px;
	border-radius: 10px;
	border: 1px solid #acabab;
	width: calc(70% - 15px);
	margin-right: 15px;
}
.blue_box button{
  	width: 30%;
}
.blue_box .input_box {
	width: 100%;
  display: flex;
}
.comment {
	font-size: 15px;
}
/* Brands */
.brands{
  width: 100%;
  display: flex;
  justify-content: center;
}
.brands h2 span {
	font-size: 20px;
	text-transform: uppercase;
	color: #473BF0;
}
.brands .container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
  padding: 40px 0;
}
.brands .container h2 {
	text-align: center;
  margin-bottom: 50px;
}
.brands .container ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
  margin:0 0 70px 0;
  padding: 0;
}
.brands .container ul li {
	width: 16.66%;
	align-items: center;
	justify-content: center;
	display: flex;
  padding: 10px;
}
.progress .icon_text {
	font-size: 48px;
	font-weight: 700;
	color: #00CCFF;
}
.brands .container .progress ul li {
	width: 33.33%;
	padding: 10px 20px;
}
.progress .content {
	padding-left: 15px;
}
.progress {
	max-width: 1000px;
}
/* Advantage */
.advantages{
  background-color: #00CCFF1A;
  width: 100%;
  display: flex;
  justify-content: center;
}
.advantages .container{
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
}
.adv_list {
	width: 100%;
	display: flex;
	flex-direction: row;
  padding-top: 100px;
}
.icon_count {
	width: 45px;
	height: 45px;
	background-color: #cef6ff;
	border-radius: 50%;
	display: flex;
	font-size: 17px;
	justify-content: center;
	align-items: center;
	color: #00CCFF;
}
.adv_list .list li {
	display: flex;
  padding-bottom: 40px;
}
.details {
	padding-left: 20px;
}
.adv_list h3 {
	padding-bottom: 10px;
}
.advantages p {
	max-width: 545px;
	text-align: center;
}
.advantages .list p {
	text-align: left;
}
.advantages h2 {
	margin-bottom: 20px;
}
.adv_list .content {
	padding-left: 40px;
  width: 50%;
  overflow-y: auto;
  height: 330px;
}
.ad_img {
	width: 50%;
}
.ad_img img{
	width: 100%;
}
/* Testimonial */
.testimonial {
	background-color: #00CCFF;
	display: flex;
	justify-content: center;
}
.client_cmt {
	background-color: #fff;
	padding: 70px 30px 30px 30px;
	border-radius: 8px;
  position: relative;
}
.testimonial ul{
  width: 100%;
  display: flex;
}
.testimonial ul li {
	width: 25%;
	padding: 0 10px;
}
.client_cmt:before {
	content: '"';
	font-size: 58px;
	font-family: 'Roboto', sans-serif;
	color: #0cf;
	position: absolute;
	left: 26px;
	top: 35px;
	display: block;
}
.testimonial p {
	color: #858585;
	font-size: 12px;
	line-height: 21px;
  margin-bottom: 40px;
}
.name {
	color: #000000;
	font-size: 20px;
	font-weight: 700;
  line-height: 18px;
}
.designation {
	font-size: 12px;
	font-weight: 400;
	color: #858585;
}
.prf_pic {
	width: 43px;
	height: 43px;
}
.prf_pic img{
  width: 100%;
}
.profile {
	display: flex;
	align-items: center;
}
.testimonial .container {
	padding: 100px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

}
.testimonial h2 span {
	font-size: 20px;
	text-transform: uppercase;
	color: #473BF0;
}
.testimonial h2 {
	margin-bottom: 50px;
	text-align: center;
}