/*@import url(effect.css);

/* Fonts */
@import url('https://use.fontawesome.com/releases/v5.15.4/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Serif+KR:wght@200..900&display=swap');
/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden;}
body{
font-family: 'Outfit', sans-serif; font-weight:normal; padding:0; color:#444; font-weight:300; padding-right:0!important; overflow-x:hidden; width:100vw;
font-size:17px;
line-height:1.5;
}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
:root{--blue:#94c941; --dark:#222!important; --red:#ff0000; --purple:#0c4f47; --yellow:#fd460c; --gray:#212121; --shade:linear-gradient(135deg, var(--blue) 30%, var(--purple) 100%);}

img{border:0;}

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

a{color:#1f1917; 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(--purple);}

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

a:focus, .active{outline: none !important; box-shadow: 0!important;}

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


.popUpBox{position:fixed; right:10px; bottom:10px; width:330px; background:#fff; padding:10px; border-radius:0 30px; 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:18px;}
.popUpBox div a{display:block; overflow:hidden; font-weight:700; font-size:30px; margin-top:5px; line-height:1; animation: wiggle 1.5s infinite; color:var(--red);}
.popUpBox div a i{font-size:26px;}
.popUpBox > a{position:absolute; left:-10px; top:-10px;background:var(--blue); color:#fff; text-align:center; width:40px; height:40px; line-height:36px; border-radius:50%; border:2px #fff solid;}
.popUpBox div a:hover{color:var(--blue);}
.popUpBox.show{opacity:0; display:none;}

.container-fluid{/*text-align:center;*/ margin:20px auto; display:block; width:1500px; max-width:100%; }

/* Header */
.headerArea:before{position:absolute; left:0; right:0; top:-1px; height:3px; /*background:var(--purple);*/ content:''; display:block; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,fc682d+69,f0571a+80,e54607+100 */
background: linear-gradient(to right,  #ffffff 0%,#fc682d 69%,#f0571a 80%,#e54607 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.headerArea{display:block; padding:10px 0; float:left; width:100%; margin-top:1px; position:relative; z-index:100; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fc682d+0,fc682d+1,e54607+23,9b2402+50,762009+76,571401+99 */
background: linear-gradient(to right,  #fc682d 0%,#fc682d 1%,#e54607 23%,#9b2402 50%,#762009 76%,#571401 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.headerArea .logo { background:#fff; padding:40px 25px 50px 25px; }
.headerArea .logo img{height:90px; transition:all .2s ease-in-out;}
.sticky {position: fixed!important; top: 0!important; margin-top:0!important; width: 100%; z-index:999; /*background:rgba(12,80,70,0.8);*/ backdrop-filter: blur(10px);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
.sticky .logo {padding:40px 25px 35px 25px;}
.sticky .logo img{height:70px;}

.getintouchBtn{display:block; overflow:hidden; padding:8px; text-transform:uppercase; font-weight:700; text-align:center; background:var(--blue); color:#fff; border-radius:25px; font-size:14px;}
.getintouchBtn:hover{background:var(--dark); color:#fff;}


.socialLinks{list-style-type:none; margin:0; padding:0; float:right;}
.socialLinks li{display:inline-block; margin:0 12px;}
.socialLinks li a{font-size:20px; color:var(--dark);}
.socialLinks li a:hover{color:var(--blue);}



.project-slider{position:relative; display:block; width:100%; overflow:hidden; background:#666;}
.project-slider #carouselExampleIndicators .carousel-inner{mix-blend-mode:overlay}
.project-slider img{width:100%;}
.project-slider .sliderContent{position:absolute; width:60%; left:50%; bottom:35%; transform:translate(-50%,0%); z-index:5; color:#fff; text-align:center;}
.project-slider .sliderContent h2{font-weight:600; font-size:36px; margin-bottom:10px; text-shadow: 0 0 8px #000000;}
.project-slider .sliderContent p{ font-size:32px; margin-bottom:50px;}


.waves {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 15vh;
  z-index: 1;
  margin-bottom: -8px;
  min-height: 100px;
  max-height: 150px;
}
svg:not(:root) {
  overflow: hidden;
}
.parallax > use {
  -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
    animation-duration: 25s;
    animation-delay: 0s;
}
.parallax > use:nth-child(1) {
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
  -webkit-animation-duration: 7s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  -webkit-animation-delay: -3s;
  animation-delay: -3s;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  -webkit-animation-delay: -4s;
  animation-delay: -4s;
  -webkit-animation-duration: 13s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  -webkit-animation-delay: -5s;
  animation-delay: -5s;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
}


@keyframes move-forever {
0% {
  -webkit-transform: translate3d(90px, 0, 0);
  transform: translate3d(90px, 0, 0);
}
}


.scroll-downs {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 25vh;
  left: 0;
  margin: auto;
  width :28px;
  height: 25px;
}

.mousey {
  width: 3px;
  padding: 7px 12px;
  height: 28px;
  border: 2px solid rgba(240,235,200,0.7);
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #f1edc9;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}



.service-sliders{padding:30px 0; display:block; position:relative; /*background:transparent url('../images/dotleft.png') no-repeat left bottom;*/}
.service-sliders .owl-theme .owl-nav{position:absolute; top:20%; width:100%;}
.service-sliders .owl-theme .owl-nav .owl-prev, .service-sliders .owl-theme .owl-nav .owl-next{ float:left; width:60px; height:60px;background:rgba(255,255,255,0.5); color:#222; line-height:60px; font-size:22px; border-radius:50%;}
.service-sliders .owl-theme .owl-nav .owl-next{ float:right;}
.service-sliders .owl-theme .owl-nav .owl-prev:hover, .service-sliders .owl-theme .owl-nav .owl-next:hover{background:#fff;}
.service-sliders .item a > div{display:block; padding:15px;}
.service-sliders .item a > div h3{font-size:18px;color:var(--blue); font-weight:700; margin-bottom:10px;}
.service-sliders .item a > div p{line-height:1.3;}
.service-sliders .item a img{ height:200px; object-fit:cover; transition:all .2s ease-in-out; transform: scale(1);}
.service-sliders .item a:hover img{transform: scale(0.95);}




.aboutArea{display:block; float:left; width:100%; padding:80px 0 120px; position:relative;z-index:2; font-size:17px;}
.aboutArea h1{font-size:32px; line-height:1; margin-bottom:10px;}
.aboutArea h2{font-size:26px; color:var(--gold); font-weight:600;}
.aboutArea ul{margin:0 0 15px; padding:0; list-style-type:none;}
.aboutArea ul li{margin-bottom:8px;}
.aboutArea ul li i{color:var(--gold); margin-right:5px;}
.aboutArea a{display:inline-block; padding:12px 30px; margin-top:15px; background:#000;; border:2px #fff solid; color:#fff; text-transform:uppercase; font-size:16px; font-weight:700;
-webkit-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
}
.aboutArea a i{margin-right:4px;}
.aboutArea a:hover{background:var(--gold); color:#fff;}









.welcomeArea{display:block;overflow:hidden;padding:80px 0;position:relative;}
.welcomeArea > div{position:relative; z-index:5;}
.welcomeArea .row [class^="col"] > div{padding:60px;}
.welcomeArea h1{font-size:32px; color:var(--yellow); font-family: "Inter", sans-serif;}
.welcomeArea h1 span{color:#444444;  font-family: "Caveat", cursive;   font-size:22px; display:block; font-weight: 400; }
.welcomeArea h2{font-size:30px; font-weight:400; line-height:1.2;}
.welcomeArea h2 strong{color:var(--purple); font-size:120px; display:block; font-weight:700; line-height:0.8;}
.welcomeArea h2 strong:first-letter{color:var(--blue);}

.welcomeArea ul{margin:0 0 15px; padding:0; list-style-type:none;}
.welcomeArea ul li{margin-bottom:8px;}
.welcomeArea ul li i{color:var(--gold); margin-right:5px;}
.welcomeArea a{display:inline-block; padding:12px 30px; margin-top:15px; background:#000;; border:2px #fff solid; color:#fff; text-transform:uppercase; font-size:16px; font-weight:700;
-webkit-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.2);
}
.welcomeArea a i{margin-right:4px;}
.welcomeArea a:hover{background:var(--orange); color:#fff;}

.certiTag{position:absolute; bottom:0px; right:0px; z-index:5;}



section {
  transition: opacity 0.3s ease, transform 0.5s ease; 
  position: relative;
}


.inactive {
  opacity: 0;
  transform: translateY(100px);
}

.active {
  opacity: 1;
  transform: translateY(0);
}

.welcomeArea:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background:#fff url('../images/welcomeBg.jpg') no-repeat center bottom; background-size:100%; /* Semi-transparent background */
  transform: translateY(100%); /* Start off-screen */
  transition: transform 0.5s ease; /* Smooth transition for non-GSAP animations */
}

.welcomeArea.active:after {
  transform: translateY(0); /* Move to the right edge */
}

.delayed-content {
  opacity: 0; /* Initially hidden */
  transform: scale(0.8); /* Initially scaled down */
  transition: opacity 0.2s ease, transform 0.2s ease; /* Smooth transition for non-GSAP animations */
}

.welcomeArea.active .delayed-content {
  opacity: 1; /* Fully visible when active */
  transform: scale(1); /* Normal scale when active */
}




.missionVisionArea{color:#fff; padding:80px 0; border-radius:0 200px 0 0; position:relative; overflow:hidden; display:block; background: #FD460C;
background: linear-gradient(358deg, rgba(253, 70, 12, 1) 0%, rgba(131, 107, 129, 1) 52%, rgba(19, 48, 118, 1) 88%); }
.missionVisionArea:before{position:absolute; content:''; display:block; left:0; right:0; top:0; bottom:0; background:transparent url('../images/yellow.png') no-repeat center center fixed; transform: scaleX(-1); background-size:cover; mix-blend-mode:soft-light;}
.missionVisionArea [class^="col"] img{border-radius:50%; height:300px; transform:scale(3); opacity:0; transition: opacity 0.5s ease, transform 0.7s ease;}
.missionVisionArea > img:last-child{position:absolute;right:auto; left:0; top:auto; bottom:0; border-radius:0%; height:250px;}
.missionVisionArea [class^="col"] h3{font-size:20px;}
.missionVisionArea [class^="col"] h5{font-size:15px;}
.missionVisionArea [class^="col"] > div{display:block; padding:0 30px;}
.missionVisionArea.active [class^="col"] img{transform:scale(1); opacity:1;}

.text2Part{
column-count: 2; /* Number of columns */
column-gap: 30px; /* Gap between columns */
}



.productArea{display:block;background:#fff url('../images/productBg.jpg') no-repeat center top; background-size:100%; padding:80px 0 40px; text-align:center;}
.productArea h2{color:var(--red); font-size:42px; margin-bottom:10px;}
.productArea h2 + p{font-size:24px; margin-bottom:40px;}
.productArea > div > div{background:#fff; padding:30px; border-radius:30px 30px 0 0;filter: drop-shadow(0 -2mm 1mm rgb(0,0,0,0.2));}
.productArea > div > div img{margin-bottom:10px; border-radius:8px;}
.productArea > div > div h5{font-size:16px; color:var(--yellow); margin-bottom:5px;}
.productArea > div > div p{font-size:14px; margin-bottom:5px;}
.productArea > div > div p + span{font-size:14px; line-height:1.4; display:inline-block; padding:2px 10px; border-radius:5px; background:#444; color:#fff;}
.productArea .owl-theme .owl-dots{z-index:80; position:relative; width: 150px;  margin: 0 auto;}
.productArea .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:var(--yellow);}

.productArea .owl-theme .owl-nav [class*="owl-"]{margin:0 80px; color:#fff; background:var(--red); width:30px; height:30px; text-align:center; line-height:30px; border-radius:50%;}
.productArea .owl-theme .owl-nav [class*="owl-"]:hover{background:var(--purple); color:#fff!important;}
.productArea .owl-theme .owl-nav{position:relative; top:24px; z-index:50;}


.certificationsArea{display:block; float:left; width:100%; background:#dbdcdb url('../images/certificateAreaBg.jpg') no-repeat left center; padding:80px 0; background-size:cover; position:relative; z-index:5;}
.certificationsArea > img{position:absolute; left:-15px; top:-60px;}
.certificationsArea h3{font-size:32px; margin-bottom:10px; color:var(--blue);}
.certificationsArea h3 + p{font-size:20px; color:#fff; margin-bottom:20px; line-height:1.3;}
.certificationsArea label{display:block; overflow:hidden; clear:both; color:#fff;}
.certificationsArea input, .certificationsArea textarea, .certificationsArea select{width:100%; height:40px; padding:0 10px; background:#fff; border-radius:0; margin-bottom:15px; border:1px #222 solid;}
.certificationsArea textarea{height:80px;}
.certificationsArea input[type="submit"]{background:var(--purple); color:#fff; border:none;}
.certificationsArea input[type="submit"]:hover{background:var(--blue);}


.ourPresence{display:block; overflow:hidden; clear:both; padding:80px 0; position:relative; color:#fff;}
.ourPresence:before{position:absolute; left:10%; top:50%; width:1000px; height:1000px; border-radius:50%; transform:translate(-50%,-50%); content:''; display:block; background:var(--shade);}
.ourPresence h4{font-size:30px;}
.ourPresence p{font-size:22px; margin-bottom:10px;}
.ourPresence a{display:block; overflow:hidden; font-size:40px; font-weight:700; color:#fff; border-top:2px #fff solid; padding:10px 0;}
.ourPresence img{transform:scale(3); opacity:0; transition: opacity 0.5s ease, transform 0.7s ease;}
.ourPresence.active img{transform:scale(1); opacity:1;}

.getinTouch{background:var(--dark); color:#fff; padding:40px 0 30px; font-size:24px;}
.getinTouch h4{font-size:48px; font-weight:600; margin-bottom:10px;}
.getinTouch a{background:var(--purple); color:#fff; display:inline-block; padding:15px 40px; border-radius:10px; text-transform:uppercase; font-weight:700; font-size:17px;}
.getinTouch a:hover{background:#fff; color:var(--dark);}


.footer{display:block; clear:both; overflow:hidden; padding:40px 0; position:relative;}
.footer img{ height:80px; position:relative; margin-bottom:20px;}
.footer > div{position:relative; z-index:5;}
.footer h5{font-size:18px;}
.footer ul.links{list-style-type:none; margin:0; padding:0; font-size:20px; font-weight:500;}
.footer ul.links li{display:block;padding:7px 0;}
.footer ul.links li i{margin-right:10px; color:var(--blue);}
.footer ul.links li a{color:#444;}
.footer ul.links li a:hover{color:var(--purple);}

.getQuote{display:block; padding:14px; text-align:center; background:var(--blue); color:#fff; font-weight:700; margin-top:20px; outline:3px var(--yellow) solid; outline-offset:-5px;}
.getQuote:hover{background:var(--dark); color:#fff;}

.social-icons{margin:0; padding:0; list-style-type:none; position:relative;}
.social-icons li{display:inline-block; font-size:22px; margin:0 10px;}
.social-icons li a{color:#fff;}
.social-icons li a:hover{color:var(--dark);}

.footer .fa-chevron-up{font-size:18px; color:var(--orange);}

.footerDown{display:block; padding:5px 0; background:var(--shade); color:#fff;}
.footerDown p{margin-bottom:0; font-size:14px;}





#scroll-icon {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:30px;
    height:30px;
    background-color:var(--dark);
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    z-index:99999;
}
#scroll-icon span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:7px solid transparent;
    border-bottom-color:#ffffff
}
#scroll-icon:hover {
    background-color:var(--blue);
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}



.fixed-bottom {width:50px; bottom:5px; left:10px;}
.fixed-bottom img{width:50px; border:2px #fff solid; border-radius:50%;}
.fixed-bottom a{display:block; margin-bottom:5px;}


.clientsArea{margin:20px auto; display:block; overflow:hidden;padding:10px 0; text-align:center; }
.clientsArea img{ border: 1px solid #ddd; padding:10px;}
.clientsArea h2{ padding-bottom:20px;}

.serviceArea{display:block; overflow:hidden;padding:60px 0; text-align:center; color:#fff; position:relative; background:#444 url('../images/parallax.jpg') no-repeat center center fixed; background-size:cover; background-blend-mode:overlay;}
.serviceArea:before{ content:''; display:block; position:absolute; left:0; right:0; bottom:0; height:30%; z-index:5;}
.serviceArea > div{width:900px; max-width:100%; position:relative; z-index:5;}
.serviceArea > div > div{position:relative;z-index:5; padding: 40px 40px 10px; /*box-shadow: 5px 5px 10px #183e702e; background:var(--dark);*/}
.serviceArea h2{ font-size:42px; margin-bottom:5px; text-transform:uppercase; font-weight:400;}
.serviceArea h2 + p{margin-bottom:40px; font-size:20px;}
.serviceArea form{width:600px; max-width:100%; text-align:center; margin:0 auto;}
.serviceArea [class^="col"]{margin-bottom:30px;}
.serviceArea input, .serviceArea textarea, .serviceArea select{border:1px #fff solid; background:rgba(0,0,0,0.5); backdrop-filter: saturate(180%) blur(10px); height:40px; padding:0 15px; width:100%; color:#fff;}
.serviceArea textarea{height:80px;}
.serviceArea ::placeholder {
  color: #fff; /* Replace with your desired color */
  opacity: 0.5;     /* Ensure full visibility (optional) */
}
.serviceArea input[type="submit"]{background:var(--red); border:none; font-weight:600; text-transform:uppercase; height:60px;}
.serviceArea input[type="submit"]:hover{background:#fff; color:var(--dark);}


.highlight4Boxes{background:var(--dark); padding:30px 0; clear:both; border-bottom:1px #ddd solid;}
.highlight4Boxes [class^="col"] > div{text-align:center; border-left:1px #ddd 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);}


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(--gray); border:1px #fff solid; text-align:center; color:#fff; line-height:45px; border-radius:50%;}
ul.socialIcons li a:hover{ background:#fff; color:var(--gray);}


.footer{display:block; overflow:hidden; clear:both; padding:80px 0; background:var(--dark); color:#fff; position:relative;}
.footer > img{position:absolute; right:0; bottom:-20px; height:260px;}
.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 ul li a, .footer a{margin-bottom:5px; color:#fff; display:block;}
.footer a strong{font-size:18px;}
.footer a:hover{color:#ccc;}
.footer p{margin-bottom:20px;}

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





.modal-dialog {
max-width: 800px;
margin: 30px auto;
}
.modal-body {
position:relative;
padding:0px;
}
.close {
position:absolute;
right:10px;
top:10px;
z-index:999;
font-size:2rem;
font-weight: normal;
color:var(--dark);
opacity:1;
}

.whatsappbtn{position:fixed; left:12px; bottom:12px; z-index:999;}



.listsp {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.listsp li {
  padding: 0 0 10px 20px;
  margin: 0;
  display: block;
  position: relative;
}

.listsp li:before {
  content: "➤"; /* arrow symbol */
  position: absolute;
  left: 0;
  top: 0;
  color: #fff; /* change color as needed */
  font-size: 14px;
}

div.wpforms-container-full .wpforms-form input[type=text]{background-color:var(--dark)!important; box-shadow: 5px 5px 10px #183e702e;}
div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column input[type=email]{background-color:var(--dark)!important; box-shadow: 5px 5px 10px #183e702e;}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {    height: 100px!important;background-color:var(--dark)!important; box-shadow: 5px 5px 10px #183e702e;}
div.wpforms-container-full .wpforms-form button[type=submit]{background-color:var(--red)!important; box-shadow: 5px 5px 10px #183e702e; width: 100%; border: none!IMPORTANT; color: #fff!important; font-size: 1em; padding: 10px 15px;}
div.wpforms-container-full .wpforms-form button[type=submit]:hover{background-color:#fff!important; color:#111!important; font-size: 1em; padding: 10px 15px;}



/*------------------next------------------*/

/* -- Inner Area -- */


.nxtbannerarea{ display:block; /*overflow:hidden;*/ position:relative; clear:both; margin:0 auto;  }
.nxtbannerarea:before{ display:block; overflow:hidden; position: absolute; top: 0; left: 0; content: ''; z-index:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(1px);}
.nxtbannerarea .inner-header{ text-align: center; color:#fff; padding:0 0 10px; position:absolute; bottom:20%; left:50%; transform: translate(-50%, -50%); width: 100%; }
.nxtbannerarea .inner-header h1{ font-size:50px; color:#fff}
.nxtbannerarea .inner-header ul.breadcrumb-list { display:block; padding:0!important; margin:0!important; list-style-type:none!important; text-align: center;}
.nxtbannerarea .inner-header ul.breadcrumb-list li{ display:inline-block!important; padding:0 10px 0 0!important; margin:0!important; font-size:14px!important; color:#fff; position:relative; }
.nxtbannerarea .inner-header ul.breadcrumb-list li:before{ content:'/'!important; position:absolute!important; top:0!important; left:-8px!important;}
.nxtbannerarea .inner-header ul.breadcrumb-list li a{ color:#fff; background:none!important; font-weight:400!important;}
.nxtbannerarea .inner-header ul.breadcrumb-list li a:hover{ color:#ffe87d;}
.nxtbannerarea .inner-header ul.breadcrumb-list li:first-child:before{ display:none; padding:0; }

.nextareasp { background:#f3f3f3!important; padding:30px; display: block; margin-top:0; margin-bottom:0!important;}

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

.nxtaboutArea { float:left; width:100%; clear:both; /*padding:60px 0;*/ color:#111; background:#222 no-repeat url('../images/footerbg.jpg') bottom center;  position:relative; z-index:10;}
.nxtaboutArea .bginner{ background:#fff; margin-top: -50px; margin-bottom: 50px;  padding:60px 40px; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75); border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px; -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);}
.nxtaboutArea h2 strong{clear:both; display:block; color:var(--skyblue);}
.nxtaboutArea p{margin-bottom:30px;}

.nxtaboutArea ul{ display: block; padding: 0; margin: 0; list-style-type: none;}
.nxtaboutArea ul li{ position: relative; padding-left:20px; padding-bottom: 20px; display: block}
.nxtaboutArea ul li:before{ position: absolute; left: 0; top:0; content:'\f138'; font-family:'Font Awesome 5 Free'; font-weight: 900; color:#444; }


.nxtaboutArea input, .nxtaboutArea textarea{width:100%; border:1px #ccc solid; height:50px; padding:5px 10px; margin-bottom:15px;}
.nxtaboutArea textarea{height:200px;}
.nxtaboutArea input[type="submit"]{border:none; background:var(--red); color:#fff; font-weight:600; margin-bottom:0px;}
.nxtaboutArea input[type="submit"]:hover{cursor:pointer; background:var(--skyblue);}
/*.nxtaboutArea > div > .row > [class^="col-"] > div{background:#fff; display:block; overflow:hidden; padding:40px; color:#222; position:relative; top:-125px; margin-bottom:-125px; border-radius:10px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);}*/

ul.nxtaboutAreaimg li{ display:inline-block; padding:10px 5px 10px; width:30%; margin:40px 10px 10px; text-align:center; background:var(--blue); color:#fff; border-radius:10px; text-transform:uppercase; letter-spacing:1px; font-weight:700; font-size:14px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
}
ul.nxtaboutAreaimg li i{display:block;width:100%;margin-bottom:15px; font-size:36px;}
ul.nxtaboutAreaimg li h4{display:block;font-size:20px; padding-top: 20px;}
ul.nxtaboutAreaimg li:hover{background:var(--light)!important; color: #111;}


.gallery-listing-area{margin-bottom:0; display: block!important; padding: 80px 0 0; margin-top:50px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffc045+0,ffc045+100&0.65+0,0+100 */
background: -moz-linear-gradient(top,  rgba(255,192,69,0.65) 0%, rgba(255,192,69,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,192,69,0.65) 0%,rgba(255,192,69,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,192,69,0.65) 0%,rgba(255,192,69,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffc045', endColorstr='#00ffc045',GradientType=0 ); /* IE6-9 */ }
.gallery-listing-area h2{ padding-bottom:40px!important; margin-bottom: 0!important; line-height: 1!important; font-size: 24px;  padding-left:0!important; border-left:none!important;}
.gallery-listing-area p{font-size:18px; padding-bottom: 20px!important;}
.gallery-listing [class^="col-"] div{display:block!important; margin-bottom:30px!important }
.gallery-listing [class^="col-"] div img{padding:0; height:250px!important; object-fit:cover;  display:block; overflow: hidden; width:100%!important; transition:.2s ease-in-out!important;	 
	transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;}
.gallery-listing [class^="col-"] div img:hover{opacity:0.5!important;	transform:scale(1.05,1.05)!important;}
.gallery-listing > .row [class^="col-"] > div h3{font-size:15px; font-weight:600; line-height:1.5; margin-bottom:0;padding:3px 10px; font-weight:600; background:#b92a30; color:#fff;}


.contactFormArea{ float:left; width:100%; clear:both; /*padding:60px 0;*/ color:#111; background:var(--dark) no-repeat url('../images/footerbg.jpg') bottom center;  position:relative; z-index:10;}
.contactFormArea .bginner{ background:#fff; margin-top: -50px; margin-bottom: 50px;  padding:60px 40px; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75); border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px; -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);}

.contactFormArea .formBox [class^="col-"]:first-child{text-align:left; color: #fff;}
.contactFormArea [class^="col-"]:last-child > div{background:var(--gold); text-align:left; display:block;  padding:0; position:relative;  border-radius:10px; top:0; margin-bottom:0; border:2px #fff solid; }
.contactFormArea [class^="col-"] > div input, .contactFormArea [class^="col-"] > div select{width:100%; border:1px #ddd solid; background:#fff; padding:10px; margin-bottom:15px;}
.contactFormArea [class^="col-"] > div textarea{width:100%; border:1px #ddd solid; padding:10px; margin-bottom:15px; height:120px;}
.contactFormArea [class^="col-"] > div input[type="submit"]{width:100%; border:1px 0 solid; padding:15px; margin-bottom:0; background:var(--dark);color:#fff; font-weight:700; text-transform:uppercase; font-weight:600;}
.contactFormArea h3{font-weight:700; margin-bottom:25px; font-size:28px; color:var(--orange); text-align:left;}
.contactFormArea ul{margin:0; padding:0; list-style-type:none; margin-bottom:15px; overflow:hidden; padding:22px; background:#444; border-radius:10px;}
.contactFormArea ul li{display:block; color:#fff; margin-bottom:12px; }
.contactFormArea ul li strong{display:block; padding-top: 20px; clear:both; overflow:hidden; color:var(--gold); font-size:17px;}
.contactFormArea ul li i{font-weight: 900; color: #fff; display: inline-block}
.contactFormArea ul li a{color:#fff;}
.contactFormArea ul li a:hover{color:var(--orange);}
.contactFormArea ul li i{color:var(--orange);}

/*---------------Blogs-----------------*/ 

.blog-area {
  display: block;
  overflow: hidden;
  clear: both;
  padding-top: 30px;
}

.blog-area [class^="col-"] div {
  padding: 10px;
  border: 1px solid #ddd;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  margin-bottom: 25px;
  border-radius: 10px;
  background: #fff;
}

.blog-area [class^="col-"] a h4 {
  padding: 6px;
  text-align: left;
  margin: 10px auto;
  font-weight: 900;
  font-size: 13px;
  position: relative;
  display: block;
  color: #444;
  text-transform: uppercase;
  clear: both;
}

.blog-area [class^="col-"] a p {
  margin-bottom: 15px !important;
  line-height: 1.3 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666;
}

.blog-area [class^="col-"] a img {
  height: 300px;
  object-fit: cover;
  width: 100%;
  border-radius: 8px;
}

.blog-area [class^="col-"] a:hover {
  color: #111;
}

.blog-area .read-more {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #0a1833;
  margin-top: 5px;
}


/*-----------------------------------------*/
.related-blogs {
  margin: 40px 0;
}

.related-blogs h2 {
  font-size: 22px;
  margin-bottom: 20px;
}

.blog-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transition: transform 0.3s;
	margin-bottom:20px;
}

.blog-card:hover {
  transform: translateY(-5px);
}

.blog-card img {
  height: 300px; object-fit:cover; width:100%;
  display: block;
}

.blog-card h4 {
  font-size: 16px;
  margin: 15px;
  color: #0a1833;
}

.blog-card p {
  font-size: 14px;
  color: #555;
  margin: 0 15px 15px; display: -webkit-box;
  -webkit-line-clamp: 2; /* limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-card .read-more {
  display: block;
  margin: 0 15px 15px;
  color: #0a1833;
  font-weight: bold;
  text-decoration: underline;
}

/*-------------------------Service area--------------------------------*/

.leftLinks {
    position: relative;
    width: 100%;
    /*padding:5px;*/
	background:#f0f4fe; margin-top:10px; /*border: 1px dotted #203669;*/
}

.leftLinks ul{text-align:left; display:block; padding:0; margin:0;}
.leftLinks ul li{display:block!important; overflow:hidden!important; padding-left:0; position: relative;  padding-bottom: 0;  }
.leftLinks ul li a{padding: 6px!important; display:block!important; margin-bottom:2px; clear:both; color:#fff; font-size:14px!important; letter-spacing:1px; font-weight:bold; background:var(--orange); text-decoration:none!important; text-transform:none!important;}

.leftLinks ul li:before {
  position: absolute;
  left: 0;
  top: 5px!important;
 content:'\f138'; font-family:'Font Awesome 5 Free'; font-weight: 900; color:#fff!important; display:none!important;}

.leftLinks ul li a:hover{color:#fff; background:var(--orange); text-transform:none!important; text-decoration:none!important; }


.leftLinks:after
 {
    content: "";
    position: absolute;
    bottom: -48px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 50px solid var(--orange);
    border-left: 69px solid transparent;
    border-right: 69px solid transparent;
}


.leftcontact{margin:0 auto; text-align: center; padding:50px 40px; color: #000; background: #c37452; 
background-size: cover; color: #fff}
.leftcontact a{color:#fff; background:#111; padding:0 4px;  }
.leftcontact a:hover{color:#c37452;; }


.service_section{background:#fff url('../images/aboutImg.jpg') no-repeat center bottom;}
.service_section .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
  padding: 30px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  margin-top: 45px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.service_section .box img { margin-bottom:15px; display:block;}

.service_section .box:hover {
  background-color: var(--blue);
  color: #ffffff;
  -webkit-box-shadow: 15px 15px 0 1px rgba(0, 0, 0, 0.2);
          box-shadow: 15px 15px 0 1px rgba(0, 0, 0, 0.2);
}

.service_section .detail-box {
  margin-left: 0;
}
.service_section .detail-box p{font-size:14px;}



.service_section .detail-box a {
  display: inline-block;
  padding: 5px 30px;
  background-color: var(--orange);
  color: #ffffff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid transparent;
  margin-top: 10px;
}

.service_section .detail-box a:hover {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.service_section .detail-box h6 {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px; height: 50px;
}

.service_section .detail-box:hover h6 {
 color: #ffffff;
}

/*******************************/
/********* Contact CSS *********/
/*******************************/
.contact {
    position: relative;
    width: 100%;
    padding:30px 15px 0 15px;
	background:rgba(0,0,0,0.3); margin-top: 40px; border: 1px dotted var(--dark);
}

.contact .contact-info {
    position: relative;
    display: flex;
    
    margin-bottom: 30px;
    transition: .3s;
	/*background:#082d53;*/
	padding:10px;
}

.contact .contact-info:hover {
    border-color: transparent;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1); background:#fff;
}

.contact .contact-icon {
    position: relative;
    width: 50px!important;
    height: 50px;
    display: flex;
    align-items:center;
    justify-content:center;
    border: 1px solid #203669; margin-right: 10px; 
	text-align:center
}

.contact .contact-icon i {
    font-size:25px;
    color: #203669;
}

.contact .contact-text { 
    display:block;
    padding-left:5px;
	text-align:left; font-size: 20px; font-weight:600;  color: #203669;
}

.contact  h2 { text-align:left; color: #fff }

.contact .contact-text h3 {    font-size:20px;    font-weight:600;    color: #CD4C11;	padding:0; margin:0;  }
.contact .contact-text a { 	color: #203669; font-size:20px; line-height:1; font-weight:600; }
.contact .contact-form h2 { font-size:20px; font-weight:600;    color:#fff;	padding:0; margin:0; text-align: center;  }
.contact .contact-form { position: relative; margin-bottom: 30px; transition: .3s; width: 100%;}
.contact .contact-form .form-control{display:block; overflow:hidden; padding:14px; border-radius:0; margin-bottom:10px; font-size:14px; }
.contact .contact-form select.form-control{height:auto;}
.contact .contact-form .textarea{height:150px;font-size:14px; display:block; overflow:hidden; width: 100%!important; padding:14px; border: 1px #00b3ff solid!important;}
.contact .contact-form .btn{background:#000; border-radius:0; padding:14px 30px; color:#fff; font-size:14px; font-weight:600; letter-spacing:1px;}
.contact .contact-form .btn:hover{background:#fff; color:#000; }

.contact .contact-form .form-control {
    border: 1px #00b3ff solid!important;
}

.contact div.wpforms-container-full .wpforms-form input[type="text"] {
  background-color:rgba(0,0,0,0.5) !important;
  box-shadow: 5px 5px 10px #183e702e; color:#fff;
}

.contact div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column input[type="email"] {
  background-color:rgba(0,0,0,0.5) !important;
  box-shadow: 5px 5px 10px #183e702e; color:#fff;
}

.contact div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
  height: 100px !important;
  background-color:rgba(0,0,0,0.5) !important; color:#fff;
  box-shadow: 5px 5px 10px #183e702e;
}



.nxtproductArea{display:block; padding:20px 0; text-align:center;}
.nxtproductArea h2{color:var(--red); font-size:42px; margin-bottom:10px;}
.nxtproductArea h2 + p{font-size:24px; margin-bottom:40px;}
.nxtproductArea [class^="col-"] div{background:#fff; padding:30px; border-radius:30px 30px 0 0;filter: drop-shadow(0 2mm 1mm rgba(0, 0, 0, 0.2)); margin-bottom: 30px}
.nxtproductArea > div > div img{margin-bottom:10px; border-radius:8px;}
.nxtproductArea > div > div h5{font-size:16px; color:var(--yellow); margin-bottom:5px;}
.nxtproductArea > div > div p{font-size:14px; margin-bottom:5px;}
.nxtproductArea > div > div p + span{font-size:14px; line-height:1.4; display:inline-block; padding:2px 10px; border-radius:5px; background:#444; color:#fff;}
.nxtproductArea .owl-theme .owl-dots{z-index:80; position:relative; width: 150px;  margin: 0 auto;}
.nxtproductArea .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:var(--yellow);}

.nxtproductArea .owl-theme .owl-nav [class*="owl-"]{margin:0 80px; color:#fff; background:var(--red); width:30px; height:30px; text-align:center; line-height:30px; border-radius:50%;}
.nxtproductArea .owl-theme .owl-nav [class*="owl-"]:hover{background:var(--purple); color:#fff!important;}
.nxtproductArea .owl-theme .owl-nav{position:relative; top:24px; z-index:50;}

div.wpforms-container-full .wpforms-form .wpforms-field {
    padding: 5px 0!important;
    clear: both;
}

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

@media (max-width: 1920px) and (min-width: 1601px) {
.threeImg{width:1000px; right: 10%;}
.threeImg img{height:600px;}
.project-slider.active .threeImg img:nth-child(3){height:640px;}

.ourPresence:before{left: 22%;}
}

@media (max-width: 1600px) and (min-width: 1367px) {
.threeImg{width:1000px; right: 5%;}
.threeImg img{height:550px;}
.project-slider.active .threeImg img:nth-child(3){height:600px;}

.ourPresence:before{left: 18%;}
}



@media (max-width: 991px){
.headerArea .logo img{ height:30px; margin-bottom:5px;}
.nxtbannerarea{ display:block; /*overflow:hidden;*/ position:relative; clear:both; margin:0 auto; height:210px;  }	
.nxtbannerarea img{ height:210px;  }
.nxtbannerarea .inner-header{position:absolute; bottom:20%; left:50%; transform: translate(-50%, 0);  }
.nxtbannerarea .inner-header h1 {  font-size:30px;  color: #fff; line-height:1; margin-bottom:5px;}
	
.socialLinks{float:left;}
.socialLinks li{margin:0 8px;}
.socialLinks li a{font-size:16px; line-height:1;}

.project-slider img{ max-height:300px; min-width:100%; width:auto;}
.project-slider .sliderContent h2{font-size:22px; margin-bottom:5px;}
.project-slider .sliderContent p{font-size:16px;  margin-bottom:0;}
}

@media (max-width: 767px){
.project-slider{height:auto;}
.project-slider > img{height:320px; object-fit:cover; object-position: right center;}
.sliderContent{max-width:90%; text-align:center; left:5%; top:15%;}
.project-slider .sliderContent h2{font-weight:400; font-size:24px; letter-spacing:2px; line-height:0.9;}
.project-slider .sliderContent h2 strong{display:inline-block; font-size:30px; position:relative;top:3px;}

.project-slider.active .threeImg{right:5%;}
.project-slider.active .threeImg img{left:0; height:210px;}
.project-slider.active .threeImg img:nth-child(3){height:230px;}


.welcomeArea{text-align:center; padding:50px 0;}
.welcomeArea .row [class^="col"] > div{padding:20px;}
.welcomeArea img{margin-top:20px;}

.missionVisionArea{text-align:center; padding:40px 0 100px; border-radius:0 180px 0 0;}
.missionVisionArea > img:first-child{position:static; height:300px; margin-bottom:30px;}
.missionVisionArea [class^="col"]:first-child > div{border:0; border-bottom:1px #fff solid; margin-bottom:20px;}

.productArea{background-size: 300%; padding: 40px 0 80px;}
.productArea h2 + p{font-size:18px;}
.productArea .owl-theme .owl-nav{top: 65px;}
.productArea .owl-theme .owl-nav [class*="owl-"]{margin:0 5px;}
.productArea .owl-theme .owl-dots{width:100%;}


.certificationsArea{padding:80px 0 10px;}
.certificationsArea > img{left:-50%;}
.certificationsArea [class^="col"]{margin-bottom:20px;}
.certificationsArea h3 + p{font-size:18px;}


.ourPresence{text-align:center; padding:50px 0;}
.ourPresence:before{position:absolute; left:50%; top:50%; width:1000px; height:1000px; border-radius:50%; transform:translate(-50%,-105%); content:''; display:block; background:var(--shade);}
.ourPresence img{margin-top:100px;}

.getinTouch{text-align:center; font-size:18px;}

.footer, .footerDown{text-align:center;}
.footer ul.links{margin-bottom:0;}
.footerDown ul{margin-top:20px;}

.enquiryArea h2{font-size:32px; }
.enquiryArea h2 + p{font-size:18px;}
.enquiryArea h3{font-size:30px;}
.enquiryArea [class^="col"] > div{padding:25px;}

.fixed-bottom {width:95px;}
.fixed-bottom img{width:40px;}
.fixed-bottom a{display:inline-block; margin:0px 2px 5px 0;}


.text2Part{
column-count:1; /* Number of columns */
column-gap: 0px; /* Gap between columns */
}

	.footer > img{position:absolute; display:none; right:0; bottom:-20px; height:260px;}

}

@media (max-width: 500px){
.header-area > a.logo img{height:80px;}
}

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


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