@charset "utf-8";
/*..............embedded fonts..............*/ 
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
/*..............embedded fonts..............*/
 
/*..............custom fonts..............*/
 

/*..............common styles..............*/
html{ overflow-x:hidden;}
body { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size:20px;  font-weight: 400; color:#000000; overflow-x: hidden;  background-color:#FFF;}
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; font-weight: 700; margin:0 0 30px; padding:0; color: #000000; }
h1{ font-size:48px;}
h2{ font-size:40px;}
h3{ font-size:32px;}
h4{ font-size:25px;}
h5{ font-size:20px;}
h6{ font-size:18px;}
p{ margin:0 0 35px;} 
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #0d789a; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;} 

input, textarea, select{ font-weight: 300; outline: none;}
input[type="submit"]{ font-weight: 300; transition:all 0.3s ease 0s; outline: none;}
select { appearance: none; -webkit-appearance: none; height: 50px !important; padding-right: 40px !important; background-image: url(../images/select-arw.png); background-repeat: no-repeat; background-position: 96% center;  }

/* --- for placeholder color --- */
/*
.form-control::-moz-placeholder{color:#505873;opacity:1;}
.form-control:-ms-input-placeholder{color:#505873;}
.form-control::-webkit-input-placeholder{color:#505873;}
*/
/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{ margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- */
.btn { border: 0; display: inline-block; vertical-align: top; background-color:#000; color: #fff !important; padding: 20px 35px; font-size: 18px !important; letter-spacing: 0px; line-height: 1; font-weight: 400 !important; border-radius: 6px; } 
  
/* --- Button Styles --- */

/* --- checkbox and radio button Styles --- */
.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}

/* --- checkbox and radio button Styles --- */

.common-padd { padding-top: 100px; padding-bottom: 100px; }  
.common-padd-small { padding-top: 70px; padding-bottom: 70px; }  
 
/*..............common styles..............*/
 
/*for header css*/
.top-hader { display: flex; justify-content: space-between; align-items: center; padding:10px 0px;;
}
.top-header-row{margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap;  align-items: center; } 
.top-header-row p{margin-bottom: 5px;} 
.top-header-row li span{ font-weight:bold; font-size:16px;} 
.top-header-row li p{ font-weight:bold; font-size:16px; line-height:112%;} 
.top-header-row li p a{ font-size:21px; color:#146592 !important;} 
 
.main-header.fixed { background: #FFF; padding: 20px 60px; left: 0; position: fixed; top: 0; width:100%; box-shadow:0 0 12px rgba(0, 0, 0, 0.4); transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s;}
 
/*Banner css*/ 
.home-banner { background-image: url(../images/banner1.png); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; padding:90px 0px;}
.home-banner .overlay { position: absolute; width: 100%; opacity: 0.4; background-color: #000; top: 0; bottom: 0;}
.home-banner .container{ z-index: 1; position: relative;}
.home-banner h1{ color:#FFF; font-weight: 800; margin-bottom:0px;}
.home-banner .text-ban  p{ color:#FFF; font-size: 25px; font-weight: 600; line-height: 2.5;    margin-bottom: 15px;} 

.home-banner:after { content: ''; background: linear-gradient(to top, #000000b5, transparent);    position: absolute; left: 0; right: 0; bottom: 0; top: 30%;}

ul.result-ul { list-style: none; padding-left: 30px;}
ul.result-ul li { margin-bottom: 20px; font-size: 21px; color: #FFF; font-weight: 600;}
ul.result-ul li:before { content: "\f00c";font-family: 'Font Awesome\ 5 Free'; font-weight: 600; display: block; float: left; margin: -1px 20px 0 -30px; color: #FFF;  font-size: 14px; background: #8acde8; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 100%;}

.chat-form { background:#146592;}
.chat-textbox{ margin: 0; padding: 40px 20px;}  
.chat-form input.form-control{ height:50px; border-radius:4px; border-color: #FFF; margin-bottom: 20px; color:#868686;}
.chat-form textarea.form-control{ height:70px; border-radius:0px; border-color: #ececec;margin-bottom: 20px; color:#868686;}
.chat-form .form-control::placeholder{ color:#868686; }
.chat-form .form-group label{ color:#FFF; font-size:15px; margin-bottom:5px;}

.chat-head p{color:#FFF; text-align:center; font-size: 20px; font-weight: 700;margin-bottom:30px;}  

.chat-textbox .btn-form{ background:#8acde8; color:#FFF; height:55px; border-radius:4px;border:1px solid #8acde8; width:100%; font-size:15px; font-weight:600; text-transform:uppercase;}

/*for main sections css*/ 
 
.about-section .about-video { box-shadow: 0px 0px 45px #00000026; margin-bottom: 75px; background: #FFF; padding: 20px 20px 15px;}
.about-section .about-video iframe{ width:100%; height:640px;}
.about-section .fix-head p{ max-width:1000px; margin:auto; margin-bottom:35px;}



.accordion-button{ background:#f9f9f9;font-weight: 700;padding: 20px; border-radius: 6px !important; box-shadow:none !important; outline:none !important;}
.accordion-item { background-color: #fff; border: none; margin-bottom: 10px;}
.accordion-button:not(.collapsed) { color: #000000; background-color: #f9f9f9; box-shadow: none;}
.accordion-button::after{ display:none;} 
.accordion-body { font-weight: 500;}
 
.work-section{background-image: url(../images/bg-img.png); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;} 
.work-section .work-img { background: #FFF; padding: 10px; box-shadow: 0px 0px 18px #00000017;}
.work-section .work-img img{ width:100%;}
.work-section .work-text { padding-left: 30px;} 
.work-section .work-text h3{ color:#FFF;} 
.work-section .work-text ul { padding-left: 20px;}
.work-section .work-text ul li { color: #FFF; margin-bottom: 12px;}

.work-section .work-img .work-slider-inner.slick-slider { margin-bottom: -8px;}
.work-section .work-img .slick-dots li button:before {opacity: .5; font-size: 25px; color: white;}
.work-section .work-img .slick-dots li { margin: 0; }
.work-section .work-img .slick-dots li.slick-active button:before { opacity: 1; color: white;}
.work-section .work-img .slick-dots { bottom: 15px; }


.service-section h2{ margin-bottom:85px; }
.service-section .process-box .title img{ margin-bottom:30px; }
.service-section .process-box .title h3{ font-weight:600; }
.service-section .process-box p{ font-size:18px; margin-bottom:0; font-weight:500;}

.contact-section{ background:#146592; padding:75px 0px 75px;}
.contact-section h3{ color:#FFF; margin-bottom:0; font-size:30px; max-width:1000px; margin:auto;}

/*for footer sections css*/ 
.footer-wrap{ position: relative; background-color:#1c1c1c; padding:40px 0px;}  
.copyright-text p{ font-size:16px !important; color:#FFF; margin-bottom:0; text-align:center; font-weight:300;}
  
/*for footer sections css*/
 
 .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #f44336;
    background: #f44336;
    margin: 0;
    text-align: center;
	margin-top:20px;
	color: #FFF;font-size: 14px;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #8bc34a;
    background: #8bc34a;
    margin: 0;
    text-align: center;
	margin-top:20px;
	color: #FFF;font-size: 14px;
}
.wpcf7-not-valid-tip { 
    display: none;
}
.wpcf7-not-valid{ border:1px solid #dc3232 !important;}
.checkbox-label.wpcf7-not-valid{ padding:4px;}
.wpcf7-spinner{ position: absolute; margin: 0; right: 50px; margin-top: 15px; z-index: 1;}





/*---------9122021---------*/

.proj-img-lt {  margin: 0 0 30px; }
.proj-img-lt ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; }
.proj-img-lt ul li { width: 50%; padding: 2px; height: 150px;}
.proj-img-lt ul li img { width: 100%; height: 100%;object-fit:cover;}

.proj-rt {  }
.proj-rt .company-hdr { display: flex; align-items: center; justify-content: space-between; padding: 0 0 15px 0; border-bottom: 1px solid #ccc; margin: 0 0 15px; }
.proj-rt .comp-meta { padding: 0 0 20px; }
.proj-rt .comp-meta address { font-size: 16px; }
.proj-rt .comp-meta address p { margin: 0; }
.proj-rt .comp-meta ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; }
.proj-rt .comp-meta ul li { border-left: 1px solid #ccc; line-height: 1; padding: 0 10px; }
.proj-rt .comp-meta ul li:first-child { border-left: 0; padding-left: 0; }


.prj-dtls-tab ul.nav { border-top: 1px solid #ccc;  border-bottom: 1px solid #ccc; }
.prj-dtls-tab ul.nav li button { color: #000; line-height: 1; padding: 20px 15px; border-radius: 0; border-bottom: 3px solid transparent; }
.prj-dtls-tab ul.nav li button.active { background: none; color: #000; border-bottom-color: #146592; }

.proj-btm-gal { position: relative; }
.proj-btm-gal .imgbox { padding: 0 0 56%; margin: 12px 0; position: relative; }
.proj-btm-gal .imgbox img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.proj-btm-gal .btn { position: absolute; right: 30px; bottom: 30px; z-index: 2; background: #146592; }


.proj-2-hdr { display: flex; align-items: center; justify-content: space-between; padding: 0 0 15px 0; border-bottom: 1px solid #ccc; margin: 0 0 15px; }

.proj-2-hdr .lt-info { width: calc(100% - 150px); }
.proj-2-hdr .lt-info ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; }
.proj-2-hdr .lt-info ul li { padding: 0 10px; font-size: 18px; font-weight: 600; }
.proj-2-hdr .lt-info ul li:first-child { padding-left: 0; }
.proj-2-hdr .lt-info ul li span { display: block; font-size: 14px; color: #ccc; font-weight: normal; }

.proj-2-hdr .rt-map { width: 120px; height: 120px; background: #eee; position: relative; }
.proj-2-hdr .rt-map iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }

.pending-box { border: 1px solid #ccc; padding: 20px; }
.pending-box p { margin: 0; font-size: 16px; }


.image-workbox { padding: 0 0 63%; position: relative; }
.image-workbox img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.work-section .work-img .slick-dots li button:before { font-size: 14px; }
.slick-prev {left: 10px; z-index: 999;}
.slick-next {right: 25px; z-index: 999;}
.slick-prev:before, .slick-next:before {font-size: 35px;color: #000000ab;}

/*---------9122021---------*/



/*Media Query css*/

@media only screen and ( min-width:1300px ) {  
  .container{ max-width: 1200px;} 
}

@media only screen and ( min-width:1360px ) {   
}


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

@media only screen and ( max-width:1599px ) {   
}  
@media only screen and ( max-width:1440px ) {  
.about-section .about-video { margin: auto; margin-bottom: 75px; max-width: 900px;}
.about-section .about-video iframe { height: 490px;}

}
@media only screen and ( max-width: 1366px ) { 
 
}
@media only screen and ( max-width: 1299px ) { 
}
@media only screen and ( max-width: 991px ) { 
 
 .home-banner { padding: 50px 0px;}
 .chat-form { margin-top: 20px;}
 .common-padd { padding-top: 50px; padding-bottom: 50px;}
 .common-padd-small { padding-top: 50px; padding-bottom: 50px;}
.about-section .about-video { margin-bottom: 50px;}
.work-section .work-text { padding-left: 0; padding-top: 30px;}
.process-box.text-center { margin-bottom: 30px; padding: 0px 15px;}
.about-section .about-video iframe{ width:100%; height:360px;}

.home-banner .overlay { opacity: 0.5;}

}

@media only screen and ( max-width: 767px ) {  
body { font-size:16px;}
h1{ font-size:30px;}
h2{ font-size:28px;}
h3{ font-size:25px;}
h4{ font-size:21px;}
h5{ font-size:18px;}
h6{ font-size:16px;}

.logo { width: 120px;}

.top-header-row li span { font-size: 12px;}
.top-header-row li p { font-size: 12px;}
.top-header-row li p a {font-size: 14px;}

.home-banner .text-ban p { color: #FFF; font-size: 21px;}
.chat-textbox { margin: 0; padding: 30px 5px;}
.service-section h2 { margin-bottom: 50px;}
.service-section .process-box .title img { margin-bottom: 15px;}
.service-section .process-box .title h3 { margin-bottom: 15px;}
.footer-wrap { padding: 20px 0px;}
 
.about-section .about-video iframe{ width:100%; height:300px;}
.about-section .about-video { padding: 12px 12px 6px;}
.contact-section h3 { font-size: 21px;}

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


@media only screen and ( max-width: 340px ){ 
 .logo { width: 100px;}
}


/*Media Query css*/