@font-face{font-family:"roboto";
src:url('font/Roboto-Regular.ttf');}
body{font-family:roboto!important;margin:0}

body{padding:0px;margin:0px;background-color:#fff;font-family: 'roboto';}

.inner{	max-width:1125px;margin:0px auto;}
header .d1{	background-color:#0d1e2d;color:#fff;}
header .d2{background-color:#ebf7fe;}
.sc1{
	height: 525px;
	background-image: url(../src/banner.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	
}

.social-icons {
	display: flex;
	gap: 15px;
	padding-block: 1%;
	background: #eaf7ff;
	justify-content: center;
	gap: 2%;
}


.social-icons a {
	text-decoration: none;
	font-size: 30px;
	color: #000;
	transition: color 0.3s;
}




.sc2{margin-top:50px;}
.sc4{
	padding-top:30px;
	padding-bottom:30px;
	background-image: url(../src/bck.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


.section1 video{width:100%; object-fit: inherit;}
.videocol{padding:5% 0 0 5%!important}

.sc5{
	padding-top:30px;
	padding-bottom:60px;
	background-image: url(../src/form-bck.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.sc6{padding-top:20px ;	padding-bottom:20px ;background-color:#eaf7ff;color:#333;}

.header-top{display:flex;font-size: 14px;}
.header-top .blank{	flex-grow: 1;}
.header-top div{color:#939597;padding:15px 0px;}
.header-top div a{color:#939597;text-decoration:none;padding:5px;}
.header-top div span{padding-right:10px;}

.header{display:flex;align-items: center;  height: 80px;}
.header .tag{flex-grow:1;text-align:center;color:#000066;}
.header .tag h1{margin: 0px; padding: 0px;font-size: 40px;text-shadow: -3px 2px 2px #fff;}
.header .request{
	background-color:#fb5a12;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0px 15px;
	color:#fff;
}
.header .request a{text-decoration:none;color:#fff;text-decoration: none;color: #fff;font-size: 16px;}

.section1{color:#fff;display:flex;}
.section1 .content,.section1 .img{width:50%;padding: 40px 0px;}
.section1 .content {display: flex;justify-content: center;align-items: center;}
.section1 .content h1{font-size: 32px;position:relative;}
/* .section1 .img img{width: 100%;height: 100%;} */
.section1 .content h1::after{
	content: "";
	position: absolute;
	height: 80px;
	padding: 0px;
	border-left: 3px solid #fb5a12;
	top: 5px;
	left: -15px;
	width: 5px;
}
.section2{text-align:center;}
.section2 a{
	text-decoration: none;
    border: 1px solid #fb5a12;
    background-color: #fb5a12;
    font-size:26px;
    padding: 10px 20px;
    border-radius: 10px;
    color: #fff;
	display: inline-block;
}
.section2 p::after{
	content: '';
    display: block;
    width: 55px;
    height: 3px;
    background: red;
    text-align: center;
    margin: auto;
    margin-top: 10px;
}

.section3{display:flex;padding-top:25px;padding-bottom:25px;}
.section3 div{width:50%;}
.section3 .text{padding-right: 80px;}
.section3 .text .head{font-size: 22px;}
.section3 .text .head::after{
	content: '';
    display: block;
    width: 55px;
    height: 3px;
    background: red;
    margin-top: 10px;
}
.section3 div img{width:100%;}

.section4{display:flex;color:#fff;}
.section4 div{width:50%;}
.section4 div img{width:100%;}
.section4 .right{padding-left:75px;}


.quote{padding:5px 10px;color:#fff;}
.quote .head{text-align:center;}
.quote .head::after{
	content: '';
    display: block;
    width: 55px;
    height: 3px;
    background: red;
    text-align: center;
    margin: auto;
    margin-top: 10px;
}
.quote .frm{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;} 
.quote .frm .input{border:1px solid #fff;width: 30%; padding: 10px 15px; margin-right:  3.33%;margin-top:15px;margin-bottom:15px;outline:none;}
.quote .frm .textarea{border:1px solid #fff;width:75%;height:90px; padding: 15px;font-family: roboto;}

.quote .frm .submit{width:25%;text-align:center;}
.quote .frm .submit button{
	padding: 20px 55px;
    background-color: #fb5a12;
    border: 1px solid #fb5a12;
    border-radius: 10px;
    font-size: 16px;
	color:#fff;
	outline:none;
}

.footer{display:flex;}
.footer div{width:33.33%;}
.footer  p{padding:0px;	margin:0px;font-size:11px;}
.footer .div1{}
.footer .div2{border-left: 2px solid #fb5a12;border-right: 2px solid #fb5a12;text-align: center;}
.footer .div3{text-align:right;}

 .section1 .img img{width:100%;}
 
 
@media only screen and (max-width:1150px){
	.section1 .content h1 {font-size: 24px;}
	.section1{padding:0px 10px;}
	.sc1 {height: auto;}
	p{ font-size: 14px;}
	.sc1, .sc2,.sc3, .sc4, .sc5,.sc6{padding:5px 10px;}
	.header .tag h1{font-size:28px;}
}

@media only screen and (max-width:800px){
	
	.sc1, .sc2, .sc3, .sc4, .sc5, .sc6{ padding:5px 10px;}
	.sc1{height: auto;	}
	.sc2 {margin-top: 25px;}
	.section1, .section3, .section4, .quote .frm , .footer{
		flex-direction:column;
		height: auto;
		padding:10px 10px;
	}
	
	header .d1{	padding: 5px;}
	.section1 .content h1::after{height: 40px;}
	
	.section1 .content,
	.section1 .img,
	.section3 .text,
	.section3 .image,
	.section4 div,
	.quote .frm .input,
	.quote .frm .textarea,
	.quote .frm .submit,
	.footer div	{
		width:100%;
	}
	.quote .frm .input,
	.quote .frm .textarea,
	.quote .frm .submit{
		margin:5px 0;
	}
	

	.header .tag h1{font-size:14px;	}
	.section1 .content h1{	font-size:14px;	}
	.section1 .img img{height:auto;width:100%;}
	.section1 .content, .section1 .img{padding:0px;}
	.section2 a{font-size:14px;	}
	.section2 {margin-top: 20px;}
	.section1 p, .section3 p,.section4 p{font-size: 12px;}
	.section4 .right,.section3 .text{padding:0px;}
	
	.header{flex-wrap: wrap;height: auto;justify-content: center;}
	.header .request a{padding: 10px 15px; margin-bottom: 5px;border-radius:10px;}
	.header .request { margin: 5px; border: 1px solid #fb5a12; border-radius: 10px;}
	.header-top{flex-wrap: wrap; text-align: center;}
	.header-top div { color: #939597;  padding: 2px 0px; text-align: center; width: 100%;}
	.header-top .blank{	display:none;}
	
	.quote .frm .submit button { padding: 12px 60px;}
	.quote{	padding: 5px 10px;}
	.footer .div1, .footer .div2, .footer .div3{margin:2px 0px;padding: 5px 0px;text-align:center;border:0;}
	
}

.heading-cards h2 {
  color: #000066;
  font-size: 32px;
}

.features-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 40px;
}

.feature-card {
  background: #eaf7ff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  text-align: center;
  padding: 20px;
  flex: 1 1 calc(33.33% - 20px);
  max-width: calc(23.89% - 20px);  
  transition: transform 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

.feature-card:hover {
  transform: translateY(-10px);
}

.feature-icon img {
max-width: 100%;
height: auto;
border-radius: 8px;
}

.feature-title {
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
  color: #fe6b1d;
  text-align: left;
}
.feature-card:hover .feature-title {
  color: #000066;
}

.feature-icon img:hover {
  transform: scale(1.1);
}
.feature-icon{
  overflow: hidden;
}
.feature-icon img {
    max-width: 30%;
}

.feature-icon img {


  transition: 0.5s;
}
.para-d {
  text-align: left;
}
/* Responsive styles for smaller screens */
@media (max-width: 768px) {
  .feature-card {
    flex: 1 1 calc(33% - 20px);
    max-width: calc(50% - 20px);

  }
}

@media (max-width: 480px) {
  .feature-card {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .feature-icon img:hover {
    transform: scale(1);
  }
  .heading-cards h2 {
    font-size: 20px;
}
}
@media (max-width: 480px){.videocol{padding: 5% 0 0 0% !important;}}
@media (max-width: 768px){.videocol{padding: 5% 0 0 0% !important;}}