/*************** common classes starts ***************/
@media (min-width:1500px){.container{max-width:1440px!important;}}
body{font-family: 'Poppins', sans-serif; font-size:16px; font-weight:400; color:#1E1E1E}
a{color:inherit; text-decoration:none !important;}
.fluid0{padding:0;}
.boxpadding{padding-bottom:30px;}
.bodybg{background-color:#b4dfff;}
.bgwhite{background-color:#FFFFFF;}
.btn{font-weight:500; transition:.5s;}
.a:hover{color:none; text-decoration:none;}
.shadow-sm{box-shadow:none !important;}

/******* gotop & whtsapp starts *******/
.gotopround{width:48px; height:48px; line-height:40px; background-color:#E41F26; color:#FFFFFF; box-shadow:2px 2px 5px #3D3D3D;}
.gotopround:hover{background-color:#FFFFFF; color:#E41F26; border:1px solid #FFFFFF;}
.gotop{position:fixed; right:23px; bottom:80px; z-index:120;}
.whtsapp-icon{width:55px; height:auto; position:fixed; right:75px; bottom:75px; z-index:120;}
/******* gotop & whtsapp ends *******/
/*************** common classes ends ***************/

/*************** top bar starts ***************/
.ttoptext{font-size:15px; color:#000000; line-height:25px;}
.ticonround{width:29px; height:29px; line-height:20px; background-color:#036BB4; color:#FFFFFF; transition:0.9s ease all}
.smround{width:28px; height:28px; line-height:20px; background-color:#036BB4; color:#FFFFFF; transition:0.9s ease all;}
.smround:hover{background-color:#E41F26; transition:0.9s ease all;}
/*************** top bar ends ***************/

/*************** header classes starts ***************/
/*** main menu classes sub starts ***/
#header {height: 124px;position: relative!important;}
#header {background-color: #b4dfff;}
.navbar-brand .logo {padding:0px 0px 6px;}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content, #header.navbarbrandtop nav.navbar.navbar-brand-top.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content, #header nav.navbar.bootsnav ul.dropdownnav-right li.dropdown ul.dropdown-menu {margin-top: 6px;}
nav.navbar.bootsnav ul.nav > li > a{color:#252525; font-size:16px; font-weight:600; line-height:16px; padding-top:0px; padding-bottom:0px; padding-right:75px; padding-left:0px; text-transform:uppercase;}
nav.navbar.bootsnav ul.nav li.dropdown.on > a, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a:hover, .fixed-nav nav.navbar.bootsnav ul.nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a.active, .fixed-nav nav.navbar.bootsnav ul.nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active{color:#036BB4;}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {padding: 0 10px; border-left: solid 0px; border-right: solid 0px;}
#header.fixed-nav {height: 143px;}
.tlogotext{font-size:14px;font-weight:600;line-height:16px;color:#000000;text-transform:uppercase;text-align:center;}
/*** main menu classes sub ends ***/

/*** drop down menu classes sub starts ***/
#header nav.bootsnav .megamenu-content {width: 585px !important;}
nav.bootsnav .megamenu-content .title{color:#000000; font-weight:500; text-transform:uppercase; font-size:16px; line-height:16px; margin-top:22px; border-bottom:1px dotted; padding-bottom:5px;}
nav.bootsnav .megamenu-content .title:hover{color:#036BB4; border-bottom:1px dotted #036BB4;}
nav.bootsnav .megamenu-content .titleactive{color:#000000; font-weight:500; text-transform:uppercase; font-size:16px; line-height:16px; margin-top:22px; border-bottom:1px dotted; padding-bottom:5px;}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu{border-right:solid 0px;}
/*** drop down menu classes sub ends ***/
/*************** header classes ends ***************/

/******* home page banner transition starts *******/
.carousel-content {position: absolute;padding: 56px;overflow: hidden;bottom: 34%;left: 13%;}
.carousel-content .line {
 content: ""; display: inline-block; width: 100%;height: 100%;left: 0;top: 0;position: absolute;border: 9px solid #fff;-webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);opacity:0;}
.carouselhead{
 font-size:37px;  font-weight:700;  color:#FFFFFF;  line-height:44px; animation-delay:0s; 
 text-transform:uppercase; animation:fadeInLeft 1s ease forwards; z-index:3; 
}
.carouselsubhead{
 font-size:37px; font-weight:700; color:#FFFFFF; line-height:44px; 
 animation-delay:0.3s; 
 text-transform:uppercase; animation:fadeInLeft 2s ease forwards; z-index:3; 
}
.carouseltext{
 font-size:16px; color:#FFFFFF; line-height:44px; 
 animation-delay:0.6s;  
 text-transform:uppercase; animation:fadeInLeft 3s ease forwards; z-index:3;
}
.carousel-indicators [data-bs-target]{
 display:inline-block; 
 width:30px; height:3px; margin:2px; margin-bottom:40px; 
 text-indent:-999px; cursor:pointer; 
 background-color:#fff; border:1px solid #fff; border-radius:0px; opacity:.8; 
}
.carousel-indicators{position:absolute; display:inline; right:59%; z-index:9999; 
 padding-left:116px; margin-left:0%; text-align:center; list-style:none; 
}
.carousel-indicators .active{border:1px solid #BC1818; background-color:#BC1818;}  
@keyframes fadeInUp{
 0%{transform:translate(0px, 100px); opacity:0;}
 100%{transform:translate(0px, 0); opacity:1;}
}
.bannerimg{animation:zoom-in-zoom-out02 200s ease infinite alternate; width:100%; animation-duration:80s;}
@keyframes zoom-in-zoom-out02{
 0%{transform:scale(1, 1);}
 50%{transform:scale(1.5, 1.5);}
 100%{transform:scale(1.5, 1.5);}
}
.carousel-item.active .line {-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInLeft;animation-delay: 2s;} 
.carousel-item .line {opacity: 0;animation: none;}
.carousel-item.active .line {animation: fadeInLeft 2s ease forwards 1s;}
.carouselhead, .carouselsubhead, .carouseltext {animation-fill-mode: forwards;}
.carousel-item-next, .carousel-item-prev {transition: none !important;}
.carousel-item {visibility: hidden;}
.carousel-item.active {visibility: visible;}

/******* home page banner transition ends *******/

/****** home welcome starts ******/
.welcomeimagesec {position: relative;}
.welcomedescinner {position: relative;}
.twelcomehead{font-size:14px; font-weight:400; line-height:14px; color:#E41F26;text-transform: uppercase;}
.twelcomesubhead{font-size: 35px;font-weight: 700;line-height: 45px;color: #036BB4;}
.twelcometext{line-height:26px; color:#2E2E2E; text-align:justify;}
.welcomeicon{padding: 23px 20px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;font-size: 45px;color: #FFFFFF;background: #DB4147;border-radius: 50px;height: 90px;line-height: 45px;width: 90px;text-align: center;}
.twelcomeicondeschead{font-size:22px; font-weight:600; line-height:32px; color:#525252;}
.twelcomeicondesctext{line-height:26px; color:#2E2E2E;}
.welcome-btn{
 display: -webkit-inline-box;
 display: -ms-inline-flexbox;
 display: inline-flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 text-align: center;
 white-space: nowrap;
 text-decoration: none;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.welcome--btn {
 position: relative;
 font-size: 14px;
 line-height: 30px;
 padding: 10px 40px;
 font-weight: 700;
 overflow: hidden;
 color: #FFFFFF;
 z-index: 1;
 border-radius: 0px;
 background: #000000;
 -webkit-transition: all 500ms ease;
 transition: all 500ms ease;
 -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.welcome--btn:hover {color: #FFFFFF;}
.twelcomereadmore{position: relative;}
.welcome--btn:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: "";
 background-color: #036BB4; clip-path: polygon(50% 0, 50% 0, 50% 50%, 50% 100%, 50% 100%, 50% 50%); -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: -1;
}
.welcome--btn:hover:before {clip-path: polygon(25% -70%, 75% -70%, 120% 50%, 75% 170%, 25% 170%, -20% 50%);}
/****** home welcome ends ******/

/******* home services starts *******/
.servicebg{background-color:#f5f5f5;background-image:url(../img/servicebg.jpg);background-position:right bottom; background-repeat:no-repeat;background-size:cover;}
.tserviceshead{font-size:14px; font-weight:400; line-height:14px; color:#E41F26;text-transform: uppercase;}
.tservicessubhead{font-size: 35px;font-weight: 700;line-height: 45px;color: #036BB4;}
.servicebox {position: relative;background-color: #FFFFFF;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.serviceimagebox {overflow: hidden;position: relative;}
.serviceimage{margin-bottom: 0;overflow: hidden;position: relative;}
.serviceimage img {-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.servicebox .lower-content {position: relative;padding: 70px 50px 50px 50px;margin-top: -11.2%;z-index: 1;}
.servicebox .lower-content::before {position: absolute;content: '';top: 0;right: 0;bottom: 0;left: 0;background: #ffffff;transform-origin: 100% 50%;transform: skewY(-6deg);will-change: transform;transition: all .3s ease;pointer-events: none;z-index: -1;}
.tservicescounter{display: inline-block;text-align: center;position: absolute;top: 0;left: 50%;width: 70px;height: 70px;font-size: 36px;line-height: 70px;border-radius: 50%;font-weight: 300;letter-spacing: .075em;color: rgba(255, 255, 255,1);background: linear-gradient(to top, #E41F26 0%, #3ca7fa 100%);transform: translate3d(140%, -50%, 0);will-change: transform;transition: all .3s ease;box-shadow: rgba(228, 31, 38, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;}
.servicebox :hover .tservicescounter{transform: translate3d(-50%, -50%, 0);}
.servicebox:hover .lower-content::before {transform: none;}
.servicebox .lower-content .read-more {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background-color: #E41F26;border-radius: 50%;color: #FFFFFF;height: 52px; overflow: hidden;position: absolute;right: 30px;top: -28px;width: 52px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.tservicessubhead01{font-size:20px; font-weight:500; line-height:20px; color:#000000;}
.tservicestext{line-height:26px; color:#2E2E2E;}
.servicebox:hover .serviceimage img {transform: none;}
/******* home services ends *******/
 
/******* home project gallery starts ********/
.lb-image {display: flex;align-items: center;justify-content: center;max-height: auto;}
.lb-outerContainer {display: flex;align-items: center;justify-content: center;}
.projectimg-wrapper{overflow: hidden;}
.projectgalleryimg{transition: transform 0.9s ease-in-out;}
.projectimg-wrapper:hover .projectgalleryimg {transform: scale(1.2);}
.project-btn{
 display: -webkit-inline-box;
 display: -ms-inline-flexbox;
 display: inline-flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 text-align: center;
 white-space: nowrap;
 text-decoration: none;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.project--btn {
 position: relative;
 font-size: 14px;
 line-height: 30px;
 padding: 10px 40px;
 font-weight: 700;
 overflow: hidden;
 color: #FFFFFF;
 z-index: 1;
 border-radius: 0px;
 background: #000000;
 -webkit-transition: all 500ms ease;
 transition: all 500ms ease;
 -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.project--btn:hover {color: #FFFFFF;}
.tprojectreadmore{position: relative;}
.project--btn:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: "";
 background-color: #036BB4; clip-path: polygon(50% 0, 50% 0, 50% 50%, 50% 100%, 50% 100%, 50% 50%); -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: -1;
}
.project--btn:hover:before {clip-path: polygon(25% -70%, 75% -70%, 120% 50%, 75% 170%, 25% 170%, -20% 50%);}
/******* home project gallery ends ********/
 
/******** bottom starts ********/
.bottombg{background: radial-gradient(circle, #0663a5 42%, #036BB4 66%);}
.bottomcontacticon{padding: 10px;border: 1px solid #D9CCCC;}
.ulpadding{padding-left:12px; list-style:none;}
.tbottomhead{font-size:22px; color:#fff; font-weight:500; line-height:30px;}
.tbottomlinks{font-size:15px; color:#FFFFFF; line-height:15px; transition:0.9s ease all;}
.tbottomlinks:hover{color:#000000; transition:0.9s ease all;}
.tbottomlinksactive{font-size:15px; color:#000000; line-height:15px;}
.tbottomtext{font-size:15px; color:#FFFFFF; line-height:15px;}
.smbottomround{width:28px; height:28px; line-height:20px; background-color:#FFFFFF; color:#036BB4; margin-right:10px; transition:0.9s ease all;}
.smbottomround:hover{color:#FFFFFF; background-color:#E41F26; transition:0.9s ease all;}
.hrlinewhite{display:block; height:1px; border:0; border-top:1px solid #6c91ab; margin:0em 0; padding:0; opacity: .75;}
.tbottomiconhead{font-size:12px; color:#FFFFFF; line-height:17px; 
 text-align:left !important; text-transform:uppercase;}
.tbottomiconlink{font-size:18px; color:#FFFFFF; font-weight:500; line-height:30px;}
.bottomborderleft {border-right: 1px solid #FFFFFF;}
/********** copyright starts **********/
.tcopyright{font-family:'Roboto', sans-serif; font-size:12px; color:#FFFFFF; font-weight:400; line-height:17px;}
.tdesignby{font-family:'Roboto', sans-serif; font-size:12px; color:#FFFFFF; font-weight:400; line-height:17px;}
/********** copyright ends **********/
/******** bottom ends ********/

/****************************************** Inner page starts ******************************************/
.theading{font-size:14px; font-weight:400; line-height:14px; color:#E41F26;text-transform: uppercase;}
.tsubheading{font-size: 35px;font-weight: 700;line-height: 45px;color: #036BB4;}
.tsubheading01{font-size: 25px;font-weight: 600;line-height: 35px;color: #E41F26;}
.tsubheading01black{font-size: 23px;font-weight: 500;line-height: 33px;color: #000000;}
.tsubheading01white{font-size: 23px;font-weight: 500;line-height: 33px;color: #FFFFFF;}
.tsubheading02{font-size: 20px;font-weight: 600;line-height: 30px;color: #036BB4;font-style: italic;}
.ttext{line-height:26px; color:#2E2E2E; text-align:justify;}
.ttext01{line-height:26px; color:#2E2E2E;}
.ttext01white{line-height:26px; color:#FFFFFF;}
.tdetailslist{padding: 0px 0px 0px 20px;}
.tdetailslist li {list-style: none;list-style-image: url(../img/icon-detaillist.jpg);font-size: 16px;color: #2E2E2E;text-align: left;line-height: 26px;padding-left: 5px;}

.tsubheading03{font-size:20px; font-weight:500; line-height:26px; color:#000000;}
.hrsubheading03 {color: #E41F26; margin: 1rem 0; border: 0; border-top: var(--bs-border-width) solid; opacity: .75;}

.table-border { border: 1px solid #F8F8F8 !important;}
.tablehead {
 font-size: 14px;
 color: #2E3192;
 font-weight: 600;
 padding: 10px;
 background-color: #95c9ef;
 border-right: 1px solid #95c9ef !important;
}
.tablesubhead {
 font-size: 14px;
 color: #2E3192;
 padding: 10px;
 background-color: #E9E5E5;
 border-right: 1px solid #E9E5E5 !important;
}
.td1 {
 font-size: 14px;
 color: #57595B;
 padding: 10px;
 border-right: 1px solid #F8F8F8 !important;
 background-color: #FFFFFF;
}
.td2 {
 font-size: 14px;
 color: #57595B;
 padding: 10px;
 border-right: 1px solid #F8F8F8 !important;
 background-color: #F8F8F8;
}
/******** profile starts ********/
.featuresbg{background-image:url(../img/featuresbg.jpg); background-repeat:no-repeat;background-position:bottom left; background-size:cover;}
.featuresbox01{background-color:#036BB4;padding: 40px 40px;box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;}
.featuresbox{position:relative; overflow: hidden;padding: 40px 40px;background-image:url(../img/featuresboxbg.jpg);box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.bordertop-left {position: absolute;top: 0;left: 0;z-index: 20;}
.horizontal {width: 50px;height: 3px;background: #036BB4;}
.vertical {width: 3px;height: 50px;background:#036BB4;}
.bordertop-right {position: absolute;top: 0;right: 0;z-index: 20;}
.borderbottom-right {position: absolute;bottom: 0;right: 0;z-index: 20;}
.borderbottom-left {position: absolute;bottom: 0;left: 0;z-index: 20;}
.profilearrowbg{position: absolute;margin-top: -597px;right: 90px;transform: rotate(180deg);animation: bounce 4s linear infinite;}
.profilearrowbg02{position: absolute;margin-top: -276px;right: 90px;transform: rotate(180deg);animation: bounce 4s linear infinite;}
@keyframes bounce{
0% {-webkit-transform: translateY(-50px);transform: translateY(-50px);}
50% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}
100% {-webkit-transform: translateY(-50px);transform: translateY(-50px);}
}
.flex-end {align-items: flex-end;}
/******** profile ends ********/
/******** services starts ********/
.pilefoundationbg{background-image:url(../img/pilefoundationbg.jpg); background-repeat:no-repeat;background-position:top left; background-size:cover; background-attachment: fixed; position: relative;overflow: hidden;}
.pilefoundationbg::after {
 content: ""; position: absolute; width: 100%; top: 0; opacity: 1; left: 0; height: 100%;
 background: linear-gradient(90deg, rgba(228, 31, 38, 1) 0%, rgb(223 23 29) 35%, rgb(195 38 44) 100%); width: 35%; right: 0; left: auto;
 -webkit-clip-path: polygon(14% 0, 100% 0, 100% 50%, 100% 100%, 15% 100%, 0% 50%);
 clip-path: polygon(14% 0, 100% 0, 100% 50%, 100% 100%, 15% 100%, 0% 50%);
}
.retainingsystemsbg{background-image:url(../img/retainingsystemsbg.jpg); background-repeat:no-repeat;background-position:top left; background-size:cover; background-attachment: fixed; position: relative;overflow: hidden;}
.retainingsystemsbg::after {
 content: ""; position: absolute; width: 100%; top: 0; opacity: 1; left: 0; height: 100%;
 background: linear-gradient(90deg, rgba(228, 31, 38, 1) 0%, rgb(223 23 29) 35%, rgb(195 38 44) 100%); width: 35%; right: 0; left: auto;
 -webkit-clip-path: polygon(14% 0, 100% 0, 100% 50%, 100% 100%, 15% 100%, 0% 50%);
 clip-path: polygon(14% 0, 100% 0, 100% 50%, 100% 100%, 15% 100%, 0% 50%);
}
.soilimprovementbg{background-image:url(../img/soilimprovementbg.jpg); background-repeat:no-repeat;background-position:top left; background-size:cover; background-attachment: fixed; position: relative;overflow: hidden;}
.soilimprovementbg::after {
 content: ""; position: absolute; width: 100%; top: 0; opacity: 1; left: 0; height: 100%;
 background: linear-gradient(90deg, rgba(228, 31, 38, 1) 0%, rgb(223 23 29) 35%, rgb(195 38 44) 100%); width: 35%; right: 0; left: auto;
 -webkit-clip-path: polygon(14% 0, 100% 0, 100% 50%, 100% 100%, 15% 100%, 0% 50%);
 clip-path: polygon(14% 0, 100% 0, 100% 50%, 100% 100%, 15% 100%, 0% 50%);
}
.dewateringsystemsbg{background-image:url(../img/dewateringsystemsbg.jpg); background-repeat:no-repeat;background-position:top left; background-size:cover; background-attachment: fixed; position: relative;overflow: hidden;}
.dewateringsystemsbg::after {
 content: ""; position: absolute; width: 100%; top: 0; opacity: 1; left: 0; height: 100%;
 background: linear-gradient(90deg, rgba(228, 31, 38, 1) 0%, rgb(223 23 29) 35%, rgb(195 38 44) 100%); width: 35%; right: 0; left: auto;
 -webkit-clip-path: polygon(14% 0, 100% 0, 100% 50%, 100% 100%, 15% 100%, 0% 50%);
 clip-path: polygon(14% 0, 100% 0, 100% 50%, 100% 100%, 15% 100%, 0% 50%);
}
.geotechnicaldesignbg{background-image:url(../img/geotechnicaldesignbg.jpg); background-repeat:no-repeat;background-position:top left; background-size:cover; background-attachment: fixed; position: relative;overflow: hidden;}
.geotechnicaldesignbg::after {
 content: ""; position: absolute; width: 100%; top: 0; opacity: 1; left: 0; height: 100%;
 background: linear-gradient(90deg, rgba(228, 31, 38, 1) 0%, rgb(223 23 29) 35%, rgb(195 38 44) 100%); width: 35%; right: 0; left: auto;
 -webkit-clip-path: polygon(14% 0, 100% 0, 100% 50%, 100% 100%, 15% 100%, 0% 50%);
 clip-path: polygon(14% 0, 100% 0, 100% 50%, 100% 100%, 15% 100%, 0% 50%);
}
.geotechnicaltestingbg{background-image:url(../img/geotechnicaltestingbg.jpg); background-repeat:no-repeat;background-position:top left; background-size:cover; background-attachment: fixed; position: relative;overflow: hidden;}
.geotechnicaltestingbg::after {
 content: ""; position: absolute; width: 100%; top: 0; opacity: 1; left: 0; height: 100%;
 background: linear-gradient(90deg, rgba(228, 31, 38, 1) 0%, rgb(223 23 29) 35%, rgb(195 38 44) 100%); width: 35%; right: 0; left: auto;
 -webkit-clip-path: polygon(14% 0, 100% 0, 100% 50%, 100% 100%, 15% 100%, 0% 50%);
 clip-path: polygon(14% 0, 100% 0, 100% 50%, 100% 100%, 15% 100%, 0% 50%);
}
.tserviceslist{padding: 0px 0px 0px 20px;}
.tserviceslist li {font-size: 16px;color: #FFFFFF;text-align: left;line-height: 26px;padding-left: 5px;}
.servicefeaturebg{position: absolute;right: 30px;bottom: -12px;z-index: 1;animation: bounce 4s linear infinite;}
.servicefeaturebg02{position: absolute;right: 20px;top: 0px;z-index: 1;animation: bounce 4s linear infinite;}
.pilefoundationarrowbg{position: absolute;margin-top: -669px;right: 90px;transform: rotate(180deg);animation: bounce 4s linear infinite;}
.retainingsystemsarrowbg{position: absolute;margin-top: -645px;right: 90px;transform: rotate(180deg);animation: bounce 4s linear infinite;}
.soilimprovementarrowbg{position: absolute;margin-top: -726px;right: 90px;transform: rotate(180deg);animation: bounce 4s linear infinite;}
.soiltreatmentarrowbg{position: absolute;margin-top: -805px;right: 90px;transform: rotate(180deg);animation: bounce 4s linear infinite;}
.qualitysystemsarrowbg{position: absolute;margin-top: -925px;right: 90px;transform: rotate(180deg);animation: bounce 4s linear infinite;}
.dewateringarrowbg{position: absolute;margin-top: -835px;right: 90px;transform: rotate(180deg);animation: bounce 4s linear infinite;}
.piledesignarrowbg{position: absolute;margin-top: -687px;right: 90px;transform: rotate(180deg);animation: bounce 4s linear infinite;}
.piletestingarrowbg{position: absolute;margin-top: -625px;right: 90px;transform: rotate(180deg);animation: bounce 4s linear infinite;}
.earthworksarrowbg{position: absolute;margin-top: -830px;right: 90px;transform: rotate(180deg);animation: bounce 4s linear infinite;}
.tservicelinetextsec{max-width: 990px;}
.tservicelinetext {
 font-family: "Heebo", serif;
 font-size: 50px;
 font-weight:600;
 -webkit-text-stroke-width: 2px;
 -webkit-text-stroke-color: #E41F26;
 opacity: 0.1 !important;
 -webkit-text-fill-color: transparent;
 color: transparent;
 text-transform:uppercase;
}
/******** services ends ********/

/******** project starts ********/
.projectarrowbg{position: absolute;margin-top: -1548px;right: 55px;transform: rotate(180deg);animation: bounce 4s linear infinite;}
.projectarrowbg02{position: absolute;margin-top: -276px;left: 45px;transform: rotate(180deg);animation: bounce 4s linear infinite;}
/******** project ends ********/

/******** QHSE policy starts *********/
.policyarrowbg{position: absolute;right: 40px;bottom: 148px;z-index: 1;animation: bounce 4s linear infinite;}
/******** QHSE policy ends *********/

/******** contact us starts ********/
.contacticonsecbox{border-bottom: 1px solid #F2F2F2;}
.contacticon{padding: 15px 15px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;font-size: 30px;color: #FFFFFF;background:#DB4147;border-radius: 50px;height: 65px;line-height: 36px;width: 65px; text-align: center;}
.tcontacticondeschead{font-size:22px; font-weight:600; line-height:32px; color:#525252;}
.tcontacticondeschead01{font-size:20px; font-weight:400; line-height:32px; color:#036BB4;}
.tcontacticondescsubhead{line-height:26px; font-weight:600;color:#2E2E2E;}
.tcontacticondesctext{line-height:26px; color:#2E2E2E;}
.membersbg{background-color: #D5EAFD;position:relative;}
.contactsecbox{border-right:1px solid #ACCBE1;}
.membersbg::after {
 content: "";
 position: absolute;
 width: 100%;
 top: 0;
 opacity: 1;
 left: 0;
 height: 100%;
 background-image: url(../img/membersbg.jpg);
 background-position: left bottom;
 width: 30%;
 right: 0;
 left: auto;
 -webkit-clip-path: polygon(14% 0, 100% 0, 100% 50%, 100% 100%, 15% 100%, 0% 50%);
 clip-path: polygon(14% 0, 100% 0, 100% 50%, 100% 100%, 15% 100%, 0% 50%);
}
.contactarrowbg{position: absolute;right: 40px;bottom: 148px;z-index: 1;animation: bounce 4s linear infinite;}
/******** contact us ends ********/
/****************************************** Inner page ends ******************************************/


/******************************** Media Query Starts ********************************/
/*** COL & SM & MD starts ***/
@media only screen and (min-device-width:320px) and (max-device-width:991px){
body{font-size:15px;}
.boxpadding{padding-bottom:15px;}
/******** header changes starts ********/
.navbar-brand .logo {height: 76px;}
#header.fixed-nav {height: 88px;}
#header{height:110px;}
.fluidmob{padding:0px;}
.fluid0{padding-right:12px; padding-left:12px;}
.fixed-nav nav.bootsnav .navbar-brand > img.logo, .fixed-nav .navbar-brand .logo{margin-top:5px;}
#header.fixed-nav .logo{height:70px;}
.fixed-nav .navbar-brand .logo{height:80px !important; width:auto;}
nav.navbar.bootsnav .navbar-toggle{margin-top:36px;}
nav.navbar.bootsnav ul.nav > li > a{font-size:15px; font-weight:600; line-height:15px; padding:16px 20px;}
#header nav.navbar.bootsnav .nav{background-color:#036BB4; padding:5px;}
nav.bootsnav .megamenu-content .title{margin-top:0px; padding:18px 20px;}
nav.bootsnav .megamenu-content .title:hover{color:#FFFFFF; border-bottom:1px dotted #FFFFFF;}
#header nav.navbar.bootsnav ul.nav > li:hover a.dropdown-toggle{color:#FFFFFF;}
nav.navbar.bootsnav ul.nav > li > a{color:#FFFFFF!important; background-color:#036BB4;}
nav.bootsnav .megamenu-content .title{color:#FFFFFF; font-size:15px; font-weight:400; line-height:15px; border-bottom:1px dotted #606060;}
#header nav.navbar.bootsnav .navbar-toggle{border:1px solid #036BB4;}
#header nav.navbar.bootsnav .navbar-toggle{color:#036BB4;}
nav.navbar.bootsnav ul.nav li.dropdown.on > a, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a:hover, .fixed-nav nav.navbar.bootsnav ul.nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a.active, .fixed-nav nav.navbar.bootsnav ul.nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active {background-color: #E41F26; color: #fff;}
nav.bootsnav ul.nav li.dropdown ul.dropdown-menu li a, nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {color: #FFFFFF;}
/******** header changes ends ********/
/******** go top and whatsapp starts ********/
.gotop{right:23px; bottom:110px;}
.whtsapp-icon{right:23px; bottom:40px;}
/******** go top and whatsapp ends ********/
.ttext {text-align: left;}
.ttext02 {text-align: left;}
.twelcomesubhead{font-size: 23px;font-weight: 500;line-height: 30px;}
.twelcometext{line-height:23px; text-align:left;}
.welcomeimage02 {padding-top: 30px;}
.welcomeimagesec .experience {bottom: 0px;left: 4%;}
.tbottomhead{font-size:18px; font-weight:600; line-height:28px;}
.aboutusbg{background: linear-gradient(to right, #E5E5E5 0, #E5E5E5 93%, #E41F26 33%, #E41F26 95%, #FFFFFF 88%, #FFFFFF 100%);  height: 100%;
background-repeat: no-repeat; background-position: left center;} 
.services-section {padding: 45px 0;}
.servicesbg02 {background-image: none;}
.servicesheadsec {padding-left: 0px;}
.tservicessubhead{font-size:23px; font-weight:500; line-height:30px;}
.servicebox .lower-content { padding: 40px 25px 25px 25px;}
.ultpadding{padding-left:12px; list-style:none;}
.ultpadding01{padding-left:0px; list-style:none;}
.acbg{background: #E5E5E5;} 
.tsubheading03 {font-size: 17px;}
.contactbg{background: none;} 
.tsubheading{font-size:23px; font-weight:500; line-height:30px;}
.ttextred {font-size: 17px; line-height: 23px;}
.footerbg{background:radial-gradient(circle, rgb(211 15 15) 42%, rgb(231 23 23) 66%);}
}

@media only screen and (min-device-width:320px) and (max-device-width:574px){
.carousel-content {padding: 17px;bottom: 25%; left: 3%;}	
.carouselhead {font-size: 22px;line-height: 30px;}
.carouselsubhead {font-size: 22px;line-height: 30px;}
.carouseltext {font-size: 14px;line-height: 26px;}
.carousel-content .line {border: 4px solid #FFFFFF;}
.carousel-indicators {right: 0;padding-left: 50px;}
.welcomeicon {padding: 5px 5px;font-size: 20px;height: 50px;line-height: 40px;width: 50px;}
.servicebox .lower-content{padding:60px 25px 25px 25px;}
.tservicessubhead01 {font-size: 19px;line-height: 19px;}
.tservicescounter {width: 60px;height: 60px;font-size: 25px;line-height: 60px;}
.tsubheading01 {font-size: 20px;line-height: 30px;}
.tsubheading01black {font-size: 20px;line-height: 30px;}
.tsubheading01white {font-size: 20px;line-height: 30px;}
.featuresbox {padding: 25px 25px;}
.featuresbox01 {padding: 25px 25px;}
.ttext01 {font-size: 15px;}
.ttext01white {font-size: 15px;}
.tdetailslist li {font-size: 15px;}
.tsubheading02 {font-size: 18px;line-height: 26px;}
.servicefeaturesbg::after {display:none;}
.tcontacticondescsubhead {font-size: 17px;font-weight: 500;}
.contactsecbox {border-right: none;}
.membersbg::after {display:none;}
}
@media only screen and (min-device-width:575px) and (max-device-width:767px){
.carousel-content {padding: 20px;bottom: 15%;}	
.carouselhead {font-size: 22px;line-height: 30px;}
.carouselsubhead {font-size: 22px;line-height: 30px;}
.carouseltext {font-size: 14px;line-height: 26px;}
.carousel-content .line {border: 4px solid #FFFFFF;}
.carousel-indicators {right: 0;padding-left: 50px;}
.welcomeicon {padding: 5px 5px;font-size: 30px;height: 65px;line-height: 57px; width: 65px;}
.servicebox .lower-content{padding:80px 25px 25px 25px;}
.tsubheading01black {font-size: 20px;line-height: 30px;}
.tsubheading01white {font-size: 20px;line-height: 30px;}
.ttext01 {font-size: 15px;}
.ttext01white {font-size: 15px;}
.tdetailslist li {font-size: 15px;}
.servicefeaturesbg::after {display:none;}
.tcontacticondescsubhead {font-size: 17px;font-weight: 500;}
.contactsecbox {border-right: none;}
.membersbg::after {display:none;}
}
@media only screen and (min-device-width:768px) and (max-device-width:991px){
.carousel-indicators{right:0; bottom:0; left:0; justify-content:center; padding:0; margin-right:15%; margin-bottom:20px; margin-left:15%; top:94%;}
.carousel-content {bottom: 25%;}
.carouselhead{font-size:30px; font-weight:600; line-height:35px; }
.carouselsubhead{font-size:30px; font-weight:600; line-height:35px;}
.carouseltext{font-weight:500; line-height:23px;}
.welcomeicon {padding: 23px 17px;font-size: 29px;height: 65px;line-height: 19px;width: 65px;}
.servicebox .lower-content{padding:60px 18px 25px 18px;}
.tservicescounter {width: 60px;height: 60px;font-size: 25px;line-height: 60px;}
.tsubheading01black {font-size: 20px;line-height: 30px;}
.tsubheading01white {font-size: 20px;line-height: 30px;}
.ttext01 {font-size: 15px;}
.ttext01white {font-size: 15px;}
.tdetailslist li {font-size: 15px;}
.servicefeaturesbg::after {-webkit-clip-path: polygon(25% 0, 100% 0, 100% 50%, 100% 100%, 25% 100%, 0% 50%);clip-path: polygon(25% 0, 100% 0, 100% 50%, 100% 100%, 25% 100%, 0% 50%);}
.contacticon {font-size: 22px;height: 55px;line-height: 25px;width: 55px;}
.tcontacticondescsubhead {font-weight: 500; font-size: 15px;}
.membersbg::after {display:none;}
.tsubheading01 {font-size: 22px;line-height: 32px;}
.tcontacticondeschead01 {font-size: 18px;line-height: 28px;}
}
/*** COL & SM & MD ends ***/

/*** LG starts ***/
@media only screen and (min-device-width:992px) and (max-device-width:1199px){
nav.navbar.bootsnav ul.nav > li > a{font-size:14px; font-weight:500; padding:43px 9px 43px 9px;}
#header {height: 108px;}
.hidelink { display:none !important;}
.bannertop{margin-top:154px;}
.carousel-content {bottom: 35%; padding: 30px;}
.carouselhead {font-size: 30px;line-height: 40px;}
.carouselsubhead {font-size: 30px;line-height: 40px;}
.twelcomesubhead{font-size:28px; font-weight:500; line-height:35px;}
.twelcometext{line-height:28px; text-align:left;}
.welcomeicon {padding: 23px 20px;font-size: 30px;height: 70px;line-height: 24px;width: 70px;}
.tservicessubhead{font-size:28px; font-weight:500; line-height:35px;}
.servicesheadsec {padding-left: 295px;}
.tservicessubhead01 {font-size: 17px;line-height: 17px;}
.tservicestext {font-size: 15px;line-height: 24px;}
.tservicescounter {width: 60px;height: 60px;font-size: 25px;line-height: 60px;}
.servicebox .lower-content {padding: 40px 20px 30px 20px;}
.tsubheading03 {font-size: 18px;}
.tbottomhead {font-size: 20px;}
.tbottomiconlink {font-size: 15px;}
.tbottomlinks{font-size: 14px;}
.tbottomlinksactive{font-size: 14px;}
.tcontacticondescsubhead {font-size: 15px;}
.tcontacticondesctext {font-size: 15px;}
.membersbg::after {display:none;}
}
/*** LG ends ***/
@media only screen and (min-device-width:1200px) and (max-device-width:1299px){
nav.navbar.bootsnav ul.nav > li > a {padding-right: 20px;}
.hidelink { display:none !important;}
.carousel-content {bottom: 35%; padding: 30px;}
.carouselhead {font-size: 30px;line-height: 40px;}
.carouselsubhead {font-size: 30px;line-height: 40px;}
.welcomeicon {padding: 23px 20px;font-size: 30px;height: 70px;line-height: 24px;width: 70px;}
.servicebox .lower-content {padding: 70px 30px 40px 30px;}
.membersbg::after {width: 27%;}
.tbottomlinks{font-size: 14px;}
.tbottomlinksactive{font-size: 14px;}
.tbottomhead {font-size: 18px;}
}
@media only screen and (min-device-width:1300px) and (max-device-width:1399px){
nav.navbar.bootsnav ul.nav > li > a {padding-right: 20px;}
.hidelink { display:none !important;}
.carousel-content {bottom: 37%; padding: 30px;}
.carouselhead {font-size: 30px;line-height: 40px;}
.carouselsubhead {font-size: 30px;line-height: 40px;}
.welcomeicon {padding: 23px 20px;font-size: 30px;height: 70px;line-height: 24px;width: 70px;}
.servicebox .lower-content {padding: 70px 30px 40px 30px;}
.tbottomiconlink {font-size: 17px;}
.tbottomlinks{font-size: 14px;}
.tbottomlinksactive{font-size: 14px;}
.tbottomhead {font-size: 17px;}
}
/*** XL starts ***/
@media only screen and (min-device-width:1200px) and (max-device-width:1399px){
#header { height: 125px;}
.twelcomesubhead{font-size:25px; line-height:35px;}
.tservicessubhead{font-size:25px; font-weight:500; line-height:35px;}
.tcontacticondeschead01 {font-size: 19px;line-height: 29px;}
}
/*** XL ends ***/
@media only screen and (min-device-width:1400px) and (max-device-width:1499px){
#header {height: 105px;}
nav.navbar.bootsnav ul.nav > li > a {padding-right: 34px;}
.carousel-content {bottom: 37%; padding: 40px;}
.carouselhead {font-size: 35px;line-height: 45px;}
.carouselsubhead {font-size: 35px;line-height: 45px;}
.twelcomesubhead{font-size:25px; line-height:35px;}
.tservicessubhead {font-size: 25px;line-height: 35px;}
.servicebox .lower-content {padding: 70px 30px 40px 30px;}
.tbottomiconlink {font-size: 20px;}
.tbottomhead {font-size: 20px;}
.profilearrowbg {right: 40px;}
.profilearrowbg02 {right: 40px;}
.policyarrowbg {display: none !important;}
.membersbg::after {width: 26%;}
}
@media only screen and (min-device-width:1500px) and (max-device-width:1599px){
#header { height: 117px;}
.servicesheadsec {padding-left: 480px;}
.profilearrowbg {right: 20px;}
.profilearrowbg02 {right: 20px;}
.policyarrowbg {display: none !important;}
.membersbg::after {width: 26%;}
}
@media only screen and (min-device-width:1600px) and (max-device-width:1699px){
.servicesheadsec {padding-left: 480px;}
.policyarrowbg {display: none !important;}
}
@media only screen and (min-device-width:1700px) and (max-device-width:1799px){
.policyarrowbg {display: none !important;}
}