body .site{ padding: 0; margin: 0; box-shadow: none; max-width: none; width: 100%; overflow: hidden; font-family: 'Roboto', sans-serif;}
footer#colophon{ max-width: none; margin: 0; padding: 0; }
a, a:focus{outline:none;text-decoration:none !important;transition:all 500ms ease-in-out;}
footer[role="contentinfo"] a:hover {color: inherit !important;}


/*@font-face {
    font-family: 'mulishregular';
    src: url('fonts/mulishregular.eot');
    src: url('fonts/mulishregular.eot') format('embedded-opentype'),
         url('fonts/mulishregular.woff') format('woff'),
         url('fonts/mulishregular.ttf') format('truetype'),
         url('fonts/mulishregular.svg#mulishregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/


/*--------------- Home Fillup Form Start -----------------*/

/*.fillUpForm {position: relative;}
.fillUpForm h2:before {position: absolute; content: ""; width: 10px; height: 10px; background-color: #E91E22; left: 0px; top: 5px; border-radius: 50%; }
.fillUpForm h2:after {position: absolute; content: ""; width: 10px; height: 10px; background-color: #E91E22; top: 7px; border-radius: 50%; margin-left: 15px; }
*/
.reddots {color: #f05000; font-size: 10px; margin: 0 5px;}
.contactForm form input,
.contactForm form select {color: #b3b3b3; font: 500 15px/20px 'Roboto Slab'; height: 45px; margin-bottom: 20px; background: transparent; border-radius: 5px; border: 1px solid #434343; padding: 0 0 0 40px; }
.contactForm form select{padding: 0 15px;}

.contactForm form input:placeholder { color: #b3b3b3; }
.contactForm form input:focus, .contactForm form select:focus {color: #b3b3b3; background: transparent; border-color: #f05000; outline: 0; box-shadow: none; }

.contactForm form .form-group:nth-child(1) .wpcf7-form-control-wrap:before {content: '\f007'; font-family: 'FontAwesome' !important; font-weight: 400 !important; top: 13px; left: 15px; color: #fff; position: absolute; font-size: 17px; color: #d3d3d3; }
.contactForm form .form-group:nth-child(2) .wpcf7-form-control-wrap:before {content: '\f095'; font-family: 'FontAwesome' !important; font-weight: 400 !important; top: 13px; left: 15px; color: #fff; position: absolute; font-size: 17px; color: #d3d3d3; }
.contactForm form .form-group:nth-child(3) .wpcf7-form-control-wrap:before {content: '\f0e0'; font-family: 'FontAwesome' !important; font-weight: 400 !important; top: 13px; left: 15px; color: #fff; position: absolute; font-size: 17px; color: #d3d3d3; }
.contactForm form .form-group:nth-child(4) .wpcf7-form-control-wrap:after {content: '\f0d7'; font-family: 'FontAwesome' !important; font-weight: 400 !important; top: 13px; right: 15px; color: #fff; position: absolute; font-size: 17px; color: #d3d3d3; }

.contactForm form input[type="submit"] {padding: 0; background: #f05000; color: #fff; font-weight: 800; font-size: 18px; transition: all .5s ease-in-out; border: 2px solid #f05000; width: 225px; }

.contactForm form input[type="submit"]:hover {background: transparent; color: #f05000; }
.contactForm form .row .col-lg-6 p {display: flex; flex-direction: row;}

/*--------------- Home Fillup Form End-----------------*/

/*----------- Home Page Service Start --------*/
.ServiceWrapper .row { justify-content: center; row-gap: 30px; margin: 0 -15px;}
.ServiceWrapper .row .col-md-4 {padding: 0 15px;}

.ServiceWrapper .ServiceBox {text-align: center; transition: all .5s ease-in-out;}
.ServiceWrapper .ServiceBox:hover {/*box-shadow: 0px 0px 25px -10px #858585;*/ margin-top: -15px;}

.ServiceWrapper .ServiceBox .ServiceImg {width: 100%; height: 246px;}
.ServiceWrapper .ServiceBox .ServiceImg img {width: 100%; height: 100%; object-fit: cover; border-radius: 2px 2px 0 0;}

.ServiceWrapper .ServiceBox .ServiceCon {padding: 33px 20px; background: #d7d7d7; border-radius: 0 0 5px 5px;}

.ServiceWrapper .ServiceBox .ServiceCon h2 { font: 900 20px/23px "Mulish"; color: #4e4e4e; text-transform: uppercase; padding-bottom: 15px; transition: all .5s ease-in-out;}
.ServiceWrapper .ServiceBox .ServiceCon h2:hover {color: #f05000;}
.ServiceWrapper .ServiceBox .ServiceCon p {font: 400 14px/26px 'Poppins'; color: #1d1d1f; }

/*----------- Home Page Service End --------*/

/*---------- Service Carousal Strat ---------*/
#services-carousel .servicesBox { text-align: center; border-radius: 5px; background: #d7d7d7;}

#services-carousel .servicesBox .servicesImg {width: 100%; height: 187px;}
#services-carousel .servicesBox .servicesImg img { width: 100%; object-fit: cover; height: 100%; border-radius: 5px 5px 0 0; }

#services-carousel .servicesBox .serviceTitle { padding: 20px;  font: 900 20px/30px 'Mulish'; }

#services-carousel .owl-nav .owl-prev i { position: absolute; left: -50px; top: 50%; transform: translateY(-50%); font-size: 30px; color: #9b9b9b;}
#services-carousel .owl-nav .owl-next i { position: absolute; right: -50px; top: 50%; transform: translateY(-50%); font-size: 30px; color: #9b9b9b;}

/*---------- service Carousal End ----------*/

/* ---- Service List start ---- */
.innerServiceList .innerServiceWrapper { padding: 20px 0;}
.innerServiceList .innerServiceWrapper .row {align-items: center;}
.innerServiceList .innerServiceWrapper:nth-child(even) .col-md-5 {order: 2;}
.innerServiceList .innerServiceWrapper:nth-child(even) .col-md-7 {order: 1;}

.innerServiceList .innerServiceWrapper .serviceinnerImg { z-index: 1000; height: 308px; text-align: left;}
.innerServiceList .innerServiceWrapper .serviceinnerImg img {width: 100%; height: 100%;object-fit: cover; border-radius: 10px;}

.innerServiceList .innerServiceWrapper:nth-child(even) .col-md-5 .serviceinnerImg {text-align: right;}

.innerServiceList .innerServiceWrapper .serviceinnerContent {text-align: left;}
.innerServiceList .innerServiceWrapper .serviceinnerContent h3 {font: 800 30px/24px 'Mulish'; color: #282828; padding-bottom: 22px; text-transform: uppercase;}
.innerServiceList .innerServiceWrapper .serviceinnerContent p { font: 400 16px/25px 'Mulish'; color: #282828; text-align: justify;}

.innerServiceList .innerServiceWrapper:nth-child(odd) .col-md-7 .serviceinnerContent {padding: 0 0 0 20px;}
.innerServiceList .innerServiceWrapper:nth-child(even) .col-md-7 .serviceinnerContent {padding: 0 20px 0 0;}
/* ---- Service List end ---- */


/*------------ Contact Page Start ------*/
.contactPageForm {}
.contactPageForm form .form-group {margin-bottom: 15px; padding: 0 7px;}
.contactPageForm form input {padding: 18px 20px; border: 1px solid #d7d7d7; box-shadow: 0px 0px 17px 1px #ebebeb; }
.contactPageForm form textarea {padding: 18px 20px; border: 1px solid #d7d7d7; box-shadow: 0px 0px 17px 1px #ebebeb; height: 110px; }

.contactPageForm form input::placeholder,
.contactPageForm form textarea::placeholder {color: #616161; font: 400 14px/24px 'Roboto'; }

.contactPageForm form input[type="submit"] {max-width: 213px; margin: 9px auto 0; text-transform: uppercase; font: 700 20px/35px 'Roboto'; border-radius: 50px; background: #f05000; color: #fff; border: 2px solid #f05000; padding: 10px 0; transition: all .5s ease-in-out; box-shadow: none; }
.contactPageForm form input[type="submit"]:hover {background: transparent; color:#f05000; }

.contactPageForm form input:focus, 
.contactPageForm form textarea:focus {border: 1px solid #f05000; box-shadow: 0px 0px 25px -3px #cccccce3; }
.contactPageForm form input[type="submit"]:focus {border: 2px solid #f05000;}
/*------------ Contact Page End ------*/













/* responsive */

@media screen and (max-width: 1299px){

}

@media screen and (max-width: 1199px){

}

@media screen and (max-width: 991px){

}

@media screen and (max-width: 767px){

}

@media screen and (max-width: 575px){

}

@media screen and (max-width: 400px){
    
}
