@import url(effect.css);

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&display=swap');

html { margin: 0; padding:0; overflow-x:hidden; width:100%;}
body{
font-family:"Golos Text", sans-serif; font-weight:400; padding:0; color:#00131d; font-weight:normal; padding-right:0!important; background:#fff;font-size:16px;line-height:1.5; overflow-x:hidden; width:100%;}
/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

:root{--green:#006633; --yellow:#efca37; --dark:#111; --shade: linear-gradient(180deg, var(--green) 0%, var(--yellow) 100%);}

img{border:0;}

*{ box-sizing:border-box;}
*:hover{
}

a{color:var(--green); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:var(--yellow);}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:400;}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #666;
}


@keyframes wiggle {
0%{transform:rotate(0deg);}
80%{transform:rotate(0deg);}
85%{transform:rotate(5deg);}
95%{transform:rotate(-5deg);}
100%{transform:rotate(0deg);}
}


.fullArea{width:1280px; max-width:92%; margin:0 auto;}

.floatBtn{background:#fff; position:fixed; right:0; top:30%; box-shadow:0 0 8px rgba(130,100,30,0.8); z-index:999;}
.floatBtn ul{margin:0; padding:0; list-style-type:none;}
.floatBtn ul li a{display:block; padding:3px 7px; font-size:26px; line-height:1.3;}
.floatBtn ul li a img, .socialIcon li a img{width:30px;}
.floatBtn ul li:last-child a{ border-top:1px var(--green) solid; margin-top:10px;}
.floatBtn ul li a:hover img, .socialIcon li a:hover img{ filter: brightness(70%);}


.popUpBox{position:fixed; left:15px; bottom:15px; width:250px; height:250px; background:var(--black); padding:40px 20px 0; border-radius:50%; border-bottom-left-radius:0; text-align:center; z-index:99999; font-size:18px; oapcity:1; display:block; transition:.2s ease-in-out;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
}
.popUpBox h4{margin-bottom:10px; font-size:14px; color:#fff;}
.popUpBox img{height:50px; margin-bottom:10px;}
.popUpBox div a.call{display:block; overflow:hidden; font-weight:700; font-size:24px; margin:5px 0 10px; line-height:1; animation: wiggle 1.5s infinite; color:#fff;}
.popUpBox div a.call i{font-size:18px;}
.popUpBox div a.contact{font-size:12px; background:var(--shade); padding:4px 15px; border-radius:5px; text-transform:uppercase; display:inline-block; color:var(--black); font-weight:700;}
.popUpBox > a{position:absolute; left:-10px; bottom:-10px;background:var(--shade); color:var(--black); text-align:center; width:40px; height:40px; line-height:36px; border-radius:50%; border:2px var(--black) solid;}
.popUpBox div a:hover{color:#fff;}
.popUpBox.show{opacity:0; display:none;}


/* Header */
.headerArea{display:block; position:relative; clear:both; padding:10px 0 0; margin-top:1px; font-size:15px; position:relative; z-index:999; background:#fff;}
.headerArea [class^="col-"]{margin-bottom:10px;}
.logo{padding:0;}
.logo h1{display:inline-block; text-transform:uppercase; margin-bottom:0; line-height: 1; color:var(--green); font-size:26px;}
.logo h1 strong{font-weight:600;}
.headerArea [class^="col-"].text-md-right p{margin-bottom:0px;}
.headerArea [class^="col-"].text-md-right > a{position:relative; font-weight:600; font-size:17px;}
.headerArea [class^="col-"].text-md-right > a i{margin-right:5px;}
.headerArea [class^="col-"].text-md-right > a:hover{color:var(--dark);}

.menuArea{background:var(--yellow); width:100%; clear:both;}

.headerArea.sticky{position:fixed; top:0; left:0; right:0; margin-top:0; z-index:9999;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.sub-menu-toggle{display:none!important;}


.project-slider{display:block; position:relative; overflow:hidden; clear:both;}
.project-slider .carousel-item img{width:100%; height:450px; object-fit:cover; object-position:top; animation: resize 30s linear infinite; opacity:1;}
@keyframes resize {
0% {transform:scale(1);}
50% {transform:scale(1.2);}
}



.aboutArea{display:block; padding:60px 0;color:#222; clear:both; position:relative; z-index:10; font-size:15px;}
.aboutArea > div{position:relative;}
.aboutArea h2{font-size:32px; line-height:1; margin-bottom:10px;}
.aboutArea a{display:inline-block; margin:10px 0 0; background:var(--green); width:280px; text-transform:uppercase; color:#fff; padding:12px 30px; font-weight:700; font-size:16px;}
.aboutArea a:hover{background:var(--yellow); color:var(--green);}
.aboutArea >img{position:absolute; right:0; top:0; width:45%;}



.whyusArea{display:block; overflow:hidden; clear:both; text-align:center; color:#fff; position:relative; padding:80px 0 650px; background:#fff url('../images/pj021.jpg') no-repeat center top; background-size:cover;}
.whyusArea > img{position:absolute; bottom:0; left:0; right:0; z-index:5; max-width:100%;}
.whyusArea h3, .galleryArea h3{font-size:42px;}
.whyusArea h3 + p, .galleryArea h3 + p{font-size:22px;}
.whyusArea [class^="col"]{position:relative; margin-bottom:30px;}
.whyusArea [class^="col"]:before{position:absolute; content:''; display:block; left:15px; right:15px; top:0; bottom:0; background:var(--yellow); border-radius:5px;
box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.whyusArea [class^="col"] > div{display:block; overflow:hidden; clear:both; padding:30px 20px 20px; color:#000; position:relative; z-index:5;}
.whyusArea [class^="col"] h4{color:var(--green); font-weight:600;}
.whyusArea [class^="col"] > div img{width:64px; margin-bottom:15px;}
.whyusArea [class^="col"] a{background:var(--dark); display:inline-block; padding:7px 15px; color:#fff; font-size:12px; text-transform:uppercase; border-radius:5px;}
.whyusArea [class^="col"] a:hover{background:var(--green); color:#fff;}


.industriesExpart{display:block; overflow:hidden; padding:60px 0; color:#fff; background:var(--green) no-repeat url('../images/dotted.webp') right -180% center; text-align:center;}
.industriesExpart h2{font-weight:600; color:var(--yellow);}

.galleryArea{text-align:center; padding:0; display:block; overflow:hidden; clear:both;}
.galleryArea [class^="col"]{}
.galleryArea [class^="col"] > a, .galleryBox [class^="col"] > a{display:block; overflow:hidden; margin:0.5px;}
.galleryArea [class^="col"] > a img, .galleryBox [class^="col"] > a img{width:100%; height:250px; object-fit:cover;}
.galleryArea > div > a{display:inline-block; margin:10px 0 0; width:200px; background:var(--green); text-transform:uppercase; color:#fff; padding:12px 30px; font-weight:700; font-size:16px;}
.galleryArea > div > a:hover{background:var(--yellow); color:#000;}


.serviceArea{display:block; overflow:hidden;padding:60px 0 150px; text-align:right; position:relative; background:var(--yellow) no-repeat url('../images/why.webp') left top; background-size:50%;}
.serviceArea h3{ font-size:22px; margin-bottom:10px; font-weight:500;}
.serviceArea p{margin-bottom:30px; font-size:15px;}
.serviceArea > img{position:absolute; bottom:0px; left:0; right:0; z-index:5;}

.highlight4Boxes{background:var(--dark); padding:30px 0; clear:both; border-bottom:1px var(--light) solid;}
.highlight4Boxes [class^="col"] > div{text-align:center; border-left:1px var(--light) solid; padding:10px 20px; display:block;overflow:hidden; color:#fff;}
.highlight4Boxes [class^="col"]:first-child > div{border:none;}
.highlight4Boxes [class^="col"] img{margin-bottom:12px; filter: brightness(0) invert(1);}
.highlight4Boxes [class^="col"] a{font-size:16px; margin-bottom:0; color:#fff; display:block;}
.highlight4Boxes [class^="col"] a:hover{color:var(--yellow);}



.modal-dialog {max-width: 900px; }
.modal-content {border: none;  position: relative;  padding: 0 !important;  font-size: 14px;  border-radius: 0;
-webkit-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24); }
.modal-content .modal-header {padding: 0; border: none; }
.modal-content button.close {
position: absolute; top: 0; right: 0; padding: 0; margin: 0; width: 40px; height: 40px; z-index: 1; text-shadow: none; background: var(--green); color: #fff; opacity: 1; }
.modal-content .modal-body { border: none; position: relative; z-index: 0;}
.modal-content .row [class^="col-"]:first-child{ background:transparent url('../images/bg-1.jpg') no-repeat center center; background-size:cover;}
.modal-content .modal-body h2 { font-weight: 700; text-transform: uppercase; font-size: 42px; }
.modal-content .modal-body h2 span {   font-weight: 400; }
.modal-content .modal-body h4 { text-transform: uppercase; font-size: 16px; }
.modal-content .modal-body .form-control{margin-bottom:10px;}
.modal-content .modal-body .btn-primary { color: #fff !important; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; background:var(--dark)!important; width:100%; margin-top:10px; border:none!important;}
.modal-content .text {position: relative; z-index: 0;}
.modal-content .text:after {position: absolute; top: -30px; left: -30px; right: -30px; bottom: -30px; content: ''; border: 1px solid rgba(0, 0, 0, 0.1); z-index: -1; }


ul.socialIcons{ display:block; list-style-type:none; margin:0; padding:0;}
ul.socialIcons li{ display:inline-block; font-size:18px; margin:0 5px 0 0;}
ul.socialIcons li a{ display:block; overflow:hidden; width:45px; height:45px; background:var(--green); border:2px var(--yellow) solid; text-align:center; color:var(--yellow); line-height:42px; border-radius:5px;}
ul.socialIcons li a:hover{ background:var(--yellow); color:var(--green);}


.footer{display:block; overflow:hidden; clear:both; padding:0 0 40px; background:#2b2c33; color:#fff; position:relative; text-align:center; font-size:18px; line-height:1.7;}
.footer h4{font-size:16px; text-transform:uppercase; font-weight:600; margin-bottom:10px; color:#fff; border-bottom:1px rgba(255,255,255,0.3) solid; padding:5px 0;}
.footer ul{font-size:15px; margin:0; padding:0; list-style-type:none;}
.footer a{margin-bottom:5px; color:var(--yellow); font-weight:700; margin:3px;}
.footer a strong{font-size:18px;}
.footer a:hover{color:#fff;}
.footer p{margin-bottom:5px;}

.footer-down{ font-size:14px;}



#scroll-icon {
 position:fixed;
 right:10px;
 bottom:10px;
 cursor:pointer;
 width:35px;
 height:35px;
 text-indent:-9999px;
 display:none;
 z-index:99999;
}
#scroll-icon span {
	position:absolute; left:0; top:0;
 height:35px;
 width:35px;
 background:transparent url('../images/arrowup.png') no-repeat center center;
}
#scroll-icon:hover {
 opacity:1;
 filter:"alpha(opacity=100)";
 -ms-filter:"alpha(opacity=100)";
}
#scroll-icon:hover span{ background-image:url('../images/arrowupsolid.png');}



.innerHeader{display: block; overflow: hidden; padding: 100px 0 140px; text-align: center; color: #fff; background:#444 no-repeat center center fixed; background-blend-mode: overlay; background-size: cover;}
.innerHeader h1 {
    font-size: 72px;
	font-weight: 700; text-transform:uppercase; 
    display: block;
    overflow: hidden;
    background: url("../images/txtcolorbg1.png") repeat left top;
    background-size: 800px auto;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    animation: diagonalScroll 5s linear infinite;
}

@keyframes diagonalScroll {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 800px 800px; /* Moves diagonally */
    }
}

.innerContentArea{position: relative; display: block; top: -60px; z-index: 100;}
.innerContentArea > div{background: #fff; padding: 30px; border-radius:30px; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}
.innerContentArea h3{font-weight: 700!important; color: var(--green)!important; font-size: 22px;}
.wp-block-media-text{background: var(--yellow);}
.wp-block-media-text__content{padding: 25px!important;}

.serviceIcon{display: inline-block; margin-bottom: 20px; background: var(--yellow); text-align: center; padding: 30px; border-top-left-radius: 15%;}



.contactBox .row > [class^="col"] > div{display: block; clear: both; overflow: hidden; margin-bottom: 10px; position: relative;}
.contactBox .row > [class^="col"] > div i{color: var(--green); width: 20px;}
.contactBox .row > [class^="col"] > div a{}

.contactBox ul.social-links{margin: 0; padding: 0; list-style-type: none;}
.contactBox ul.social-links li{display: inline-block;}
.contactBox ul.social-links li a{color:#000; display:block; border:1px #000 solid; width:40px; height:40px; line-height: 40px; text-align:center; border-radius:50%;}

.wpforms-container .wpforms-submit{display: block; overflow: hidden; padding: 10px!important; border: none!important; text-align: center; width:100%!important; background: var(--green)!important; color: #fff!important;}

/*------------------------------------*\
 Media Queries
\*------------------------------------*/

@media (max-width: 1280px){
}

@media (max-width: 991px){


.serviceArea{padding-bottom:120px; text-align:center; background-image:none;}

.modal-content .row [class^="col-"]:first-child{height:300px;}
}

@media (max-width: 767px){
.headerTop{ display:none;}
.headerArea{padding:10px 0 0;}
.logo{padding:0;}
.logo h1{font-size:24px;}

.highlight4Boxes [class^="col"] h4{font-size:16px;}


.ourServices:before{width:50%;}

.footerBottom{text-align:center;}
.footerBottom ul{ text-align:center; display:block; float:none; padding-top:10px;}

.quickEnquiry{padding:30px 0 10px;}


.project-slider .carousel-item img{height:220px;}

.aboutArea{text-align:center;}
.aboutArea >img{display:none;}
.aboutArea h2{font-size:22px;}


.galleryArea [class^="col"] > a img{height:150px; object-fit:cover;}


.footer{padding:0 0 30px; font-size:15px;}


.highlight4Boxes [class^="col"] > div, .highlight4Boxes [class^="col"]:first-child > div{border-bottom:1px var(--light) solid; border-left:0; padding:15px;}
.highlight4Boxes [class^="col"]:last-child > div{border:none;}

.whyusArea{padding:60px 0 0;}
.whyusArea > img{position:static;}


}

@media (max-width: 500px){

.card-header h5{font-size:17px;}

}

@media (max-width: 360px){
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}

@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
}