/* .background-img {
     background-image: url("img/banner.jpg");
     background-size: cover;
     position: relative;
     width: 100%;
     padding-top: 60px;

}

.comexheadh1 {
     font-size: 58px;
     font-weight: bolder;
     color: white;
     padding-top: 150px;
     padding-left: 40px;

}

.comexheadp {
     font-size: 18px;

     color: white;
     padding-top: 15px;
     padding-left: 40px;
}

.head-btn {
     padding-left: 30px;

}

.btn1 {
     padding-top: 30px;
}

.secondsection {
     margin-top: 100px;
     margin-bottom: 100px;
}

.footerfirst {
     background-color: red;
     border: 2px;

     padding-top: 20px;
     
     color: white;
}

.footersecond {
     background-color: yellow;
     border: 2px;
    
     padding-top: 20px;
     color: white;
}

.footerthird {

     background-color: green;
     border: 2px;
   
     padding-top: 20px;
     color: white;
}  */

/* main start */

.formWeb {
    border: 1px solid #ddd;
    padding: 15px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
  }
  .FormInput {
    margin-bottom: 15px;
  }
  .FormInput {
    display: table;
    width: 100%;
  }
  .FormInput span {
    width: 15%;
    float: left;
    height: 55px;
    color: #fff;
    font-size: 25px;
    text-align: center;
    line-height: 55px;
  }
  .span2 {
    background: #3EB8D7;
  }
  .span3 {
    background: #0291CD;
  }
  .span4 {
    background: #768ACE;
  }
  .span1 {
    background: #2F64B4;
  }
  .FormInput span {
    color: #fff;
    font-size: 25px;
    text-align: center;
    line-height: 55px;
  }
  .FormInput input {
    width: 85%;
    float: right;
    height: 55px;
    border: none;
    background: #eee;
    padding-left: 25px;
    color: rgba(20,71,87,.5);
  }
  .textArea span {
    width: 15%;
    float: left;
    height: 100px;
    color: #fff;
    font-size: 25px;
    text-align: center;
    line-height: 100px;
  }
  .textArea textarea {
    height: 100px;
    width: 85%;
    float: right;
    border: none;
    background: #eee;
    padding-left: 25px;
    padding-top: 15px;
    color: rgba(20,71,87,.5);
  }
  .bOOApp {
    width: 100%;
    height: 55px;
    border: none;
    background: #fff;
    padding-left: 25px;
    color: rgba(20,71,87,.5);
    background: #0C9;
    margin-top: 15px;
    color: #fff;
  }

.main-banner-1 {
     background: url(./img/banner.jpg) no-repeat;
     background-size: cover;
     position: relative;
     /* z-index: 9; */
     /* height: 100vh; */
     max-height: 1140px;
     min-height: 890px;
     padding-top: 140px;
     width: 100%
 }

 .navbar {
     background: rgba(0, 0, 0, 0);
     position: absolute;
     z-index: 999;
     width: 100%;
 }

 .navbar .navbar-nav .nav-link {
     color:rgb(3, 3, 3);
     background: transparent;
     font-size: 18px;
     font-weight: 500;
 }

 .navbar .navbar-nav .nav-link.active {
     color: #ffffff;
     background: transparent;
 }
.InnerPage {
     background: #f4fbdc;
     
     border-bottom: 1px solid #ddd;
     
     
 }

 .containerc {
     margin-top: -80px;
 }

 .InnerPage h2 {
     padding-left: 40px;
     
 }

 .inPages ul li {
     background: url(./img/arrowIcon.png);
     background-size: 25px;
     background-repeat: no-repeat;
     background-position: left center;
     line-height: 35px;
     color: #013B51;
     padding-left: 36px;
 }

 .inPages {
     
     /* border: 1px solid #ddd; */
     padding: 15px;
     background: #fff;
     /* box-shadow: 0 0 10px rgba(0,0,0,.2); */
 }

 .col-xs-12.col-sm-12.col-md-5.col-lg-5.pd-hide {
    padding-left: 0px;
    padding-right: 0px;
}
.col-xs-12.col-sm-12.col-md-7.col-lg-7.pd-hide1 {
    padding-right: 0px;
    padding-left: 0px;
}

 .footer .copyright {
     border-top: 1px solid rgba(255, 255, 255, 0.1);
 }
.pd-last{
    padding-left: 80px;
}
 

 .footer{
     color:white;
 }
 ul {
     list-style: none;
 }
 .btn.btn-rounded {
     border-radius: 100px;
 }
 .btn-light {
     color: #1e1e1e;
     background-color: #fff;
     border-color: #fff;
 }

 .btn.btn-xl {
     padding: 1.09rem 2.9rem;
    
 }

 .inPages {
     margin-bottom: 50px;
margin-top: 30px;
}

.btnpd{
     padding-bottom: 30px;
}
.prcbtn{
padding-top:20px;
padding-bottom: 20px;

}
.topmargin{
     margin-top: 50px;
     background-color: #35c04b;
}

/* .mrgtop{
     margin-top: 50px;
} */

.hedfont{
     font-size: 52px;
     font-weight: bolder;
     font-family: "Montserrat", sans-serif;
}

.parafont{
     font-family: "Open Sans", sans-serif;
     font-size: 12px;
     
}
.callnow{
     font-size:28px;
     font-weight: bolder;
     font-family: "Montserrat", sans-serif;
     padding-left: 40px;
}
.btnsiz{
     font-size: 19px;
     font-weight: 700;

}

.traialbtn{
     background-color: #35c04b;
     border: 1px solid;
}

.btn-lft{
    margin-left: 40px;
    
}
.main-banner-1{
    padding-top: 200px;
}

button.navbar-toggler.btn-top {
    margin-top: -15px;
}


.navbar-toggler {
    width: 28px;
    height: 28px;
    position: relative;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}
.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background: black;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}


.navbar-toggler span:nth-child(1) {
    top: 3px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
.navbar-toggler span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background:black;
    border-radius: 8px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}


.navbar-toggler span:nth-child(2) {
    top: 11px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
.navbar-toggler span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background:black;
    border-radius: 8px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
*, ::after, ::before {
    box-sizing: inherit;
}


.navbar-toggler span:nth-child(3) {
    top: 19px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
.navbar-toggler span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background:black;
    border-radius: 8px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}




/* .dark-header .navbar, .transparent-header .navbar {
    background: black;
    position: absolute;
    z-index: 999;
    width: 100%;
} */


/* social */

/* Style the social-icons container */
.social-icons {
    position: fixed;
    top: 50%; 
    right: 15px; 
    transform: translateY(-50%);
    border-radius: 5px; 
}

/* Style the social icons (you can use your own images) */
.social-icons a {
    display: block;
    margin-bottom: 15px; /* Optional: Add spacing between icons */
}

.social-icons img {
    height: 40px;
    border-radius: 50%; 
}








/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

    img.img-fluid {
        width: 80%;
    }

}