@import url(effect.css);

/* Fonts */
@import url('https://use.fontawesome.com/releases/v6.5.2/css/all.css');
@import url(simple-line-icons.css);
@import url('https://fonts.googleapis.com/css2?family=Lumanosimo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&display=swap');

html { margin: 0; padding:0; overflow-x:hidden;}
body{ 
font-family: 'Inter', serif; padding:0; color:#242424; font-weight:400; padding-right:0!important;
font-size:15px;
line-height:1.5;
}
:root{--orange:#e22d36; --yellow:#f4b81a; --dark:#004c90; --shade:linear-gradient(145deg,var(--dark) 50%, var(--orange) 100%);}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

img{border:0;}

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

a{color:var(--orange); 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(--dark);}


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

.fa-rupee-sign{margin-right:3px;}

ul.sideFixedicons{ list-style-type:none; margin:0; padding:0 0 20px; position:fixed; z-index:100; right:30px; top:40px; z-index:9999; transition:all .2s ease-in-out;}
ul.sideFixedicons li{margin:5px; display:block; clear:both; text-align:center;}
ul.sideFixedicons li a{text-align:center; width:50px; height:50px; line-height:55px; display:block; border-radius:50%;
background: rgb(68,68,68); background: linear-gradient(45deg, rgba(68,68,68,1) 0%, rgba(0,0,0,1) 100%); 
-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.6);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.6);
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.6);
}
ul.sideFixedicons li a i{ font-size:20px; color:#fff;}

.topHeader{background:var(--dark); color:#fff; padding:0;}
.topHeader ul{display:block; margin:0; padding:0; list-style-type:none;}
.topHeader ul li{display:inline-block; margin-right:5px;}
.topHeader ul li a{color:#fff;}
.topHeader [class^="col-"]:last-child ul{text-align:right;}
.topHeader [class^="col-"]:last-child ul li{margin-left:10px;}
.topHeader [class^="col-"]:last-child ul li a{font-size:14px;}
.topHeader [class^="col-"]:last-child ul li:last-child a{ background:var(--orange); color:#fff; padding:5px 25px; display:block;}
.topHeader [class^="col-"]:last-child ul li:last-child a:hover{ background:#fff; color:var(--orange);}


.headerOuter{ display:block; margin-top:30px; padding:15px 0; float:left; width:100%; position:fixed; top:0px; left:0; right:0; z-index:999; border-bottom:1px rgba(255,255,255,0.3) solid;}
.logo img{ height:90px;}
.sticky{background:rgba(0,0,0,0.7); margin-top:0; z-index:9998;-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.sticky .logo img{ height:75px; transition:all .2s ease-in-out; content:url('../images/logo-color.png');}
.sticky + ul.sideFixedicons{top:26px;}

.headerOuter .row .col-lg-8{position:relative;}
.headerOuter .row + a{border:1px rgba(255,255,255,0.7) solid; padding:5px 20px; display:none; color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:1px; text-align:center; width:80%;}
.headerOuter .row + a:hover{background:var(--orange); color:#fff;}


/* Menu Section */
.openBtn{position:absolute; right:-80px; top:10px; font-size:28px; cursor:pointer; z-index:998; color:#fff;font-size:10px;}
.openBtn i{display:block; clear:both;font-size:36px;}

.overlay {height:110vh; width: 0; position: fixed; z-index: 9999; right:0; top: 0%; background-color: rgb(0,0,0,0.4); overflow: hidden; transition: 0.5s;}
.overlay:before{height:1800px; width: 380px; position: absolute; z-index: 1; right: 0%; top: 0%; background-color:var(--dark); overflow-x: hidden; transition: 0.5s; transform:translate(0%,0%); content:''; display:block;}
.overlay-content {position:absolute; top:0; width: 320px; margin-top: 40px; z-index:5; right:30px;}
.overlay-content > a{ display:inline-block;}
.overlay .closebtn {position: absolute; top: -20px; right: -5px; font-size: 48px; color:#fff;}
.homeIcon {width:50px; height:50px; text-align:center; border-radius:50%; border:2px var(--orange) solid; position:relative; top:-10px; color:#fff;
background:var(--orange);background: linear-gradient(180deg, var(--orange) 0%, var(--yellow) 100%);}
.homeIcon i{line-height:46px; font-size:20px;}
.homeIcon:hover i{color:var(--dark);}

ul.menu {padding: 15px 0 0; list-style: none; width: 100%; clear: both; display: table; font-size:14px;}
ul.menu ul{list-style-type:none; margin:0; padding:0;}
ul.menu .listLeft {position: relative; width: 100%; box-sizing: border-box; vertical-align: sub; clear: both;}
ul.menu .listLeft:after {content: "\f107"; font-family: 'Font Awesome\ 5 Free'; font-weight:900; font-size:16px; position: absolute; right: 5px; top: 10px; padding: 0px; color: #fff;}
ul.menu a{text-decoration: none; color: #fff; padding:10px 0; display: block; height: 100%; box-sizing: border-box; border-bottom:1px rgba(255,255,255,0.2) solid; text-transform: uppercase;}
ul.menu .listLeft a:hover {transition: 300ms all;}
ul.menu .listLeft ul {height: 0px; overflow: hidden;}
ul.menu .listLeft ul a {}
ul.menu .listLeft ul a:hover {background-color:rgba(0,0,0,0.2); color: #fff; transition: 300ms all;}
ul.menu .listLeft:last-child {border-bottom: none;}
ul.menu .active:after {content: "\f106"; font-family: 'Font Awesome\ 5 Free'; font-weight:900; position: absolute; color: #fff;}
ul.menu .listLeft.active > ul {display: block; background-color:rgba(0,0,0,0.2); height: auto!important; color: #fff; transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 200ms; clear: both; float: left; width: 100%;}
ul.menu .active > ul li {padding: 0px; list-style: none;}
ul.menu .active > ul li > a{padding:5px;}
ul.menu .active > ul li:last-child a{border:none;}
ul.menu .active > ul .active > ul a{ padding-left:30px;}
ul.menu .active > a {color: #fff; text-transform: uppercase; font-weight: bold;}
ul.menu .active .listLeft {background-color:rgba(0,0,0,0.2);}
ul.menu .active .listLeft a {}



.chatBtn{color:#fff; text-transform:uppercase; margin-top:10%;}
.chatBtn i{font-size:20px; margin-right:5px;}

.project-slider{position:relative; display:block; width:100%; overflow:hidden; height:100vh; background:#000; background-size:cover;}
.project-slider:after{position:absolute; right:100px; top:0; bottom:0; width:1px; background:rgba(255,255,255,0.3); content:''; display:block; z-index:5;}
.project-slider .sliderContent{position:absolute; padding:30px; width:60%; left:50%; top:60%; transform:translate(-50%,-50%); z-index:5; color:#fff; text-align:center;}
.project-slider .sliderContent h2{font-weight:700; font-size:54px; margin-bottom:0;}
.project-slider .sliderContent h3{font-size:28px; letter-spacing:2px;}
.project-slider .sliderContent p{font-size:18px;}
.project-slider .sliderContent a{display:inline-block; padding:8px 35px; border:2px #fff solid;text-transform:uppercase; color:#fff; background:var(--orange); font-size:15px; margin-top:10px;}
.project-slider .sliderContent a:hover{background:#fff; color:#222;}
#cmn-video-demo4__video2 {
  position:absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 101%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /*-webkit-filter: grayscale(100%); filter: grayscale(100%);*/
  opacity:0.6;
}




.welcomeArea{ display:block; clear:both; overflow:hidden; background-size: cover; position:relative; padding:0 0 60px;}
.welcomeArea h1{font-size:36px;}
.welcomeArea h1 img{height:30px; position:relative; top:-4px; margin:0 5px;}
.welcomeArea p{margin-bottom:30px;}
.welcomeArea [class^="col-"] > a{ display:inline-block; padding:15px 30px 14px; background:var(--orange); text-align:center; color:#fff; border-radius:50px; text-transform:uppercase; letter-spacing:1px; font-weight:700; font-size:14px;}
.welcomeArea [class^="col-"] > a:hover{background:var(--dark)!important;}


.aboutBox{background:var(--dark); color:#fff; display:block; padding:40px 25px 15px; text-align:center;}
.aboutBox h2{font-size:26px;}
.aboutBox ul{text-align:left; display:block; margin:0; padding:0; list-style-type:none;}
.aboutBox ul li{display:block; overflow:hidden;padding:0 0 0 120px; min-height:120px; padding-top:20px; border-bottom:1px #fff solid; font-weight:600; color:#fff; position:relative; vertical-align:middle; line-height:1.3;}
.aboutBox ul li img{height:100px; position:absolute; left:0; top:10px;}
.aboutBox ul li:last-child{border-bottom:none;}

.triangle{width: 100%; height:0; border-style: solid;border-style: solid;border-width: 60px 175px 0 175px;border-color:var(--dark) transparent transparent transparent;}


.projectsArea{ display:block; overflow:hidden; padding: 60px 0; background:#f5f1e9; background-size:cover; text-align:center;border-top:1px #e9e9e9 solid;}
.projectsArea > div > a{ display:inline-block; text-transform: uppercase; border:2px var(--orange) solid; font-size:15px; letter-spacing: 1px; padding:14px 30px; color:var(--orange); border-radius:35px;}
.projectsArea > div > a:hover{background: var(--orange); color:#fff;}
.projectsArea h2{color:var(--dark); margin-bottom:10px; text-transform:uppercase;}
.projectsArea h2 + p{color:var(--orange); margin-bottom:40px;font-size:20px;}
.projectsArea .item{position:relative; margin-bottom:30px;}
.projectsArea .item > a{position:absolute; right:0; top:100px; display:block; overflow:hidden; color:#fff; padding:75px 25px 25px 75px;}
.projectsArea .item > a:before{background:var(--orange); display:block; overflow:hidden; content:''; position:absolute; left:40px; top:40px; width:200px; height:200px; border-radius:50%; z-index:5;}
.projectsArea .item > a span{z-index:6; position:relative; font-size:30px; color:#fff; display:block; overflow:hidden;}
.projectsArea .item > img{display:block;width:100%; opacity:1; margin-bottom:0px; height:230px; object-fit:cover; border-top-left-radius:80px;}
.projectsArea .item div img{height:100px; margin-bottom:10px;}
.projectsArea .item > div{ display:block; clear:both; overflow:hidden; border:1px #ddd solid; padding:20px 15px; background:var(--dark); border-bottom-right-radius:80px; color:#fff;}
.projectsArea .item > div small{display:block; clear:both; text-transform:uppercase; margin-bottom:4px;}
.projectsArea .item > div small i{color:var(--orange);}
.projectsArea .item > div h4{font-weight:600; color:#fff; font-weight:600; font-size:18px; margin-bottom:10px;}
.projectsArea .item > div a{font-size:11px; background:var(--dark); padding:8px 15px; border-radius:30px; font-weight:600; color:#fff; letter-spacing:1px; display:inline-block;}
.projectsArea .item:hover > img{opacity:0.6;}
.projectsArea .item > div a:hover{background:var(--orange);}

.projectsArea .owl-theme .owl-nav{ top:50%; position:absolute; width:100%;}
.owl-carousel .owl-nav button.owl-next{position:absolute; right:-40px;}
.owl-carousel .owl-nav button.owl-prev{position:absolute; left:-40px;}
.owl-carousel .owl-nav button.owl-next i, .owl-carousel .owl-nav button.owl-prev i{font-size:25px;}
.owl-carousel .owl-nav button.owl-next:hover i, .owl-carousel .owl-nav button.owl-prev:hover i{color:var(--orange);}


.logoSection{background:#f5f1e9; display:block; overflow:hidden; padding:0 0 60px; text-align:center;}
.logoSection h2{margin-bottom:30px;}
.logoSection img, .clientListing img{max-width:100%; /*border:1px #e4dbc8 solid; margin-bottom:15px; padding:5px; background:#fff;*/}


.highlightPoints{display:block;overflow:hidden; padding:0; background:transparent url('../images/whyBg.jpg') no-repeat center center fixed; background-size:cover;}
.highlightPoints [class^="col-"]{ position:relative;border-right:2px #fff solid;}
.highlightPoints [class^="col-"] div{padding:25px 30px;  color:#fff; position:relative; z-index:5;}
.highlightPoints [class^="col-"]:last-child{border:0;}
.highlightPoints [class^="col-"] div h3{font-size:18px; font-weight:700;}
.highlightPoints [class^="col-"] div p{margin-bottom:0; opacity:1;}
.highlightPoints [class^="col-"] div i{font-size:24px; color:#fff; margin-bottom:10px; padding:12px; background:var(--orange); border-radius:5px;}
.highlightPoints [class^="col-"]:before{color:#222; position:absolute; display:block; content:''; left:0; right:0; top:0; bottom:0;
 background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);}
.highlightPoints [class^="col-"]:hover:before{ display:block; background:rgba(0,50,90,0.7); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.highlightPoints [class^="col-"]:hover div h3{color:var(--orange);}
.highlightPoints [class^="col-"]:hover div p{opacity:1; color:#fff;}
.highlightPoints [class^="col-"]:hover div img{-webkit-filter: grayscale(0) invert(0); filter: grayscale(0) invert(0);}

.headingArea{width:600px; margin:0 auto; max-width:100%; padding:100px 80px 100px; border-bottom-left-radius:50%;border-bottom-right-radius:50%; background:#f5f1e9; text-align:center; margin-bottom:150px;}
.headingArea h2{font-size:18px; margin-bottom:20px; font-weight:700;}
.headingArea h3{font-size:30px; font-weight:600; margin-bottom:50px;}
.headingArea h3 strong{color:var(--orange);}
.headingArea a{display:inline-block; clear:both;padding:15px 40px; color:#fff; background:var(--orange); border-radius:30px; text-transform:uppercase;}
.headingArea a:hover{background:var(--dark);}


.chooseNow{margin:0; color:#fff; padding:0; clear: both; background:#fff url('../images/testimonials.jpg') no-repeat center bottom fixed; background-size:cover;}
.chooseNow a{ display:inline-block; background:#fff; font-size:14px; padding:14px 30px; color:#222; border-radius:35px; font-size:26px; font-weight:600;}
.chooseNow a:hover{background:var(--yellow); color: #fff;}
.chooseNow > div > .row{background:rgba(0,0,0,0.3);backdrop-filter: saturate(180%) blur(5px);}
.chooseNow > div > .row > [class^="col-"]:last-child{background:rgba(0,0,0,0.2);backdrop-filter: saturate(180%) blur(10px);}
.chooseNow form{width:100%; padding:60px 40px 40px;}
.chooseNow h3{font-size:22px;}
.chooseNow input, .chooseNow select, .chooseNow textarea{width:100%; display:block; height:40px; padding:0 15px; border:none; font-family: 'arial'!important; background:#fff;}
.chooseNow textarea{height:100px;}
.chooseNow input[type="submit"]{background:var(--dark);color:#fff; text-transform:uppercase;font-weight:600; cursor:pointer; height:60px;}
.chooseNow form [class^="col-"]{margin-bottom:20px;}

.testimonialsArea{text-align:center;padding:40px;}
.testimonialsArea .item > div{margin:10px; font-size:15px; border:2px #fff solid; padding:30px; border-radius:30px; background:rgba(0,0,0,0.3);}
.testimonialsArea .item > div img{ padding:10px; background:#fff; display:block; margin-bottom:10px;}
.testimonialsArea .item > div h4{font-size:36px; margin-bottom:5px;}
.testimonialsArea .item > div h5{font-size:18px; margin-bottom:4px; font-weight:700;}

.owl-theme .owl-dots .owl-dot span{width:12px!important; height:12px!important; border-radius:50%!important; padding:0!important; margin:30px 5px 0!important; background:rgba(255,255,255,0.5)!important;}
.owl-theme .owl-dots .owl-dot.active span{background:var(--orange)!important;}


.socialIcons ul{ display:block; list-style-type:none; margin:0; padding:0;}
.socialIcons ul li{ display:inline-block; font-size:18px; margin:0 3px; text-align:center;}
.socialIcons ul li a{ display:block; overflow:hidden; width:45px; height:45px; border:2px #fff solid; color:#fff; line-height:40px; border-radius:50%;}
.socialIcons ul li a:hover{ background:var(--orange); color:#fff;}


.downHighlight{display:block; overflow:hidden; padding:40px 0; background:var(--orange); color:#fff;}
.downHighlight h2{margin-bottom:5px; font-size:36px;}
.downHighlight h3{font-size:24px;}

.downHighlight a{display:inline-block; padding:15px 25px; color:#fff; border:2px #fff solid; margin:3px; font-weight:600;}
.downHighlight a:hover{background:#fff; color:var(--orange);}


.footer{display:block; overflow:hidden; clear:both; padding:40px 0; background:var(--dark); color:#fff;}
.footer h4{font-size:16px; text-transform:uppercase; font-weight:700; margin-bottom:10px; padding:5px 0;}
.footer [class^="col-"]{}
.footer ul{font-size:15px; margin:0 0 25px; padding:0; list-style-type:none;}
.footer ul li a, .footer a{margin-bottom:5px; color:#fff; display:block; overflow:hidden;}
.footer p{margin-bottom:25px;}
.footer a:hover{color:var(--orange);}
.footer img{height:120px; margin-bottom:30px;}


#google_translate_element .skiptranslate.goog-te-gadget > span{display:none!important;}
.translater{position: relative; right:0; top: 0px; margin: 10px 0;}
.goog-te-gadget .goog-te-combo{margin: 10px 0 0!important; background:var(--orange); color: #fff; border: 1px #fff solid; padding: 8px; border-radius: 5px; width:100%;}

.skiptranslate.goog-te-gadget > div{position: relative;  top: 15px;  z-index: 100;  margin-top: -15px;}
@media (max-width: 500px) {
	.translater{right: 60px; top: 0px;}
}




.innerHeader{height:50dvh; background-attachment:fixed; background-size:cover; background-position:top center; /*background-blend-mode:overlay; background:#444;*/}
.innerHeader > div{position:absolute; bottom:15px; left:50%; transform:translate(-50%,0%); color:#fff;}
.innerHeader > div .breadcrumbs{margin:0; padding:0;list-style-type:none; font-size:12px; text-transform:uppercase;}
.innerHeader > div .breadcrumbs li{display:inline-block;margin-right:10px;}
.innerHeader > div .breadcrumbs li a{color:var(--yellow);}
.innerHeader > div .breadcrumbs li a:after{content:'/'; display:inline-block; margin-left:10px;}
.innerHeader > div .breadcrumbs li a:hover{color:#fff; font-weight:600;}
.innerPage{ position:relative; display:block; overflow:hidden; border-bottom:1px #e9e9e9 solid; padding:40px 0;}

.innerPage h1{display:block;margin-bottom:30px; border-left:3px var(--orange) solid; padding-left:15px;}
.innerPage h1 img{height:30px; position:relative; top:-4px; margin:0 5px;}
.innerPage:after{position:absolute; right:100px; top:0; bottom:0; width:1px; background:rgba(0,0,0,0.2); content:''; display:block; z-index:5;}
.innerPage h2{margin-bottom:20px; color:var(--dark); font-size:26px;}
.innerPage h3{margin-bottom:15px; color:var(--orange); font-size:22px;}

ul.groupBox{text-align:left; display:block; margin:0 0 15px; padding:0; list-style-type:none;}
ul.groupBox li{display:inline-block; overflow:hidden; background:var(--dark); width:48%; padding:25px; margin:0 10px 10px 0; border-radius:15px; font-weight:400; color:#fff; position:relative; vertical-align:middle; line-height:1.6; border-top: var(--orange) 5px solid;}

.industriesList{list-style-type: none; margin: 0 0 25px; padding: 0;}
.industriesList li{display: inline-block; position: relative; padding: 15px 15px 15px 35px; width: 46%; margin:0 10px 10px 0; border: 3px var(--orange) solid; border-radius:10px;}
.industriesList li:after{position:absolute; left:12px; top:14px; content:'\f00c'; font-weight: 900; font-family: 'Font Awesome 6 Free'; display:block; z-index:5; color: var(--orange);}

div.wpforms-container-full .wpforms-form textarea.wpforms-field-large{height: 120px!important; }

div.wpforms-container-full .wpforms-form button[type=submit]{
    background-color: var(--dark)!important; width: 100%;
    border:none!important;
    color: #fff!important;
    font-size: 1em;
    padding: 10px 15px;}

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


.subServices [class^="col-"]{position: relative; margin-bottom: 30px;}
.subServices [class^="col-"]:before{position: absolute; left: 15px; right: 15px; top: 0; bottom: 0; background:var(--shade); content: ''; display: block; border-radius:15px;}
.subServices [class^="col-"] > div{ padding: 30px; display: block; position:relative; z-index: 5; color: #fff; }
.subServices [class^="col-"] > div h3{color: var(--yellow);}
.subServices [class^="col-"] > div a{border-radius:30px; padding: 12px 20px; display: inline-block; color: #fff; background: #32d951; font-weight: 600; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.subServices [class^="col-"] > div a:last-child{background: var(--orange); color: #fff;}
.subServices [class^="col-"] > div a:hover{background: #fff; color: #32d951;}
.subServices [class^="col-"] > div a i{margin-right: 5px;}


.contact {
    position: relative;
    width: 100%;
    /*padding:45px 25px 0 25px;
	background:#f0f4fe; margin-top: 40px; border: 1px dotted #203669;*/
}

.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 var(--orange); margin-right: 10px; 
	text-align:center; background: var(--orange);
}

.contact .contact-icon i {
    font-size:25px;
    color: #fff!important;
	width: 100px;
}

.contact .contact-text {
    
    display:block;
    padding-left:5px;
	text-align:left; font-size: 16px; font-weight:600;  color:rgba(68,68,68,1);
}



.contact h2 {font-weight:600; text-align:left; /*margin:20px 0 0;*/ color:var(--dark); font-size: 24px; display: block; margin-top: 20px;}

.contact .contact-text h3 {
    font-size:20px;
    font-weight:600;
    color: #000;
	padding:0; margin:0 0 8px; line-height: 1;
    
}

/*.contact .contact-text p {
    margin: 0;
    font-size: 13px;
	color:#f3f3f3;
}*/

.contact .contact-text a {color:rgba(68,68,68,1); font-size:16px; line-height:1; font-weight:600; }
.contact .contact-text a:hover{color:var(--dark);}



.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;
}

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

@media (max-width: 1200px){
.project-slider{height:600px;}
}


@media (max-width: 991px){
ul.sideFixedicons{right:20px; top:20px; margin:0; padding:0;}
ul.sideFixedicons li{display:inline-block; margin:2px;}
.sticky + ul.sideFixedicons{top:10px;}

.menu{display:none;}
.topHeader [class^="col-"]:last-child ul li{display:none;}
.topHeader [class^="col-"]:last-child ul li:last-child{display:block; text-align:center;}

.openBtn{top:-20px; right:30px!important;}

.navBg{ padding:8px 0!important;}

.stellarnav{height:0;}
.stellarnav.active{height:auto;}
.two-fild-area-border{margin:10px 0 25px 0; }

	
.project-slider{height:90vh;}
.project-slider .sliderContent{width:95%;}
.project-slider .sliderContent h2{font-size:20px;}
.project-slider .sliderContent p{font-size:12px;}
#cmn-video-demo4__video2 {width:250%;}

.downHighlight{text-align:center;}
.downHighlight a{width:100%;}

.projectsArea [class^="col-"] > div{text-align:center;}


.innerHeader{height:40dvh;}

.innerPage h1{font-size:24px;}
.innerPage h1 img{height:24px;}
.innerPage:after{display:none;}

ul.about3Box li{display:block; width:100%; margin:0 0 10px;}

.industriesList li, ul.groupBox li{width: 96%;}
}


@media (max-width: 767px){
.logo img{ height:65px;}
.sticky .logo img{ height:65px;}

.welcomeArea{text-align:center; padding:40px 0;}
.welcomeArea [class^="col-"] > a{margin-bottom:30px; width:175px; padding:15px 10px;}
.welcomeArea h1{font-size:28px;}


.projectsArea h2 + p{font-size:18px;}
.projectsArea [class^="col-"]{margin-bottom:30px;}
.projectsArea [class^="col-"]:last-child{margin-bottom:0;}

.headingArea{padding:40px 40px 60px; max-width:90%; margin-bottom:150px;}
.headingArea h3{font-size:22px; margin-bottom:30px;}
.highlightPoints [class^="col-"] div{border:none; border-bottom:2px #fff solid; text-align:center;}
.highlightPoints [class^="col-"] div p{opacity:1;}

.chooseNow h3{font-size:24px;}

.footer-down{text-align:center; font-size:12px;}
.footer{text-align:center;}
.footer [class^="col-"]{border:none; margin-bottom:15px;}

.owl-carousel{padding:0 30px;}
.owl-carousel .owl-nav button.owl-next{right:30px;}
.owl-carousel .owl-nav button.owl-prev{left:-30px;}

.project-slider:after{display:none;}


.overlay:before{width: 100%;}

.testimonialsArea{padding:20px 10px;}
}

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

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


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