@font-face {
font-family: "Bell" ;
src: url('fonts/602ba14c171917a6e7c6e18dc5c568b8.ttf');
}
body{
background:#fff;
margin:0;               
}
#zf_button_1:hover{
    color:#000066 ;
    cursor: pointer !important;
}

#main_content{
width:100%;
margin:0px auto;
overflow:auto;
}


.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;
}



.top_header{
background:#01D1FE;
margin:0;
overflow:auto;
width:auto;
padding:0 40px;
font-family:arial;
padding: 10px 0;
}
.top_header_col1 img {
  max-width: 100%;
}
.inner{
max-width:1100px;
margin:0 auto;
}
.emails-de .btn-56 {
  background: #f96b1c;
  padding: 10px 24px;
  border-radius: 10px;
  margin-top: -10px;
  float: left;
  margin-left: 6px;
}
.top_header_col1{
float:left;
width:40%;
padding:5px 0;
color:#FF6B13;
}
.top-ga {
  margin-top: 19px;
}
.top_header_col2{
float:right;
position:relative;
/* top:13px; */
/* width:30%; */
color:#fff;
/* text-align:right; */
}
.emails-de a {
  justify-content: left;
}
.emails-de{
  display: inline-block;
}

.top_header p{
margin:0;
font-size:20px;
font-weight:600;
}
.top_header a{
text-decoration:none;
color:#000066;
font-size:20px;
font-weight:600;
}
.emails-de a:hover {
  color: #fff;
}
.banner{
background:url(images/banner.png) no-repeat;
overflow:auto;
height:auto;
border-top:3px solid #fff;
text-align:center;
background-size: cover;
}

.main_heading{
text-transform:uppercase;
color:#fff;
margin:50px 0 20px;
font-family:Bell;
font-size:60px;
}

.banner p{
font-family:Bell;
color:#01EFFE;
font-size:32px;
}
.contact_form{
width:85%;
text-align:center;
margin:20px auto;
}

input{
width: 30%;
font-size:16px;
background: #fff;
padding:10px;
color: #000066;
border-radius:10px;
margin:0px 10px;
border:1px solid #01D1FE;
}

textarea{
width: 96%;
font-size:16px;
color: #000066;
background: #fff;
height:90px;
padding: 10px;
border-radius:10px;
margin:0px 10px;
border:1px solid #01D1FE;
}

