/* radar*/
  .radar{
	  width: 100%;
  background:url("../img/radar_banner.png");
    background-size: cover;
    position: relative;
    padding: 0;
    background-repeat: no-repeat;
  }
  #blogdetail {
    width: 100%;
    background: url(../img/Blog.jpg);
    background-size: cover;
    position: relative;
    padding: 0;
    background-repeat: no-repeat;
    margin-top: 90px;
    height: 480px;
}
   
.blog-block h4{
	color: #343F52;
    font-size: 25px;
    text-align: center;
    padding: 40px 20%;
    line-height: 35px;
}
.blog-block p{
	font-size: 14px;
    line-height: 25px;
    
    font-family: 'hero_newlight';
	color: #070707;
}
.blog-block h3{
	color: #343F52;
    font-size: 16px;
    line-height: 35px;
}
.blog-block ul li {
      list-style-type: disc !important;
      list-style-position: inside !important;
     color: #070707;
      font-size: 14px;
      line-height: 25spx;
      padding-top: 10px;
  }
  .radar-btn {
    margin-top:10px;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    background: #2E337A !important;
    border: none;
    padding: 10px 30px !important;
}
.form-sec{
	background:rgba(38, 158, 217, 0.1);
	padding:30px;
	border-radius:30px;
}
.form-sec h3{
	font-size:18px;
	padding-bottom:20px;
	 color: #5e6972;
	
}
.rad-head{
	color: #2E337A;
	padding:0 26%;
}
.rad-head1{
	color: #2E337A;	
	font-weight:600;
	font-family:'hero_newbold';
}
.rad-1{
	padding-right:15px;
}
.whyRadar{
	 background-color: #D4D4D433 !important;
}
.rad-box{
      background-color: #FFFFFF;
     border-radius: 20px;
     box-shadow:  0px 30px 40px rgba(0, 0, 0, 0.08);
    border-radius: 25px;
    padding: 30px;
	height:380px;
    }
	.rad1-box{
      background-color: #FFFFFF;
     border-radius: 20px;
    border-radius: 25px;
	border: 1px solid rgba(18, 18, 18, 0.4);
    padding: 30px;
    }
.p-txt2 {
    font-size: 16px;
    line-height: 25px;
    color: #000000;
    font-family: 'hero_newlight';
    padding: 10px 22%;
}
#grad{
	  background-image: linear-gradient(to right, rgba(46, 51, 122, 0.5) , rgba(0, 149, 206, 0.5));

}
.grad-box{
	border: 1px solid #fff;
    border-radius: 20px;
    padding: 50px;
    width: 75%;
    margin: 30px;
    background-color: rgba(94, 105, 114, 0.2);

}
.grad-box h3{
	font-size:19px;
	font-weight:400;
	line-height:25px;
	color:#fff;
	font-family:'hero_newlight';
	text-align:center;
}
.content-top{
	border-bottom: 1px solid rgba(255, 255, 255, 1);
	margin-bottom: 50px;
    margin-top: 35px;
}
.content1-top{
	border-bottom: 1px solid rgba(255, 255, 255, 1);
	margin-bottom: 35px;
    margin-top: 35px;
}
.grad-com{
	border:2px solid rgba(255, 255, 255, 1);
	border-radius:20px;
	padding:30px;
	width:90%;
	height:100%;
	background-color: rgba(94, 105, 114, 0.2);
}
.grad1-box h3{
	font-size: 18px;
    text-align: center;
    width: 50%;
}
.grad1-box p{
	font-size: 16px;
    text-align: center;
    font-weight:400;
	line-height:24px;
}
.left-box{
	margin-top:160px;
}
.grad-tbox h3{
	font-size: 23px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
}
.grad-com1{
	border:2px solid rgba(255, 255, 255, 1);
	border-radius:20px;
	padding:30px;
	width:90%;
		  background-image: linear-gradient(rgba(46, 51, 122, 1) , rgba(0, 149, 206, 1));

}
.step-sec{
	display:block;
	margin:0 auto;
	text-align:center;
}
#demo-sec{
			 background-image: linear-gradient(to left, rgba(229,235,255),rgba(240,248,250));
			  

}
#step{
	background:#f6f6f6;
}
@media screen and (max-width: 767px){
	#future p, #grad h3 , .grad-com ,.grad-com1{
		width:100% !important;
		
	}
	.blog-block h4{
	padding:0px !important;
}
	.rad-head, .p-txt2{
		padding:0px !important;
	}
	.left-box {
		margin-top:0px !important;
}
.grad-com1{
			margin-top:30px;

}
.blog-sec{
    padding:20px;
}
#blogdetail{
	margin-top: 0px;
}
#radar{
	background-position: center 100%;
}
}