﻿@import url(effect.css);

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Doto:wght@100..900&display=swap');
/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden; width:100vw;}
body{
font-family: 'IBM Plex Sans', sans-serif; font-weight:normal; padding:0; color:#00131d; font-weight:normal; padding-right:0!important;
font-size:16px;
line-height:1.5;
 overflow-x:hidden; width:100vw;
}
/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

:root{--yellow:#f6d72d; --red:#eb1e25; --dark:#000; --light:#61ce70;}

img{border:0;}

*{ box-sizing:border-box;
scrollbar-color: var(--red) #000;
scrollbar-width: thin;
scrollbar-radius:10px;
}
*:hover{
}

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


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


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


/* Header */

.headerArea{display:block; position:relative; width:100%; clear:both; background:#fff url('../images/headerDownBg.jpg') repeat-x left bottom; padding:10px 0 30px; font-size:14px;}
.quickLinks{list-style-type:none; margin:0 0 10px; padding:0;}
.quickLinks li{display:inline-block; margin-right:10px; font-size:16px;}
.quickLinks li:first-child{display:block; clear:both; font-size:24px; text-transform:uppercase; margin-bottom:5px;}
.quickLinks li:first-child a{font-weight:600; color:var(--red);}
.quickLinks li a{color:var(--dark);}
.quickLinks li:nth-child(2) a i{font-size:14px;}
.quickLinks li:last-child a{font-weight:600; background:var(--red); color:#fff; padding:3px 15px 5px; border-radius:30px;}


.logo{display:block;}
.logo img{max-width:100%; max-height:125px;}



.project-slider{position:relative; display:block; float:right; text-align:right; width:100%; overflow:hidden; height:65vh;}
.project-slider video {width: 100%; height: 100%; object-fit: cover;}
.project-slider .sliderContent{position:absolute; right:30px; bottom:30px; z-index:5; color:#fff; text-align:center;}
.project-slider .sliderContent h2{font-weight:600; font-size:22px; margin-bottom:0; text-shadow: 0 0 8px #000000;}
.project-slider .sliderContent a{display:inline-block; border:3px #fff solid; background:var(--yellow); color:#fff; padding:15px 25px; letter-spacing:2px; color:#fff;}
.project-slider .sliderContent a:hover{background:var(--red);}

.project-slider .carousel-item img, .project-slider .carousel-item video{width:100%; height:75vh; object-fit:cover; object-position:top left; animation: resize 30s linear infinite; opacity:1;}
.project-slider .carousel-item{position:relative;}
.project-slider [class^="carousel-control-"] img{filter: brightness(0) invert(1);}
@keyframes resize {0% {transform:scale(1);}50% {transform:scale(1.2);}}

.welcomeArea{display:block; overflow:hidden; position:relative; clear:both; padding:80px 0 120px; background:#111 url('../images/welcomeBg.jpg') no-repeat center center fixed; background-size:cover; background-blend-mode:overlay; color:#fff;}
.welcomeArea h2{font-size:36px;}
.welcomeArea h3{font-size:22px; color:red;}
.welcomeArea > img{position: absolute; right: -10rem; bottom: 1.5rem; z-index: 10; width:55% ;}
.welcomeArea > svg{position: absolute;width:100%; bottom:-20px;}
.welcomeArea > div{position:relative; z-index:5;}
.welcomeArea ul{list-style-type:none; padding:0;}
.welcomeArea ul li{margin-bottom:5px;}
.welcomeArea a{display:inline-block; background:red; color:#fff; font-weight:600; margin-right:10px; padding:8px 15px; border-radius:5px;}
.welcomeArea a:hover{background:#fff; color:red;}

.serviceArea{display:block; overflow:hidden; padding:20px 0 30px; background:transparent url('../images/footer-pattern.png') left bottom no-repeat;}
.serviceArea h2{font-size:36px; color:var(--red); margin-bottom:10px;}
.serviceArea h2 + p{margin-bottom:40px; font-size:20px;}
.serviceArea .row{position:relative;}
.serviceArea .row [class^="col-"]{margin-bottom:30px;}
.serviceArea .row:nth-child(odd) [class^="col-"]:first-child{left:50%;}
.serviceArea .row:nth-child(odd) [class^="col-"]:last-child{right:50%;}
.serviceArea h3{font-size:26px;}
.serviceArea ul{list-style-type:none; margin:0 0 20px; padding:0;}
.serviceArea ul li{ position:relative; padding-left:25px; margin-bottom:5px; font-weight:600;}
.serviceArea ul li:before{position:absolute; left:0; top:0; content:'\f138'; color:var(--red); font-family:'Font Awesome 6 Free'; font-weight:900;}
.serviceArea a{display:inline-block; background:red; color:#fff; font-weight:600; margin-right:10px; padding:8px 25px; border-radius:5px;}
.serviceArea a:hover{background:var(--dark);}

.countArea{display:block; background:var(--dark);color:#fff; padding:20px 0;}
.countArea h4{font-size:16px; font-weight:700; margin-bottom:10px; line-height:1.1; color:var(--red);}
.countArea p{margin:0; font-size:16px; line-height:1.2;}
.countArea [class^="col-"] > div{display:flex; align-items: center; justify-content: center;}
.countArea [class^="col-"] > div img{margin-right:15px; height:100px;}


.shortAdsArea{display:block; overflow:hidden; padding:0; background:var(--red); color:#fff; text-align:center;}
.shortAdsArea h3{font-size:22px; margin:0 0 15px;}
.shortAdsArea a{background:#fff; padding:8px 25px; display:inline-block; text-align:center; color:var(--red); border-radius:5px; font-weight:700;}
.shortAdsArea a:hover{background:var(--dark);}
.shortAdsArea [class^="col-"]:first-child img{height:150px;}

.omImg{display:block; overflow:hidden; clear:both; background:transparent url('../images/page-header-1-temp.jpg') no-repeat center center fixed; background-size:cover; height:250px;}


.contactArea{display:block; overflow:hidden; padding:60px 0; background:#dd6a6a; position:relative;}
.contactArea:before{ position:absolute; left:0; right:0; top:0; bottom:0; content:''; display:block; background-color: transparent; background-image: linear-gradient(90deg, #FFFFFF 1%, rgba(255, 255, 255, 0.6) 31%);
opacity: 1; transition: background 0.3s, border-radius 0.3s, opacity 0.3s;}
.contactArea [class^="col-"]{ display: inline-block; vertical-align: top}
.contactArea h4{font-size:30px; margin-bottom:25px;}
.contactArea ul{margin:0; padding:0; list-style-type:none;}
.contactArea ul li{margin-bottom:25px; font-size:18px;}
.contactArea ul li strong{display:block; overflow:hidden;}

.contactArea form{display:block; padding:30px; margin-top: none!important; background:var(--dark); color:#fff;}
.contactArea form input, .contactArea form select, .contactArea form textarea{margin:0 0 10px; padding:0 10px; height:40px; border:none; background:#fff; width:100%; font-size:14px;}
.contactArea form textarea{height:80px; padding:10px;}
.contactArea form input[type="submit"]{height:50px; background:var(--red); color:#fff; text-transform:uppercase; font-weight:700;}

.contactArea form div.wpforms-container-full {
    margin: 0 auto 0!important;
}


div.wpforms-container-full {
    margin:none!important;
}

div.wpforms-container-full {
  margin:0!important;
}

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

.wpforms-field.wpforms-field-content .wpforms-field-row h5 {
  font-size: 18px;
  line-height: 1;
  padding: 0 !important;
  margin: 0 !important;
}

.wpforms-form .wpforms-field-container .wpforms-field.wpforms-field-content {
  padding-top: 0!important;
  padding-bottom: 0!important;
}

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


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


.footer{display:block; overflow:hidden; clear:both; padding:40px 0; background:var(--dark) no-repeat url('../images/map.svg') center top fixed; background-blend-mode:luminosity; background-size:cover; color:#fff;}
.footer img{height:140px; /*filter: brightness(0) saturate(100%) invert(100%);*/}
.footer a:hover{color:var(--yellow);}
.footer p{display:block; padding-top:10px; margin-bottom:0;}


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



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

.nxtBanner{display:block; position:relative; overflow:hidden; clear:both; height:50vh;}
.nxtBanner:after{background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.03683480228028713) 0%, rgba(51,51,51,0.7707283597032564) 96%); position:absolute; left:0; right:0; top:0; bottom:0; content:''; display:block; }
.nxtBanner .nxtbanner-inner img{width:100%; height:100%; object-fit:cover;}
/*.nxtBanner [class^="carousel-control-"]{font-size:20px; display:block; color:#fff; opacity:1; top: 45%; height: 45px; width: 45px; color: #fff; left: -70px;}
.nxtBanner [class^="carousel-control-"]:last-child{right:-70px; left: auto;}
.nxtBanner [class^="carousel-control-"] img{filter: brightness(0) invert(1);}*/

@keyframes resize {
0% {transform:scale(1);}
50% {transform:scale(1.2);}
}


.nxtBanner .fullArea{position:relative;z-index:5; }


.nxtBanner h1{font-weight:700;  display: block; font-size:40px; margin-bottom:10px; color:#fff!important; padding:0 0 10px; text-transform:uppercase; letter-spacing:4px; line-height:1.1; position: absolute; left:50%; z-index:105; transform:translate(-50%,50%); z-index:5; bottom:50%; text-shadow: #858f99 1px 1px 0px, #b4b4b4 0px 2px 0px, #a0a0a0 0px 3px 0px, rgba(140, 140, 140, 0.498039) 0px 4px 0px, #787878 0px 0px 0px, rgba(0, 0, 0, 0.498039) 0px 5px 10px; }



.nxt-matter-area{/*padding:50px 0; display:block; /*overflow:hidden;*/ clear:both; margin-top: 0;  margin-bottom:50px; background:#fff; }
.nxt-matter-area p{ font-size:18px!important; line-height:1.5!important; padding-bottom:10px!important; }

.nxt-matter-area h2{ display:block; font-size:34px; line-height:35px; margin:0 auto; text-transform:none; font-weight:600; color:var(--dark);}
hr.line{ border-bottom:1px solid #dbdbdb; display:block; overflow:hidden;}




.mid-content-area{display:block; width:100%; padding: 50px 0; }
.mid-content-area [class^="col-"] > div{display: inline-block; vertical-align:top;}
.mid-content-area [class^="col-md-5"] > div{border-left:1px #ddd solid; margin: 0; padding:0;  height: 100vh}

.sub-menu{display:block; text-align:left; overflow:hidden; padding: 0; }
.sub-menu li{display:block; overflow:hidden; font-size:14px;}


.sub-menu li a{
color: #fff;
display: block;
line-height: 1.25em;
text-decoration: none;
padding: .75em 0;
position: relative;
/*border-right:3px transparent solid;*/ text-align:left; border-bottom: 1px dashed #f1f1f1; /*background: var(--blue);*/
}
.sub-menu li a:hover, .sub-menu li.active a{ text-align:left; color: #00a8ff; border-right:3px #00a8ff solid;
}

.sub-menu li:before{ display: none}



.mid-content-area p{display:block; clear:both; margin-bottom:25px; text-align:justify;}
.mid-content-area h2, .mid-content-area h1{display:block; margin-bottom:25px; font-size:22px; font-weight:600; color: #e24a3a; clear:both;}
.mid-content-area h3{display:block; margin-bottom:15px; font-size:18px; font-weight:700; color: #0ea1c4; clear:both; text-transform:uppercase;}



.nestaboutArea{display:block; padding:60px; position:relative;z-index:2; background:#eee; display:block;}
.nestaboutArea{width:100%; position:relative; z-index:5; font-size:16px; background:#eeeeee; display:block;overflow:hidden; padding:30px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.nestaboutArea h2{color:var(--blue); font-size:38px;}
.nestaboutArea h2 span, .highLightText h3, .testimonialsArea h2, .whyUsArea h2, .videoArea h2{display:block; overflow:hidden; font-size:30px; letter-spacing:-1px; line-height:1; font-weight:700; margin-bottom:0px; color:var(--black);}
.nestaboutArea h3{font-size:22px;}
.nestaboutArea .container a, .highLightText .row + a{display:inline-block; margin:15px 0; background:#fff; border:2px var(--black) solid; text-transform:uppercase; color:var(--blue); padding:12px 20px; 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);
}
.nestaboutArea .container a:hover, .highLightText .row + a:hover{background:var(--black); color:#fff;}


.datetime-area{ display: block!important; border:5px solid #1a224d; padding:30px  20px;  text-align: center;}
.datetime-area h4{ display: block; padding-bottom: 10px; font-size: 25px; font-weight: 500;  color: #c51f44;}
.datetime-area h4 strong{ display: block; clear: both; font-size: 35px; padding-top: 10px; color: #1a224d; }
.datetime-area ul{display: block!important; padding:0!important; margin:0!important; list-style-type: none!important;}

.datetime-area ul li{display: block!important; padding:0 0 15px 0!important; font-size: 20px; }



.contactArea{ margin:0 auto; font-size:17px; }
.contactArea h3{ font-size:20px; margin-bottom:5px; text-transform:uppercase; color:#000;}
.contactArea a{ margin-bottom:20px; display: inline-block; padding-left: 10px;  color:#222; font-size:24px;}
.contactArea a:hover{color:var(--red);}
.contactArea .col-md-7 div{border-bottom: 2px var(--blue) solid; margin-bottom: 20px;}
.contactArea img{width:70px;}
.contactArea .col-sm-6 a{display: inline-block; padding: 5px;}
.contactArea p{line-height:1.3;}
.contactArea i{ color: var(--red); font-size: 18px;}

.contactformArea{display: block; overflow: hidden; padding: 60px 0; clear: both; width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.contactformArea > div{width:900px; margin: 0 auto; max-width: 100%;}
.contactformArea h2{margin-bottom: 25px; text-align: center;}

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

/*-----------------------------------*/
.nxtwelcomeArea{ float:none; width:100%; clear:both; display: block;  color:#111; background:#f1f1f1 url('../images/footerbg.png') no-repeat center bottom; position:relative; z-index:10;}
.nxtwelcomeArea h2{ color: #555564; font-size:24px;}
.nxtwelcomeArea h2 strong{clear:both; display:block; color:var(--dark);}
.nxtwelcomeArea h3{ color:var(--red); font-size:20px; line-height: 1; padding-top: 20px; padding-bottom:5px!important;   }
.nxtwelcomeArea p{margin-bottom:30px; color:#111!important}

.nxtwelcomeArea .bginner{ background:#fff; padding:60px; -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);}




.nxtwelcomeArea input, .welcomeArea textarea{width:100%; border:1px #ccc solid; height:50px; padding:5px 10px; margin-bottom:15px; }
.nxtwelcomeArea textarea{height:100px!important;}
.nxtwelcomeArea [type="submit"]{border:none; background:var(--blue)!important; color:#111; font-weight:600; margin-bottom:0px;}
.nxtwelcomeArea [type="submit"]:hover{cursor:pointer; background:var(--red); color:#fff;}
.nxtwelcomeArea > div > .row > [class^="col-md-4"] > div{background:var(--dark)!important;  display:block; overflow:hidden; padding:30px; color:#fff; position:relative; top:-125px; margin-bottom:-125px; border:10px #fff solid; }


.nxtwelcomeAreaimg{ margin:20px auto;}
.nxtwelcomeAreaimg img{width: 100%; padding: 5px; border: 1px solid #444; border-radius:10px;}

ul.nxtwelcomeAreaimg li{ display:inline-block; padding:10px 5px 10px; width:30%; margin:40px 10px 10px; text-align:center; background:#fff; 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.nxtwelcomeAreaimg li i{display:block;width:100%;margin-bottom:15px; font-size:36px;}
ul.nxtwelcomeAreaimg li h4{display:block;font-size:20px; padding-top: 20px;}
ul.nxtwelcomeAreaimg li:hover{background:var(--light)!important; color: #111;}

.nxtcallarea{border:none; background:var(--red)!important; display: block;  color:#111; font-weight:600; margin-bottom:10px;}
.nxtcallarea:hover{background:#fff!important; color:#111; }

.contactArea{ margin:0 auto; font-size:16px; }
.contactArea h3{ font-size:20px; margin-bottom:5px; text-transform:uppercase; color:#000;}
.contactArea a{ margin-bottom:10px; display: inline-block; padding-left: 10px;  color:#222; font-size:20px;}
.contactArea a:hover{color:var(--red);}
.contactArea .col-md-7 div{border-bottom: 2px var(--red) solid; margin-bottom: 20px;}
.contactArea img{width:70px;}
.contactArea .col-sm-6 a{display: inline-block; padding: 5px;}
.contactArea p{line-height:1.3;}
.contactArea i{ color: var(--red); font-size: 18px;}




.highlight-txt{ background: var(--blue); padding: 10px; text-align: center; display: block; margin: 20px auto 10px; }
.highlight-txt p{ color: #fff; }
.highlight-txt p strong{ color: #000; }



.listtype ul{ padding: 0; margin:10px 0 10px 0; list-style-type: none;}
.listtype ul li{ position: relative; padding-left: 20px;  line-height: 1.3; padding-bottom: 10px;}
.listtype ul li:before {  position: absolute;  left: 0;  top: 2px;  content:'\f35a';  display: block;   font-family:'FontAwesome';  color: #e24a3a;  font-size: 14px;}

.leftarea {color:#fff!important; }
.leftarea h2 {color:#00a8ff!important; }
/*.leftarea a{ background: var(--red); font-size: 16px; color: #fff!important;}*/

.colortext h2{ color: #fff!important}
.colortext p{ color: #fff!important}

.bg-dark{ display: block; padding: 25px; background: var(--dark) !important; }
.bg-dark p{ color: #fff!important;}



.gallery-listing > [class^="col-"]{}
.gallery-listing > [class^="col-"] > div{display:block; overflow:hidden; clear:both; position:relative; margin-bottom:30px;  border:1px solid #f3f3f3; padding:5px; width:100%;  height: 250px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.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:100%;   height:100%; 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(--green); color:#fff;}


.gallery-listingsds > [class^="col-"]{}
.gallery-listingsds > [class^="col-"] > div{display:block; overflow:hidden; clear:both; position:relative; border:1px solid #f3f3f3; padding:5px; width:100%;  height: 250px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.gallery-listingsds > [class^="col-"] > div:hover{border:1px #000 solid; }
.gallery-listingsds > [class^="col-"] > div img{padding:0; display:inline-block!important; transform: scale(1); transition:.2s ease-in-out;width:100%;   height:100%; object-fit:cover;}
.gallery-listingsds > [class^="col-"] > div:hover img{transform: scale(1.1);}
.gallery-listingsds > [class^="col-"] > h3{font-size:15px; font-weight:600; line-height:1.5; margin-bottom:20px; font-weight:600; }
.gallery-listingsds > [class^="col-"] > h3 a{display: block; background:var(--green); color:#000!important; padding:3px 10px;}



.faqArea .btn-link.focus, .btn-link.focus, .btn-link {
   background:#fff!important; color:#fff!important; 
}

.faqArea .btn-link.focus, .btn-link:focus, .btn-link.focus, .btn-link {
    background:#fff !important;
}

.faqArea .accordion .card-header .btn:hover {
    text-decoration: none !important;
   background:#fff!important;
    color:var(--gold)!important; 
}

.faqArea .accordion .card-header .btn{ font-size:15px; width:100%; text-align:left; color:var(--red)!important; font-weight:700; padding:8px 10px; background:var(--light)!important; display:block; border: 1px dashed #000; margin-bottom:15px; border-right:2px solid var(--gold);}
.accordion .accordion-header a{ font-size:15px; text-align:left; font-weight:700; padding:8px 10px; background:#fafafa; display:block; border: 1px dashed #000; margin-bottom:15px; border-right:2px solid var(--gold);}
.accordion .accordion-header a:hover{ background:#fff; color:#000;  border: 1px dashed var(--dark); border-right:2px solid var(--dark);}
.accordion .accordion-body{ margin-bottom:35px;}

.faqArea .accordion .card-body a, .card-header h5 span {
    color: var(--gold)!important;
}



.faqArea .accordion .card-body { margin-bottom:35px;
    color: rgb(68, 68, 68); border: none!important;
    padding: 15px!important;
    background: rgb(255, 255, 255);
}


.faqArea .accordion .card-header {
    border-top-width: initial;
    border-right-width: initial;
    border-left-width: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    border-radius: 0px;
    border-style: none none none;
    border-image: initial;
    margin: 0px;
    padding: 0px;
    border-bottom: none;
    background: none !important;
}

.faqArea{display:block; padding:80px 0; text-align:left; /*background:transparent url('../images/faqBg.png') no-repeat right bottom; background-size:50%;*/}
.faqArea h3{margin-bottom:15px; line-height:1.5; font-weight:700; font-size:22px;}
.faqArea .container{width:auto; max-width:95%;}

.glsr-default form.glsr-form {
  font-size: var(--glsr-text-md);
  line-height: var(--glsr-leading);
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #ddd;
}

.glsr-default .glsr-review {
  display: flex;
  flex-wrap: wrap;
  gap: var(--glsr-gap-md);
  background: #f3f3f3;
  padding: 20px;
  margin: 10px 0 0 0;
	border-left: 2px solid var(--red); border-radius: 0 0 0 50px;
}


/*.nextserviceArea{display:block; overflow:hidden; padding:20px 0 30px; background:transparent url('../images/footer-pattern.png') left bottom no-repeat;}
.nextserviceArea h2{font-size:36px; color:var(--red); margin-bottom:10px;}
.nextserviceArea h2 + p{margin-bottom:40px; font-size:20px;}*/
.nextserviceArea {position:relative;}
.nextserviceArea [class^="col-"] div{ padding:15px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2), -2px -2px 5px rgba(0, 0, 0, 0.1);}


.nextserviceArea h3{font-size:26px;}
.nextserviceArea ul{list-style-type:none; margin:0 0 20px; padding:0;}
.nextserviceArea ul li{ position:relative; padding-left:25px; margin-bottom:5px; font-weight:600;}
.nextserviceArea ul li:before{position:absolute; left:0; top:0; content:'\f138'; color:var(--red); font-family:'Font Awesome 6 Free'; font-weight:900;}
.nextserviceArea a{display:inline-block; background:red; color:#fff; font-weight:600; margin-right:10px; padding:8px 25px; border-radius:5px;}
.nextserviceArea a:hover{background:var(--dark);}


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

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

@media (max-width: 991px){
    
  .nxtBanner{display:block; position:relative; overflow:hidden; clear:both; height:15vh;} 
  .nxtBanner .nxtbanner-inner img{width:100%;  height:300px; object-fit:cover;}
  
  .nxtBanner h1 {
  font-weight: 600;
  font-size: 25px;
}

.nxtwelcomeArea .bginner {

  padding:15px;
}

.nxtwelcomeArea > div > .row > [class^="col-md-4"] > div {
  background: var(--dark) !important;
  display: block;
  overflow: hidden;
  padding: 30px;
  color: #fff;
  position: relative;
  top: 0;
  margin-bottom: 0;
  border: 10px #fff solid;
}

.nextserviceArea [class^="col-"] div {
  padding: 15px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2), -2px -2px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}

.headerArea{display:block; overflow:hidden; text-align:center;}
.headerArea [class^="col-"]:last-child{height:65px;}
.quickLinks li:first-child{font-size:16px; margin:8px 0;}
.quickLinks li:first-child span{display:none;}
.quickLinks li:nth-child(2){display:none;}
.quickLinks li{ margin-right:10px; font-size:14px;}
.logo img{height:100px;}


.welcomeArea{padding-bottom:230px!important;}
.welcomeArea > svg{bottom:0px;}
.welcomeArea > img{right: -3rem; bottom:0; width:100% ;}

.serviceArea .row:nth-child(odd) [class^="col-"]:first-child{left:0%;}
.serviceArea .row:nth-child(odd) [class^="col-"]:last-child{right:0%;}

.shortAdsArea [class^="col-"]:nth-child(2){padding:30px 0!important;}
}

@media (max-width: 767px){

.welcomeArea{padding:40px 0;}
.welcomeArea h2{font-weight:700; font-size:26px;}

.project-slider{ height:auto;}
.project-slider .sliderContent{width:100%; text-align:center; left:0; right:0;}
.project-slider .sliderContent h2{font-size:18px; line-height:1.5; margin-bottom:0;}
.project-slider .carousel-item img{width:120%; height:auto;}


.countArea [class^="col-"] > div{justify-content: start; margin-bottom:15px;}

.omImg{height:150px!important;}

.coalMovementArea img{width:100%;}
.coalMovementArea .floatBox{ width:100%; clear:both; position:static; text-align:center;}
.coalMovementArea ul li{width:100%;}


.mileStoneAreaNew span:after{right:0;border-right: 23px solid #fff; border-left:0;}
.mileStoneAreaNew [class^="col-"]{border:none}
.mileStoneAreaNew [class^="col-"] span:before{position:absolute; left:0; z-index:5; top:0px; bottom:0; content:''; display:block; border-top: 23px solid transparent; border-bottom: 23px solid transparent; border-left: 23px solid #fff;}


.mileStoneBox{padding:40px 0 0;}
.mileStoneBox img{position:static; height:auto; max-width:100%; margin-top:25px;}
.mileStoneBox h3{font-size:28px;}
.mileStoneBox h4{font-size:18px;}


.logoArea h3{font-size:24px;}
.logoArea h4{font-size:20px;}

.simply-scroll .simply-scroll-list li{width: 80px;}

.footerArea{ text-align:center;}
.footerArea ul{margin:10px 0;}


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


}

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