button{
cursor:pointer;
width: auto;
margin: 0px;
background: -webkit-linear-gradient(top, #01D1FE, #01D1FE); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom, #01D1FE, #01D1FE); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom,#01D1FE, #01D1FE); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom, #01D1FE, #01D1FE); /* Standard syntax (must be last) */
color: #000066;
text-shadow:none;
border: 1px solid #fff;
padding: 10px 30px;
border-radius: 7px;
font-size:20px;
font-weight:bold;

}

button:hover{
background:-webkit-linear-gradient(top, #FD6713, #FD6713); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom, #FD6713, #FD6713); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom,#FD6713, #FD6713); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom, #FD6713, #FD6713); /* Standard syntax (must be last) */
color: #000066;
}


.captcha{
font-size:18px !important;
padding:6px;
margin:8px 0; 
color:#fff; 

}

.text{
width:100px;
height:35px;

}

::-webkit-input-placeholder { /* Chrome */
  color: #000066;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000066;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000066;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #000066;
  opacity: 1;
}

.section1{
background:#fff;;
overflow:auto;
padding:0 30px;
}

.section1 p{
font-size:18px;
color:#505050;
line-height:1.5;
}

.heading1{
text-align:center;
font-size:30px;
width:420px;
text-shadow: 2px 3px #ddd;
margin:40px auto;
border-top:1px solid #000;
border-bottom:1px solid #000;
color:#000066;
padding:5px 0;
}


.launch_mobile{
float:left;
width:250px;
margin-top:-20px;
margin-right:40px;
}

.section2{
background:url('images/footer_banner.png');
color:#414141;
margin:5px 0 0;
padding:20px 10px;
overflow:hidden;
background-size:cover;
border-bottom:2px solid #fff;
}

.heading2{
text-align:center;
font-size:30px;
width:140px;
text-shadow: 2px 2px #fff;
margin:10px auto 30px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
color:#FD6713;
padding:0px 0 5px;
}

.section2-col1{
float:left;
background:url('images/services1.png') no-repeat;
width:262px;
height:170px;
margin-right:10px;
background-size:cover;
}

.section2-col2{
float:left;
background:url('images/services2.png') no-repeat;
width:262px;
height:170px;
margin-right:10px;
background-size:cover;
}

.section2-col3{
float:left;
background:url('images/services3.png') no-repeat;
width:262px;
height:170px;
margin-right:10px;
background-size:cover;
}

.section2-col4{
float:left;
background:url('images/services4.png') no-repeat;
width:262px;
height:170px;
margin-right:10px;
background-size:cover;
}

.section2 p{
padding:0 10px;
color:#fff;
margin:0;
font-size:15px;
}

.readmore{
text-align:right;
margin:0 30px 0 0;
color:#000!important;
}

.readmore a{
text-decoration:none;
color:#fff;
font-weight:600;
}

.heading3{
text-align:center;
color:#fff;
font-size:16px;
width:250px;
margin:10px auto;
border-bottom:1px solid #fff;
}

.footer{
background:#010101;
margin:0;
color:#fff;
overflow:auto;
width:auto;
text-align:center;
}

.footer a{
color:#FF6B13;
text-decoration:none;
}

.form_heading{
text-align:center; 
color:#fff; 
font-size:23px;
}

@media screen and (min-width: 800px) and (max-width: 1120px) { 
.section2{
background:url('images/footer_banner.png');
color:#414141;
margin:5px 0 0;
padding:20px 0px;
overflow:hidden;
background-size:cover;
text-align:center;
border-bottom:2px solid #fff;
}


.heading3{
text-align:center;
color:#fff;
width:260px;
font-size:17px;
margin:10px auto;
border-bottom:1px solid #fff;
}

.section2-col1{
background:url('images/services1.png') no-repeat;
float:left;
width:20%;
height:auto;
padding:10px;
margin:10px 10px;
background-size:cover;
}

.section2-col2{
background:url('images/services2.png') no-repeat;
float:left;
width:20%;
height:auto;
padding:10px;
margin:10px 10px 10px 0;
background-size:cover;
}

.section2-col3{
background:url('images/services3.png') no-repeat;
float:left;
width:20%;
height:auto;
padding:10px;
margin:10px 10px;
background-size:cover;
}

.section2-col4{
background:url('images/services4.png') no-repeat;
float:left;
width:20%;
height:auto;
padding:10px;
margin:10px 10px;
background-size:cover;
}

.section2 p{
padding:0 10px;
color:#fff;
margin:0;
font-size:14px;
}

.readmore{
text-align:right;
margin:0 30px 0 0;
color:#000!important;
}

.readmore a{
text-decoration:none;
color:#fff;
font-weight:600;
}



}



@media screen and (max-width: 800px) {

.inner{
max-width:100%;
margin:0 auto;
}

.top_header_col1{
float:left;
width:100%;
padding:5px 0;
color:#FF6B13;
text-align:center;
}

.top_header_col1 img{width:95%;}

.top_header_col2{
float:left;
position:relative;
top:0px;
width:100%;
color:#fff;
text-align:center;
}

.top_header p{
margin:0;
font-size:16px;
font-weight:600;
}
.top_header a{
text-decoration:none;
color:#000066;
font-size:17px;
font-weight:600;
}

.banner{
background:url(images/banner.png) no-repeat;
overflow:auto;
height:auto;
border-top:3px solid #fff;
text-align:center;
background-size: cover;
}

.main_heading{
text-transform:uppercase;
color:#fff;
margin:50px 0 20px;
font-family:Bell;
font-size:20px;
}

.banner p{
font-family:Bell;
color:#01EFFE;
font-size:16px;
}
.contact_form{
width:85%;
text-align:center;
margin:20px auto;
}

input{
width: 100%;
font-size:16px;
background: #fff;
padding:10px;
color: #000066;
border-radius:10px;
margin:0px 0px 5px;
border:1px solid #01D1FE;
}

textarea{
width: 100%;
font-size:16px;
color: #000066;
background: #fff;
height:90px;
padding: 10px;
border-radius:10px;
margin:-10px 0px;
border:1px solid #01D1FE;
}

button{
cursor:pointer;
width: auto;
margin: 0px;
background: -webkit-linear-gradient(top, #01D1FE, #01D1FE); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom, #01D1FE, #01D1FE); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom,#01D1FE, #01D1FE); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom, #01D1FE, #01D1FE); /* Standard syntax (must be last) */
color: #000066;
text-shadow:none;
border: 1px solid #fff;
padding: 10px 30px;
border-radius: 7px;
font-size:20px;
font-weight:bold;

}

button:hover{
background:-webkit-linear-gradient(top, #FD6713, #FD6713); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom, #FD6713, #FD6713); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom,#FD6713, #FD6713); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom, #FD6713, #FD6713); /* Standard syntax (must be last) */
color: #000066;
}


.captcha{
font-size:18px !important;
padding:6px;
margin:8px 0; 
color:#fff; 

}

.text{
width:100px;
height:35px;

}

::-webkit-input-placeholder { /* Chrome */
  color: #000066;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000066;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000066;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #000066;
  opacity: 1;
}

.section1{
background:#fff;;
overflow:auto;
padding:0 30px;
}

.section1 p{
font-size:14px;
color:#505050;
line-height:1.5;
}

.heading1{
text-align:center;
font-size:14px;
width:256px;
text-shadow: 2px 3px #ddd;
margin:40px auto;
border-top:1px solid #000;
border-bottom:1px solid #000;
color:#000066;
padding:5px 0;
}

.section2{
background:url('images/footer_banner.png');
color:#414141;
margin:5px 0 0;
padding:20px 0px;
overflow:hidden;
background-size:cover;
text-align:center;
border-bottom:2px solid #fff;
}


.heading3{
text-align:center;
color:#fff;
width:260px;
font-size:17px;
margin:10px auto;
border-bottom:1px solid #fff;
}

.section2-col1{
background:url('images/services1.png') no-repeat;
float:left;
width:44%;
height:150px;
padding:10px;
margin:10px 10px;
background-size:cover;
}

.section2-col2{
background:url('images/services2.png') no-repeat;
float:left;
width:44%;
height:150px;
padding:10px;
margin:10px 10px 10px 0;
background-size:cover;
}

.section2-col3{
background:url('images/services3.png') no-repeat;
float:left;
width:44%;
height:150px;
padding:10px;
margin:10px 10px;
background-size:cover;
}

.section2-col4{
background:url('images/services4.png') no-repeat;
float:left;
width:44%;
height:150px;
padding:10px;
margin:10px 10px;
background-size:cover;
}

.section2 p{
padding:0 10px;
color:#fff;
margin:0;
font-size:14px;
}

.readmore{
text-align:right;
margin:0 30px 0 0;
color:#000!important;
}

.readmore a{
text-decoration:none;
color:#fff;
font-weight:600;
}




.launch_mobile{
float:left;
margin-top:0px;
margin-right:0px;
width:100%;
}


.heading3{
text-align:center;
color:#fff;
font-size:19px;
margin:10px auto;
border-bottom:1px solid #fff;
}

.footer{
background:#010101;
margin:0;
color:#fff;
overflow:auto;
width:auto;
text-align:center;
}

.footer a{
color:#FF6B13;
text-decoration:none;
}

.form_heading{
text-align:center; 
color:#fff; 
font-size:23px;
}
}

@media screen and (max-width: 700px) {
.section2{
background:url('images/footer_banner.png');
color:#414141;
margin:5px 0 0;
padding:20px 0px;
overflow:hidden;
background-size:cover;
text-align:center;
border-bottom:2px solid #fff;
}


.heading3{
text-align:center;
color:#fff;
width:260px;
font-size:17px;
margin:10px auto;
border-bottom:1px solid #fff;
}

.section2-col1{
background:url('images/services1.png') no-repeat;
float:none;
width:264px;
height:auto;
padding:10px;
margin:10px auto;
background-size:cover;
}

.section2-col2{
background:url('images/services2.png') no-repeat;
float:none;
width:264px;
height:auto;
padding:10px;
margin:10px auto;
background-size:cover;
}

.section2-col3{
background:url('images/services3.png') no-repeat;
float:none;
width:264px;
height:auto;
padding:10px;
margin:10px auto;
background-size:cover;
}

.section2-col4{
background:url('images/services4.png') no-repeat;
float:none;
width:264px;
height:auto;
padding:10px;
margin:10px auto;
background-size:cover;
}

.section2 p{
padding:0 10px;
color:#fff;
margin:0;
font-size:14px;
}

.readmore{
text-align:right;
margin:0 30px 0 0;
color:#000!important;
}

.readmore a{
text-decoration:none;
color:#fff;
font-weight:600;
}

}

.heading-cards h2 {
  color: #000066;
  font-size: 32px;
  margin: 0px;
  border-bottom: none;
}


.features-section {
     background-color: #fff;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        padding: 20px;
        margin: 0 auto;
      }
      
      .feature-card {
        display: block;
        width: 353px;
        text-align: center;
        text-decoration: none;
        background-color: #efefef;
        border: 1px solid #e0e0e0;
        border-radius: 12px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        transition: transform 0.3s, box-shadow 0.3s;
      }
      
      .feature-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
      }
      
      .feature-icon {
        padding: 20px;
        background-color: #efefef;
      }
      
      .feature-icon img {
        max-width: 25%;
        height: auto;
        border-radius: 8px;
      }
      
      .feature-title {
        /* height: 72px; */
        padding: 0px 20px;
        font-size: 14px;
        font-weight: bold;
        color: #333;
        margin: 15px 0 10px;
      }
      .feature-title:hover{
        color: #000;
      }
      
      .para-d {
        font-size: 14px;
        color: #666666;
        padding: 0 15px 20px;
      }
      .space{
        margin-top:30px;
        margin-bottom:60px;
      }
    
   
	 @media (max-width: 900px) {
		 .feature-card {
        width: 353px !important;
	   }
       .emails-de a {
    margin-left: -159px;
}
.header-left{
        padding: 32px 15px 0;
}
.header-left img{
    width: 200px;
}
.heading-cards h2{
    margin: -2px;
    border-bottom: none;
    border: 1px solid #fff;
}
	  }

      @media (max-width : 430px){
        .top-ga{
          margin-bottom: 20px !important;
        }
          .hd-col{
          display: grid !important;
     }
     .emails-de {
      padding-left : 146px;
     }
            .header-right {
        width: 57%;
        float: right;
        font-weight: bold;
    }
        .header-right a {
        font-size: 21px;
    }
      }