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 ------*/


/*----------inner-post-list start----------*/
.inner-post-list .row{margin-right: -18px;margin-left: -18px;}
.inner-post-list .col-md-6{padding: 25px 18px;}
.inner-post-details .col-md-6 .post-box .post-img .post-date{padding:18px 20px 21px 20px;}
.inner-post-details .col-12 .post-box .post-img .post-date span{font: 700 32px / 39px "Mulish", Sans-serif;}
.inner-post-details .col-12 .post-box .post-img .post-date{padding: 16px 18px 16px 16px;font: 600 14px / 20px "Mulish", Sans-serif;}
/* .inner-post-list .col-12 .post-box .post-img img{height:85%;} */
.inner-post-list .col-12 .post-box .post-con h2{padding-top:0px;}
.inner-post-list .post-box .post-con .post-btn{position: relative;display: inline-block;background: #F05000;font: 700 16px/18px "Mulish", Sans-serif;color: #ffffff;text-transform: uppercase;padding: 17px 31px 16px 31px;transition: 0.5s;border-radius: 50px; border: 2px solid #f05000;}
.inner-post-list .post-box .post-con .post-btn:hover{background: transparent; color: #f05000;}
.inner-post-list .post-box .post-con h2{font: 600 20px/25px "Mulish", Sans-serif;color: #0f172a;padding-bottom: 18px;    min-height: 65px;padding-top: 26px;}
.inner-post-list .post-box .post-con .post-cnt{font: 400 16px/25px "Mulish", Sans-serif;color: #0f172a;padding-bottom: 34px;}
.inner-post-list .post-box .post-img{width: 100%;height: 265px;border-radius: 30px 30px 0 0;position: relative;overflow: hidden; margin-bottom: 24px;}
.inner-post-list .post-box .post-img a{position: relative;display: inline-block;width: 100%;height: 100%;}
.inner-post-list .post-box .post-img img{width: 100%;height: 100%;object-fit: cover;}
.inner-post-list .post-box .post-img .post-date{border-radius: 0px 0px 30px 0;background: #0f172a;padding: 20px 22px 24px 22px;text-align: center;position: absolute;top: 0;left: 0;font: 600 16px/20px "Mulish", Sans-serif;color: #ffffff;text-transform: uppercase;}
.inner-post-list .post-box .post-img .post-date span{font: 700 37px/39px "Mulish", Sans-serif;padding-bottom: 4px;}

.inner-post-list .pagination{position: relative;display: flex;justify-content: center;padding-top: 60px;}
.inner-post-list .pagination li a{position: relative;display: inline-block;font: 400 18px/32px "Mulish", Sans-serif;color: #0f172a;padding: 0 3px;transition: 0.5s;}
.inner-post-list .pagination li a:hover{color: #2BC2D3;}
.inner-post-list .pagination li a[aria-label="Previous"],
.inner-post-list .pagination li a[aria-label="Next"]{width: 32px;height: 32px;background: #0f172a;color: #ffffff;text-align: center;font:300 28px/28px "Mulish", Sans-serif;border-radius: 50%;}
.inner-post-list .pagination li a[aria-label="Previous"]:hover,.inner-post-list .pagination li a[aria-label="Next"]:hover{background: #6a6b6e;}
.inner-post-list .pagination li a[aria-label="Previous"]{margin-right: 14px;}
.inner-post-list .pagination li a[aria-label="Next"]{margin-left: 14px;}
/*----------inner-post-list end----------*/

/*----------blog-detail-page start----------*/
.blog-detail-page .blog-detail-wrapper{padding-top: 75px;padding-bottom: 45px;}
.blog-detail-page .blog-detail-img{width: 100%;height: 594px;position: relative;overflow: hidden;border-radius: 20px;}
.blog-detail-page .blog-detail-img img{width: 100%;height: 100%;object-fit: cover;}
.blog-detail-page .blog-detail-img .post-date {border-radius: 0px 0px 30px 0; background: #0f172a; padding: 20px 22px 24px 22px; text-align: center; position: absolute; top: 0; left: 0; font: 600 16px / 20px 'Mulish'; color: #ffffff; text-transform: uppercase; }
.blog-detail-page .blog-detail-img .post-date span {font: 700 37px / 39px 'Mulish'; padding-bottom: 4px; }
.blog-detail-page .blog-detail-title{font: 700 35px/40px 'Mulish';color: #0f172a;padding-top: 45px;padding-bottom: 32px;}
.blog-detail-page .blog-detial-content p{font: 400 16px/30px 'Mulish';color: #0f172a;padding-bottom: 29px;text-align: justify;margin: 0;}
.blog-detail-page .blog-detial-content h2 {font: 700 35px/45px 'Mulish';color: #0f172a;padding-bottom: 22px;margin: 0;}
.blog-detail-page .blog-detial-content h3{font: 700 30px/40px 'Mulish';color: #0f172a;padding-bottom: 22px;margin: 0;}
.blog-detail-page .blog-detial-content h4{font: 700 20px/30px 'Mulish';color: #0f172a;padding-bottom: 5px;margin: 0;}
.blog-detail-page .blog-detial-content h5 {font: 700 16px/20px 'Mulish';color: #0f172a;padding-bottom: 5px;margin: 0;}
.blog-detail-page .blog-detial-content h6 {font: 700 14px/20px 'Mulish';color: #0f172a;padding-bottom: 5px;margin: 0;}
.blog-detail-page .blog-detial-content ul,
.blog-detail-page .blog-detial-content ul {padding-left: 20px;}
.blog-detail-page .blog-detial-content ul li {list-style: circle; font: 400 16px/26px 'Mulish';color: #0f172a;padding-bottom: 15px;}
.blog-detail-page .blog-detial-content ol li {list-style: decimal; font: 400 16px/26px 'Mulish';color: #0f172a;padding-bottom: 15px;}

.blog-detail-page .cmt-form #respond{margin-top: 20px;}
.blog-detail-page .cmt-form .comment-reply-title{font: 600 35px/37px 'Mulish' !important;color: #0f172a;}
.blog-detail-page .cmt-form .comment-notes{display: none;}
.blog-detail-page .cmt-form label{font: 400 16px/18px 'Mulish';color: #565656;}
.blog-detail-page .cmt-form input[type="text"],.blog-detail-page .cmt-form textarea{width: 100% !important;height: 60px;border-radius: 5px;border: 1px solid #c7c7c7;font: 400 16px/24px 'Mulish' !important;color: #565656;outline: none;box-shadow: none;resize: none;padding-left: 20px !important;padding-right: 20px !important;}
.blog-detail-page .cmt-form textarea{height: 120px;}
.blog-detail-page .cmt-form input[type="submit"]{font: 900 16px/18px 'Mulish';color: #ffffff;text-transform: uppercase;background: #f05000;border-radius: 50px;padding: 19px 36px 18px 36px;outline: none;box-shadow: none;border: 2px solid #f05000;transition: 0.5s;margin-top: 20px;}
.blog-detail-page .cmt-form input[type="submit"]:hover{background: transparent; color: #f05000;}


.blog-detail-page .blog-details-sidebar .blog-sidebar-header h2{border-radius: 10px 10px 0px 0px;background: #0f172a;font: 700 22px/24px 'Roboto';text-transform: uppercase;color: #ffffff;width: max-content;padding: 16px 29px 14px 29px;position: relative;margin: 0;}
.blog-detail-page .blog-details-sidebar .blog-sidebar-header{border-bottom: 2px solid #0f172a;margin-bottom: 40px;}
.blog-detail-page .blog-details-sidebar .sitebar-post-list .sitebar-post-box{position: relative;padding-bottom: 40px;}
.blog-detail-page .blog-details-sidebar .sitebar-post-list .row{margin-right: -10px;margin-left: -10px;}
.blog-detail-page .blog-details-sidebar .sitebar-post-list .col-md-4,.blog-detail-page .blog-details-sidebar .sitebar-post-list .col-md-8{padding-left: 10px;padding-right: 10px;}
.blog-detail-page .blog-details-sidebar .sitebar-post-list .sitebar-post-box .sitebar-post-img{width: 100%;height: 140px;position: relative;overflow: hidden;border-radius: 10px;}
.blog-detail-page .blog-details-sidebar .sitebar-post-list .sitebar-post-box .sitebar-post-img img{width: 100%;height: 100%;object-fit: cover;border-radius: 0;box-shadow: none;}
.blog-detail-page .blog-details-sidebar .sitebar-post-list .sitebar-post-box h2{font:700 18px/19px 'Mulish';color: #0f172a;padding-bottom: 7px;margin: 0;}
.blog-detail-page .blog-details-sidebar .sitebar-post-list .sitebar-post-box h3{font: 400 14px/16px 'Mulish';color: #0f172a;padding-bottom: 7px;margin: 0;}
.blog-detail-page .blog-details-sidebar .sitebar-post-list .sitebar-post-box .site-con{font: 400 15px/19px 'Mulish';color: #0f172a; margin: 0 0 15px 0;}
.blog-detail-page .blog-details-sidebar .sitebar-post-list .sitebar-post-box .read-btn{position: relative;display: inline-block;font: 700 16px/18px 'Mulish';color: #0f172a;text-decoration: underline !important;transition: 0.5s;}
.blog-detail-page .blog-details-sidebar .sitebar-post-list .sitebar-post-box .read-btn:hover{    color: #2BC2D3;}

/*----------blog-detail-page end----------*/










/* responsive */

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

}

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

}

@media screen and (max-width: 991px){
	
/* 	.inner-post-list .post-box .post-con h2{padding-bottom: 0px;} */
	.inner-post-list .post-box .post-con .post-cnt {min-height: 125px;padding-bottom: 22px;}
	
	.blog-detail-page .blog-detail-wrapper .col-md-8,.blog-detail-page .blog-detail-wrapper .col-md-4{flex: 100%;max-width: 100%;} 
	
	.sitebar-post-list .sitebar-post-box .col-md-4{flex: 40%;max-width: 40%;}
	.sitebar-post-list .sitebar-post-box .col-md-8{flex: 60%;max-width: 60%;}
	
	.blog-detail-page .blog-detail-title,
	.blog-detail-page .blog-detial-content p,
	.blog-detail-page .blog-detial-content h3,
	.blog-detail-page .blog-detial-content h2,
	.blog-detail-page .blog-detial-content h4 {text-align:center;}


}

@media screen and (max-width: 767px){
	
	.inner-post-list .post-box .post-con h2{padding-bottom: 0px;text-align: center;}
	.inner-post-list .post-box .post-con .post-cnt{min-height: unset;padding-bottom: 20px;text-align:center;}
	.inner-post-list .post-box .post-con .post-btn{left: 50%; transform: translateX(-50%);}
	.inner-post-list .col-md-6 {padding: 15px 18px;}
	
	.blog-detail-page .blog-details-sidebar .sitebar-post-list .sitebar-post-box h2 {font: 700 16px / 18px 'Mulish';}
	
	.blog-detail-page .blog-detail-title{    font: 700 24px / 30px 'Mulish';    padding-top: 25px;
    padding-bottom: 15px;}
	.blog-detail-page .blog-detial-content p {    font: 400 15px / 23px 'Mulish';padding-bottom: 20px;}
	.blog-detail-page .blog-detial-content h2 {font: 700 26px/36px 'Mulish';color: #0f172a;padding-bottom: 15px;}
	.blog-detail-page .blog-detial-content h3{font: 700 24px / 30px 'Mulish';padding-bottom: 10px;}
.blog-detail-page .blog-detial-content h4{font: 700 20px/30px 'Mulish';color: #0f172a;padding-bottom: 5px;}
.blog-detail-page .blog-detial-content h5 {font: 700 16px/20px 'Mulish';color: #0f172a;padding-bottom: 5px;}
.blog-detail-page .blog-detial-content h6 {font: 700 14px/20px 'Mulish';color: #0f172a;padding-bottom: 5px;}
	
	
	.blog-detail-page .blog-details-sidebar .blog-sidebar-header h2{font: 700 18px / 20px 'Mulish';    padding: 13px 25px 10px 25px;}
	.blog-detail-page .blog-detail-wrapper{padding-top: 60px;
    padding-bottom: 40px;}
	.blog-detail-page .blog-detail-img {height: 280px;}
	.blog-detail-page .blog-details-sidebar .sitebar-post-list .sitebar-post-box {padding-bottom: 20px;}
	
	.inner-post-list .row {row-gap: 30px;}
	.blog-detail-wrapper .row {row-gap: 30px;}

}

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

}

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