@import url(effect.css);

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Forum&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
/* Fonts */

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

:root{--blue:#142a64; --gold:#f79100; --dark:#000; --shade:linear-gradient(90deg, #f7ae00 0%, rgba(227,191,91,1) 25%, rgba(249,229,141,1) 66%, #f7ae00 100%);}

img{border:0;}

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

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

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


::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;}
.container-full{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(--blue) 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:180px; height:180px; background:var(--shade); padding:20px 15px 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 p{margin-bottom:10px; font-size:15px; line-height:1.2; font-weight:400; color:#222;}
.popUpBox img{height:60px; margin-bottom:5px; transition:all .2s ease-in-out; animation: spin 3s linear infinite;  filter: brightness(100) invert(1);}
.popUpBox > a{position:absolute; left:-10px; bottom:-10px;background:var(--shade); color:var(--dark); text-align:center; width:40px; height:40px; line-height:36px; border-radius:50%; border:2px var(--dark) solid;}
.popUpBox div a:hover{color:#fff;}
.popUpBox.show{opacity:0; display:none;}



@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Header */
.headerArea{display:block; clear:both; padding:0; margin-top:0.5px; font-size:18px; position:fixed; top:0; z-index:999; left:0; right:0;}
.logo{display:block; padding:10px 0;}
.logo img{height:85px; max-width:100%; transition:all .2s ease-in-out; filter: grayscale(1) invert(1) brightness(2);}
.headerArea .text-lg-right{position:relative; z-index:5;}
.headerArea .text-lg-right a{padding:8px; display:inline-block; color:var(--gold);font-size:20px; font-weight:700; margin-left:10px;}
.headerArea .text-lg-right a i{color:var(--gold); text-align:center; margin-right:5px; font-size:17px;}
.headerArea .text-lg-right a:hover{color:#fff;}
.headerArea .text-lg-right a:last-child{background:var(--gold); color:#222; padding:12px 30px; text-transform:uppercase; font-size:14px; display:inline-block; text-align:center;}
.headerArea .text-lg-right a:last-child:hover{background:#fff; color:var(--blue);}

.navArea{float:left; width:100%; clear:both; position:relative; background:var(--dark); padding:5px 0; z-index:1599;}
.navArea [class^="col-"] > a{position:relative; padding:8px 25px; border-radius:30px; display:inline-block; background:var(--blue); color:#fff; font-weight:600; text-transform:uppercase;}
.navArea [class^="col-"] > a:hover{background:var(--sky);}

.headerArea.sticky{position:fixed; backdrop-filter: saturate(180%) blur(10px); background:rgba(255,255,255,0.9); top:0; z-index:999; margin-top:0; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.headerArea.sticky .logo img{height:65px; filter: grayscale(0) invert(0) brightness(1);}

.menu{border-top:1px rgba(255,255,255,0.3) solid;}
.headerArea.sticky .menu > ul > li a{color:var(--blue);}
.headerArea.sticky .menu{border-top-color:#142a64;}
.headerArea.sticky .menu-dropdown-icon:before{color:var(--blue);}

.project-slider{position:relative; display:block; width:100%; height:100vh; clear:both; background:#222;}
.project-slider:before{content:''; display:block; position:absolute; left:0; right:0; top:0; height:50%; z-index:5; background:#000; background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);}
.project-slider .carousel-item img, .project-slider .carousel-item video{width:100%; height:100vh; object-fit:cover; animation: resize 30s linear infinite; opacity:0.5; mix-blend-mode:overlay;}
.project-slider .carousel-item{position:relative;}
.project-slider > img{position:absolute; left:50%; bottom:0; transform:translate(-50%,0); z-index:1; width:100%;}
/*.project-slider .carousel-item:before{position:absolute; z-index:2; content:''; display:block; left:0; right:0; bottom:0; height:70%;
 background:linear-gradient(0deg, var(--blue) 0%, rgba(205,236,231,0) 100%);
}*/
.project-slider .carousel-control-prev, .project-slider .carousel-control-next{padding:30px 10px; top:40%; bottom:auto; background:var(--sky); color:#fff; width:auto; opacity:1; font-size:15px; z-index:100;}
.project-slider .carousel-control-prev:hover, .project-slider .carousel-control-next:hover{background:var(--blue);color:var(--sky);}
.project-slider [class^="carousel-control-"] img{filter: brightness(0) invert(1);}

@keyframes resize {
0% {transform:scale(1);}
50% {transform:scale(1.2);}
}
.sliderContent{position:absolute; left:50%; top:55%; text-align:center; transform:translate(-50%,-50%); z-index:99; width:800px; max-width:80%; z-index:10; color:#fff;}
.sliderContent h2{font-weight:900; font-size:72px; text-transform:uppercase; line-height:1;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1.5px #fff;
letter-spacing: 1px;
text-transform: uppercase;
}
.sliderContent h2:hover{-webkit-text-fill-color:#fff;}
.sliderContent a{background:var(--shade); color:#000; text-align:center; display:inline-block; padding:10px 30px; font-size:20px; font-weight:700; border-radius:30px;}
.sliderContent a:hover{background:#fff;}

.headerForm{position:absolute; right:4%; bottom:0; z-index:100; width:380px; padding: 25px 18px 5px 18px; background:#fff; clip-path: polygon(84% 0,100% 12.8%,100% 100%,0 100%,0 0); box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;}
.headerForm p{margin-bottom:5px;}
.headerForm h3{background:var(--dark);color:#fff; padding:8px; margin:10px 0; font-size:16px; font-weight:600;}
.headerForm input{width:100%;display:block; height:35px;border:1px var(--gold) solid; padding:0 10px; border-radius:0; margin-bottom:12px; font-size:14px;}
.headerForm input[type="submit"]{background:var(--gold); color:#fff; cursor:pointer;font-weight:600;}
.headerForm input[type="submit"]:hover{background:var(--dark);}



.aboutArea{display:block; float:left; width:100%; padding:80px 0; 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;}
.aboutArea p a{display:inline!important; padding:0!important; margin-top:0!important; background:transparent!important; border:0!important; color:#000!important; text-transform:none!important; font-size:16px; font-weight:600!important; box-shadow:none!important;}
.aboutArea p a:hover{background:none!important; color:var(--gold)!important;}


.missionArea{display:block; clear:both; overflow:hidden; background:var(--blue); color:#fff; position:relative;}
.missionArea:before{position:absolute; left:41.67%; top:0; bottom:0; width:41.67%; content:''; display:block; background:var(--gold);}
.missionArea:after{position:absolute; left:0; top:50%; bottom:0; width:41.67%; content:''; display:block; background:#fff;}
.missionArea h3{font-size:30px; font-weight:600; padding:15px 0 0;}
.missionArea p{font-size:17px; line-height:1.5; margin-bottom:15px;}
.missionArea [class^="col"] > div{padding:45px; display:block; overflow:hidden; position:relative; z-index:5;}
.missionArea [class^="col"] > div:nth-child(2){color:#222; padding:20px 45px;}
.missionArea [class^="col"] > div:nth-child(2) p{font-size:22px;}
.missionArea img{width:100%;}


.serviceArea{display:block; clear:both; width:100%; padding:60px 0 0; text-align:center;position:relative; clear:both;}
.serviceArea > img{width:100%;}
.serviceArea:before{position:absolute; left:0; right:0; top:0; bottom:0; content:''; display:block;background:#222 url('../images/handpiling.png') no-repeat center center fixed; background-blend-mode:overlay; background-size:cover; z-index:-1;}
.serviceArea > div{position:relative;z-index:5;}
.serviceArea h2, .testimonialsArea h2{ font-size:60px; margin-bottom:5px; color:#fff; text-transform:uppercase;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1.5px #fff;
letter-spacing: 1px;
text-transform: uppercase;
}
.serviceArea h2 + p{margin-bottom:40px; font-size:22px; color:#fff;}
.serviceArea [class^="col"]{margin-bottom:40px; text-align:center;}
.serviceArea [class^="col"] img{max-width:100%; width:300px; height:300px; border:5px var(--gold) solid; border-radius:50%; obejct-fit:cover; margin-bottom:0; transform: scaleX(1); transition:all 0.5s ease-in-out;}
.serviceArea [class^="col"]:hover img{transform: scaleX(-1);}
.serviceArea [class^="col"] a h4{font-size:20px; color:#fff; padding:0 0 5px; margin-bottom:0; font-weight:700; display:block; clear:both; margin-top:60px;}
.serviceArea [class^="col"] a:hover h4{color:var(--gold);}
.serviceArea [class^="col"] a{position:relative; display:block; overflow:hidden;}
.serviceArea [class^="col"] a > div{padding:15px 10px 10px; width: 100%; display:block; clear:both;}
.serviceArea [class^="col"] a > div p{font-size:14px; margin-bottom:0; color:#fff;}
.serviceArea > div > a{display:inline-block; width:250px; padding:12px 20px; background:var(--dark);; 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);
}
.serviceArea > div > a:hover{background:var(--gold);}
.serviceArea > div > a i{margin-right:4px;}

/* Flip Box Container */
.flip-box {
    width: 100%;
    height: 250px; /* Adjust height */
    perspective: 1000px; /* Creates 3D effect */
}

/* Inner Flip Box */
.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

/* Flip on Hover */
.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

/* Front & Back Faces */
.flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

/* Styling Images */
.flip-box-front img, .flip-box-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

/* Back Image - Rotated */
.flip-box-back {
    transform: rotateY(180deg);
}




.highLightPoints{position:relative;display:block; bottom:-150px; margin-top:-50px; z-index:5; color:#222;}
.highLightPoints > div{background:var(--shade); padding:15px 30px; text-align:center; border-radius:10px; position:relative; overflow:hidden;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
}
.highLightPoints > div:after{background:#fff; display:block; content:''; overflow:hidden; right:0; left:50%; top:0; bottom:0; z-index:5; position:absolute; z-index:1;
box-shadow: rgb(0,0,0,0.3) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) 0px -3px 6px 1px inset;
}
.highLightPoints h3{font-size:24px; margin-bottom:10px; font-weight:600;}
.highLightPoints h3 + p{ font-size:17px;}
.highLightPoints p{padding:0 8%;}
.highLightPoints .col-md-6 > div > img{margin-bottom:5px; height:80px; filter: brightness(1) invert(0);}
.highLightPoints [class^="col"] > div{padding:20px 0 25px; border-bottom:3px rgba(255,255,255,0.5) dotted;}
.highLightPoints [class^="col"] > div:last-child{border-bottom:none;}

.formBox{position:relative;z-index:5; padding:30px!important; display:block; overflow:hidden; color:#000;}
.formBox h3{font-size:32px; margin-bottom:25px;}
.formBox p{margin-bottom:30px;}
.formBox img{height:auto; margin:0; padding:0; width:100%;}

.formBox ul{margin:0; padding:0; list-style-type:none;}
.formBox ul li{display:block; overflow:hidden; padding:22px; background:var(--dark); color:#fff; margin-bottom:12px; border-radius:10px;}
.formBox ul li strong{display:block; clear:both; overflow:hidden; color:var(--gold); font-size:17px;}


.blogArea{display:block;overflow:hidden; position:relative; color:#222; clear:both;padding:60px 40px 120px; text-align:center;}
.blogArea h2{font-size:36px; margin-bottom:40px; text-transform:uppercase;}
.blogArea img{width:100%; margin-bottom:15px;}
.blogArea a{color:#000; margin-bottom:40px; display:block; overflow:hidden; clear:both; position:relative; background:#fff; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; border-radius:10px;}
.blogArea a h4{font-weight:600; font-size:17px;}
.blogArea a > small{position:absolute; right:10px; top:10px; background:#fff; padding:3px 7px; text-transform:uppercase; line-height:1; color:#222; border-radius:5px; z-index:5;}
.blogArea a > div{padding:10px 15px 20px; font-size:14px;}
.blogArea a span{background:var(--shade); color:#000; padding:6px 15px; font-size:14px; display:inline-block; margin-top:5px; border-radius:5px;}
.blogArea a span:hover{background:var(--dark); color:#fff;}

/* -- Logos Scroll -- */
.simply-scroll-container{position: relative;}
.simply-scroll-clip{position: relative; overflow:hidden; width:150%;}
.simply-scroll-list{overflow: hidden;	margin: 0;	padding: 0;	list-style: none;}
.simply-scroll-list li {padding: 0;	margin: 0;	list-style: none;}
.simply-scroll-list li img{border: none;display: block;	width:100%; background:#fff;}
.simply-scroll{width: 100%;}
.simply-scroll .simply-scroll-clip{width: 100%;}	
.simply-scroll .simply-scroll-list li{float: left; width: 250px; margin:5px; border:5px #fff solid;}
/* -- Logos Scroll End -- */

.gallerySection{background:var(--blue); color:#fff;}
.gallerySection > .row > [class^="col"]:first-child > img{position:relative; top:0px;}
.gallerySection > .row > [class^="col"]:first-child{background:#fff; position:relative;}
.gallerySection > .row > [class^="col"]:first-child span{position:absolute; bottom:30px; left:20%; animation: carRun 7s linear infinite alternate; display:none;}
.gallerySection > .row > [class^="col"]:first-child span img{max-width:400px;}
.gallerySection > .row > [class^="col"] > div{padding:30px 45px; overflow:hidden; display:block; clear:both; text-align:center;}
.gallerySection > .row > [class^="col"] > div img{width:100%; height:150px; object-fit:cover; margin:15px 0; border:4px #fff solid;}
.gallerySection h3{ font-size:48px; text-align:center; font-weight:800;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1.5px #fff;
letter-spacing: 1px;
text-transform: uppercase;
}
.gallerySection > .row > [class^="col"] > div > a{display:inline-block; margin-top:20px; text-transform:uppercase; font-weight:700; border-bottom:2px #fff solid; color:#fff; letter-spacing:1px; font-size:17px;}

@keyframes carRun {
    0% { left: 0px; transform: translateY(0) scaleX(1); }
    25% { left: 15%; transform: translateY(-5px) scaleX(1.02); } /* Slight bounce */
    50% { left: 25%; transform: translateY(0) scaleX(1); }
    75% { left: 35%; transform: translateY(-5px) scaleX(1.02); } /* Another bounce */
    100% { left: 45%; transform: translateY(0) scaleX(1); } /* Moves out */
}


.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(--sky); color:var(--blue); 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(--sky)!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; }





.footerArea{background:var(--blue);background-size:cover;background-blend-mode:overlay;padding:70px 0 10px;display:block;position:relative; color:#fff;}
.footerArea img{height:80px;margin-bottom:25px; filter: grayscale(1) invert(1) brightness(2);}
.footerArea>div>a{display:inline-block;clear:both;padding:3px 10px;color:#fff; font-size:18px; font-weight:600;}
.footerArea>div>a i, .footerArea p i{color:var(--gold);margin-right:5px}
.footerArea p{clear:both; display:block; overflow:hidden;margin:10px 0 20px; color:#fff;}
.footerArea>div>a:hover{color:var(--gold);}
ul.social-links{margin:0 0 15px;padding:15px 0;list-style-type:none;display:block;overflow:hidden;clear:both}
ul.social-links li{display:inline-block;margin-right:5px}
ul.social-links li a{text-align:center;color:#fff;display:block;border:1px #fff solid;width:36px;height:36px;text-align:center; border-radius:5px;}
ul.social-links li a i{font-size:18px;line-height:36px}
ul.social-links li a:hover{background:var(--gold);color:#000}
.footerArea ul.social-links li a i{font-size:25px;line-height:50px}
.footerArea ul.social-links li a{width:50px;height:50px}
.footerArea ul+a img{height:auto!important;margin-bottom:0}
.footerArea hr{border-color:#fff;}

.footerLink{list-style-type:none; margin:0; padding:5px 0;}
.footerLink li{display:inline-block; margin:0; text-align:center; color:#fff; padding:5px 40px 5px 0;}
.footerLink li a{color:#fff;}
.footerLink li a:hover{color:var(--gold);}

.footerBottom{background:var(--shade);padding:15px;display:block;font-size:13px;position:relative;color:#000}
.footerBottom ul{float:right;margin:0;padding:0;list-style-type:none; display:block; vertical-align:middle;}
.footerBottom ul li{display:inline-block}
.footerBottom ul li a{display:block;padding:0 8px;color:#000;border-left:1px var(--gold) solid;line-height:1}
.footerBottom ul li:first-child a{border:none}
.footerBottom ul li a:hover{color:var(--dark)}
.footerBottom ul li a img{height:25px;}

#scroll-icon{position:fixed;right:10px;bottom:10px;cursor:pointer;width:30px;height:30px;background:var(--gold);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:#fff}
#scroll-icon:hover{background-color:var(--dark);opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}



.innerBannerArea{padding:220px 0 150px; display:block; overflow:hidden; color:#fff; text-align:center;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(51,51,51,1) 100%);
}
.innerBannerArea ul{margin:0; padding:0; list-style-type:none; text-transform:uppercase;}
.innerBannerArea ul li{display:inline-block; margin:0 10px;}
.innerBannerArea ul li a:after{content:'/'; display:inline-block; margin-left:20px;}

.innerContentArea{padding-bottom:60px; background-image:none;}
.innerContentArea video{position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; object-fit:cover;}
.innerContentArea h2{font-size:25px;}
.contentBox{position:relative;display:block; margin:80px 0 0; z-index:5; color:#222; text-align:left; padding:40px; box-shadow: rgb(0,0,0,0.3) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) 0px -3px 6px 1px inset; border-radius:10px;
backdrop-filter: saturate(180%) blur(10px); background:rgba(255,255,255,0.8);}




/*------------------Next-------------------*/

.innerArea {
    display: block;
    overflow: hidden;
    background: #fff;
    padding: 30px;
    position: relative;
    /*margin-bottom:-10px!important;*/
    border-top: 5px var(--gold) solid;
    color: #000;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);
	top:-60px; z-index: 2; }


.breadcrumb{background:none; padding:0; margin:0; padding-bottom:10px; position:relative; border-bottom:1px #a4a49b solid; margin-bottom: 25px; font-size:13px; color:eb0022}
.breadcrumb-list li{display:inline-block; position:relative;}
.breadcrumb-list li::before{display:inline-block; padding-right:.8rem; padding-left:.8rem; color:#6c757d; content:"/"}
.breadcrumb-list li:first-child::before{display:none;}
.breadcrumb-list li a{ color:#eb0022;}
.breadcrumb-list li a:hover{ color:#fff;}
.breadcrumb-item a{ color:var(--gold);}
.breadcrumb-item a:hover{ color:#000;}


.innerArea{display:block; overflow:hidden;   }
.innerArea h1{ font-size:36px; font-weight:700;}
.innerArea h2{font-size: 24px; margin: 0 0 20px;  padding-left: 10px; border-left:3px var(--gold) solid;}
.innerArea p{text-align:justify; line-height:1.6;}
.innerArea strong{color:var(--gold);}

.innerArea .contentBlock{ display: block; overflow: hidden; /*border: 1px #ddd solid;*/ border-bottom: 2px var(--gold) solid; /*padding:25px;*/ margin:30px 0; background:#fff!important; }

.innerArea .contentBlock img{max-width: 100%;}
.innerArea .contentBlock h3{font-size: 22px; margin: 0 0 15px; color: var(--dark); font-weight: 700;}
.innerArea .contentBlock p{text-align: justify;font-size: 14px;}
.innerArea .contentBlock a{display:inline-block; padding:2px 0; color:var(--gold);font-weight:600; border-bottom:2px var(--gold) solid;}
.innerArea .contentBlock a:hover{color:var(--blue);}

.midArea {display:block; margin-top: 30px;   }
.midArea [class^="col-"]{display:block; overflow:hidden;  }
.midArea [class^="col-"] div h2{font-size: 24px; margin: 0 0 20px;  padding-left: 10px; border-left:3px var(--gold) solid;}
.midArea [class^="col-"] div p{text-align:justify; line-height:1.6;  padding-bottom: 15px;}
.midArea [class^="col-"] div strong{color:var(--gold);}



.innerArea .contentBlock ul{display: block; margin-bottom: 20px; list-style-type: none;}
.innerArea .contentBlock ul li{margin-bottom: 5px;}
.innerArea .contentBlock ul li::before{
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: var(--gold); /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1.2em; /* Also needed for space (tweak if needed) */
  margin-left: -1.2em; /* Also needed for space (tweak if needed) */
}

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





/*******************************/
/********* Contact CSS *********/
/*******************************/
.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(--gold); margin-right: 10px; 
	text-align:center; background: var(--gold);
}

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

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

/*.contact  h2 { text-align:left; }*/
.contact h2 {font-weight:600; /*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; 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:18px; line-height:1; font-weight:600; }



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

.enquireforarea{ background: #f3f3f3; display: block; padding: 25px; margin-bottom: 35px;}

.wpforms-container-full{ margin: 0!important;}
.wpforms-container-full .wpforms-form button[type="submit"], div.wpforms-container-full .wpforms-form .wpforms-page-button {
  background-color: rgba(68,68,68,1)!important;
  border: 1px solid rgba(68,68,68,1)!important;
  color: #fff!important; width: 100%!important;
  font-size: 1em;
  padding: 10px 15px;
}

.wpforms-container-full .wpforms-form button[type="submit"]:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button {
  background-color:var(--glod)!important;
  border: 1px solid var(--gold)!important;
  color: #fff!important; width: 100%!important; 
}

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



.testimonialsNext{text-align: center;}
/*.testimonialsNext div{padding:0 20px; margin:10px; font-size:18px; }*/
.testimonialsNext div [class^="col-"]{padding:20px;  font-size:18px; border:5px solid #333; margin-bottom: 25px!important; }
.testimonialsArea [class^="col-"] > div span{width:180px; height:36px; display:inline-block; margin-bottom:10px; background:transparent url('../images/stars.svg') no-repeat left top; background-size:100%;}
.testimonialsArea [class^="col-"] > div span.star-4{background-position:left top -36px;}
.testimonialsArea [class^="col-"] > div span.star-3{background-position:left top -72px;}
.testimonialsArea [class^="col-"] > div span.star-2{background-position:left top -108px;}
.testimonialsArea [class^="col-"] > div span.star-1{background-position:left top -144px;}
.testimonialsNext div h4{font-size:24px; margin-bottom:4px; font-weight:600; color:#000;}


.gallery-listing > [class^="col-"]{margin-bottom:30px;}
.gallery-listing > [class^="col-"] > div{display:block; overflow:hidden; clear:both; position:relative;   border:1px solid #ddd; padding:2px;  width:100%;   height:100%; }
.gallery-listing > [class^="col-"] > div:hover{border:1px #000 solid; }
.gallery-listing > [class^="col-"] > div img{padding:0; display:inline-block!important; transform: scale(1); transition:.2s ease-in-out; width:250px; height:250px; object-fit:cover;}
.gallery-listing > [class^="col-"] > div:hover img{transform: scale(1.1);}
.gallery-listing > [class^="col-"] > div h3{font-size:15px; font-weight:600; line-height:1.5; margin-bottom:0;padding:3px 10px; font-weight:600; background:var(--gold); color:#fff;}
g


.nxtservicearea{display:block; overflow:hidden; padding:40px 0 20px; text-align:center;  position:relative;}
/*.nxtservicearea:before{position:absolute; left:0; right:0; top:0; height:500px; background:#444 url('../images/serviceBg.jpg') no-repeat center center fixed; background-size:cover; background-blend-mode:overlay; z-index:-1; content:''; display:block;}*/

.nxtservicearea h2{ /*font-size:42px;*/ margin-bottom:5px; text-transform:uppercase; font-weight:600; text-align: left;}
.nxtservicearea h2 + p{margin-bottom:40px; font-size:20px;}
.nxtservicearea [class^="col"]{ text-align:left;}
.nxtservicearea [class^="col"] > .twobox{ position:relative; display:block; background:var(--blue); color:#fff; padding:25px; margin-bottom: 25px}
.nxtservicearea [class^="col"] > img{transition:all .2s ease-in-out; margin-bottom:0;}
.nxtservicearea [class^="col"] > div h3{font-size:24px; text-transform:uppercase; font-weight:600; margin-bottom:10px;}
.nxtservicearea [class^="col"] > div > a{background:var(--dark);color:#fff;padding:5px 15px;display:inline-block; text-align:center; text-transform:uppercase; font-weight:700;}
.nxtservicearea [class^="col"] > div > a:hover{background:var(--gold);}

.nxtservicearea .contact-form {
    position: relative;  background:var(--sky); padding:25px;
    margin-bottom: 30px;
    transition: .3s; width: 100%;}



.abtpic{ float:right!important; margin-left:25px!important;  margin-bottom: 25px!important;}

.service-gallery-listing > [class^="col-"]{}
.service-gallery-listing > [class^="col-"] > div{display:block; overflow:hidden; clear:both; position:relative; margin-bottom:10px;   width:100%;  height: 100%; }

.service-gallery-listing > [class^="col-"] > div img{padding:0; display:inline-block!important; width:300px!important; height:300px;object-fit:cover;}
.service-gallery-listing > [class^="col-"] > div a{background:none;color:#fff; padding:0; display:inline-block; text-align:center; text-transform:uppercase; font-weight:700;}

.glsr-default .glsr-review {
  background:var(--dark); color: #fff;
  padding: 40px;
  border-radius: 5px;
   margin-bottom:15px;}


.wp-block-heading{ font-size:16px!important; }

.nextblogArea{display:block;overflow:hidden; position:relative; color:#222; clear:both;padding:20px; text-align:center;}
.nextblogArea h2{font-size:36px; margin-bottom:40px; text-transform:uppercase;}
.nextblogArea img{width:100%; margin-bottom:15px;}
.nextblogArea a{color:#000; margin-bottom:40px; display:block; overflow:hidden; clear:both; position:relative; background:#fff; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; border-radius:10px;}
.nextblogArea a h4{font-weight:600; font-size:17px;}
.nextblogArea a > small{position:absolute; right:10px; top:10px; background:#fff; padding:3px 7px; text-transform:uppercase; line-height:1; color:#222; border-radius:5px; z-index:5;}
.nextblogArea a > div{padding:10px 15px 20px; font-size:14px;}
.nextblogArea a span{background:var(--shade); color:#000; padding:6px 15px; font-size:14px; display:inline-block; margin-top:5px; border-radius:5px;}
.nextblogArea a span:hover{background:var(--dark); color:#fff;}

.feedarea{ display:block; margin:0 auto 50px; text-align:center; width:900px}

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

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

@media (max-width: 991px){
.headerArea{padding:0 0 10px;}
.headerArea{left:0; right:0;}

.headerArea .logo{ text-align:center; width:290px; margin:0 auto; padding:0; display:block;}
.logo > div > span{left:110px;}
.headerArea.sticky .logo > div > span{left:120px;}

	.innerArea {
    display: block;
    overflow: hidden;
    padding:20px;
    position: relative;

	top:0; z-index: 2; }
	
.menu{border:none;}
.headerArea .col-lg-12{height:0;}

.project-slider{height:auto;}
.project-slider .carousel-item img, .project-slider .carousel-item video{height:450px;}
.sliderContent a{display:none;}

.project-slider .carousel-control-prev, .project-slider .carousel-control-next{padding:20px 5px; top:40%; font-size:14px;}
.modal-content .row [class^="col-"]:first-child{height:300px;}

.sliderContent{left:50%; top:auto; bottom:5%; text-align:center;}
.sliderContent h2{ font-size:30px;}
.headerForm{position:static; width:100%;}

.formBox{background:#fff;}
.nxtbannerarea img{ display:block; height:200px!important;}
.feedarea{ display:block; margin:0 auto 50px; text-align:center; width:auto}
}

@media (max-width: 767px){
.innerArea h1{ font-size:22px; font-weight:600;}
.innerArea h2{font-size: 18px; font-weight:600;}
.logo img{margin-bottom:10px;}
.headerArea .text-lg-right a{font-size: 14px; padding: 6px 5px;}
.headerArea .text-lg-right a:last-child {padding: 5px 15px;}


.aboutArea{ padding:40px 0 80px;}
.aboutArea > div > .row > [class^="col-"]:first-child{margin-bottom:40px;}
.aboutArea > img{display:none;}

.highLightPoints > div{width:90%; padding:0;}

.footerArea{ text-align:center; padding-bottom:20px;}
.footerArea [class^="col-"]{margin-bottom:20px;}
.footerArea ul{margin:10px 0;}
.footerArea > div > a{font-size:16px;}

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

.blogArea ul li{display:block; width:100%; margin:0 0 20px;}
.blogArea > div > img{width:150px; border-radius:8px; margin:4px;}
.nextblogArea ul li{display:block; width:100%; margin:0 0 20px;}
.nextblogArea > div > img{width:150px; border-radius:8px; margin:4px;}
.highLightPoints > div:after{display:none;}


.visionArea{margin:0; padding:60px 0 0;}
.visionArea > img{position: static; width: 100%; margin: 20px 0 0;}

.contentBox{padding:20px;}


.missionArea [class^="col"] > div:nth-child(2){background:var(--gold)}
.missionArea::before, .missionArea::after{display:none;}
.missionArea h3{font-size:24px;}
	.feedarea [class^="col"]{margin:10px auto;}
}

@media (max-width: 500px){

}

@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) {
}