/* You can add global styles to this file, and also import other style files */
*{margin:0; padding:0; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
*:after,*:before{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;display: initial;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; }
ol,ul { list-style:none;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
header,nav,section,article,aside,footer,hgroup,figure {display: block; }
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

/************Firefox*****************/
input[type=number] {-moz-appearance: textfield;}
button:focus, input:focus{outline: none;box-shadow: none!important;outline-color: transparent;outline-width: 0;}
h1,h2,h3,h4,h5,h6,p,ul,ol,figure{margin-bottom: 0;}
html, body{max-width: 100%;overflow-x: hidden;}
.modal-content{border: 0;}
.custom-control-input:focus~.custom-control-label::before{box-shadow: none;}
a, a:hover{text-decoration: none;outline: 0;outline-color: transparent;outline-width: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
button{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
body{font-size:16px;width: 100%!important;overflow-x: hidden;font-family:apice;font-weight: normal;font-style: normal;}
.form-group{position: relative;}
.wrapper{overflow: hidden;}
:root{
--black:#000000;
--red:#DC332E;
--white:#fff;
--orange:#593124;
--grey:#8D8D8D;
--poem:#FF6231;
--lightcream:#fefaf8;
--fw400: 400;
--fw500: 500;
--fw600: 600;
--fw700: 700; 
--fw700: 800; 
--fw700: 900; 
--bold:bold;
}

html {scroll-behavior: smooth;}
img{width: 100%;height: auto; padding: 0; margin: 0 ;}
#navbar_top{transition: position 3s linear !important ;}
#navbar_top.fixed-top {position: fixed; transition: all 1s ease;}
.fixed-top{transition: all 3s ease }
a:focus, a:hover {text-decoration: none;outline: 0;color: var(--white);}
h1{  font:normal 400 40px/56px 'Paytone One';  color: var(--orange);  }
h2 {font:normal 400 48px/56px 'Paytone One';color:var(--white)}
h3 {font :normal 400  20px/22px 'Paytone One' ;}
h4 {font:normal 400 14px/16px  'Poppins';}
h5{font:normal 700 20px/27px 'Nunito';color: var(--white);}
h6 {font:normal 400 24px/36px 'Poppins';color: var(--black)}
p{font:normal 400 16px/24px 'Poppins'; color: var(--black)}

.nav{position: relative;}
.headbg {content: '';top: 0;left: 0;background:#fff;width: auto;height: auto;background-repeat: repeat;z-index: 9999;left: 0%;right: 0;top: 0%;object-fit: cover;}
.navbar-brand img{height: 60px;float: left;width: auto;margin: auto;}
.nav-item a{padding: 7px 15px;margin: 0 15px;color: #222;}
#navbar_top .nav-item .nav-link {font: normal 500 14px/19px 'Poppins';color: var(--black);text-transform: capitalize;padding: 0px 10px 0px 10px;margin-right: 32px;position: relative;vertical-align: middle;margin: auto;}
/*#navbar_top .nav-item .nav-link:hover{background: url(img/nav-head.png) center 0px no-repeat;background-position: top -50px;background-repeat: no-repeat;color: #222222;} */
#navbar_top .nav-item .nav-link::after{position: absolute;content:'';background: var(--orange);border-radius: 20px;top: inherit;left: 0%;  bottom: -180%;    transform: matrix(1, 0, 0, -1, 0, 0);width: 0%; height: 2px;z-index: 99;}
#navbar_top .nav-item .nav-link.active:after{width: 100%;}
#navbar_top .social-media .nav-itemm .nav-link img{height: 24px ;width: 24px;aspect-ratio: 1;margin-bottom: 10px;margin-right: 16px;} 

/******css for the naiation of navbar********/
.fixed-top {position: fixed;top: 0;right: 0;left: 0;z-index: 1030;animation:fadeInDown 500ms linear 1;}
@keyframes fadeInDown{
0%{ opacity: 0;transform: translateY(-30px);}
100%{ opacity: 1;transform: translateY(0);}
}
.social-media .nav-item{padding-top: 5px;}
.social-media .nav-itemm{margin: 0 5px;}
.social-media .nav-itemm .nav-link{padding: 0 10px;}
/* .social-media .nav-itemm  a{border: 1px solid #0005;border-radius: 50%;padding: 0px;height: auto;width: 100%;transition: all .5s ease; } */
/* .social-media .nav-itemm .nav-link .fa{line-height: 30px;margin: auto 0;font-size: 15px;padding: 2px;color: #000;} */
/* .social-media .nav-itemm  a {border: 1px solid #0005;border-radius: 50%;padding: 0px;height: 45px;width: 100%;transition: all .5s ease;} */
/* .social-media .nav-itemm .nav-link .fa {line-height: 30px;text-align: center;margin: auto 0;font-size: 20px;padding: 5px;height: 65px;width: 26px;color: #000;} */
.social-media .nav-itemm  a {
  border: 1px solid #0005;
  border-radius: 50%;
  /* padding: 0px; */
  height: 35px;
  width: 35px;
  display: block;
  transition: all .5s ease;
}.social-media .nav-itemm .nav-link .fa {
  /* display: block; */
  line-height: 35px;
  text-align: center;
  /* margin: auto 0; */
  font-size: 16px;
  padding: 0px;
  /* height: 65px; */
  /* width: 26px; */
  color: #000;
}.nav-itemm.navv a{width: 100%;}


.social-media .nav-itemm a:hover,.social-media .nav-itemm a:focus{background: #b92525;}
.social-media .nav-itemm a:hover .fa{color: #fff !important;}
.social-media .navv .nav-link{border: none;color: #000;font: normal 500 14px/22px 'poppins';}
.social-media .navv .nav-link:hover,.social-media .navv .nav-link:focus{background: none;}
.amen-sec .nav-item a {padding: 7px 16px;margin: 0 10px;}
.about-section {padding: 120px 0 140px;}
.modal-content .form-group label , .form-group input::placeholder,select option,.modal-content select,.form-group select,
.form-horizontal textarea,
#eform .form-group label{ font:normal 500 14px/20px 'Poppins';color: #DDC5A9;}
button span{font: normal 700 20px/21px 'Nunito';color: var(--black); transition:all .5s linear;}
  
/***********************marque css********************/
#maindiv{overflow:hidden;background:var(--poem);width:100%}
#div1{font:normal 400 21px/30px 'Poppins';padding:10px;width:100%; animation:25s linear .3s infinite marquee;}
@keyframes marquee{from{transform:translateX(100%)}to{transform:translateX(-50%)}}
.blinking{animation:1.2s  linear infinite blinkingText}
@keyframes blinkingText{0%,100%,49%{color:#333}60%,99%{color:#ccc;}}

/* ***************banner overlapping section***************** */
.banner-section .slick-slide{position: relative;}
.banner-section .slick-slide img{margin:auto; /*max-width: 1414px;min-width: 1414px;max-height: 550px; min-height: 550px;*/height: 100%;width: 100%;}
.banner-section .slick-slide .banner-overlap{position: absolute;content: '';height: 100%;width: 100%;top: 0px;left: 0px;right: 0;}
/* .banner-section .slick-slide .banner-overlap .fix-banner-fonts{position: absolute;bottom: 10%;left: 8%; } */

.banner-section .slick-slide .banner-overlap .fix-banner-fonts::after{position: relative;height: 100%;width: 100%;max-width: 1140px;margin: auto; }
.banner-section .slick-slide .banner-overlap .fix-banner-fonts::before{position: relative;height: 100%;width: 100%;max-width: 1140px;margin: auto; }
.banner-section .slick-slide .banner-overlap .fix-banner-fonts {position: absolute;top: 28%;left: 200px;max-width: 350px;transform: translate(-50%, -50%);}


.fix-banner-fonts h1{color: #FFF;font:normal 700 96px/100% 'Poppins';text-transform: uppercase;display: block;}
.fix-banner-fonts h1 span:first-child{color: #FFF;font:normal 700 40px/100% 'Poppins';text-transform: uppercase;display: block;}
.fix-banner-fonts h1 span:not(:first-child){margin-top: 10px; color: #FFF;font:normal 500 40px/82.7%  'Poppins';text-transform: uppercase;display: block;}
.sliding-img li > img{height: 70px;width: 100%; filter: brightness(1) saturate(0%);}
.sliding-img li > img:hover,
.sliding-img li > img:active,
.sliding-img li > img:focus,
.sliding-img li.slick-current > img{filter: brightness(1) saturate(100%);}

.sliding-img .slick-prev::before, .sliding-img .slick-next::before {background: var(--red);border: none;border-radius: 20%;padding: 4px;line-height: 10px;}
.slide-img{background: #F8F8F8;padding:20px 0;}
.nav-nav .nav-item .nav-link{ font: normal 400 20px/28px 'Paytone One';  color: var(--black)}
.nav-nav{max-width: 695px;width: 100%;margin:24px  auto 60px;border: 1px solid var(--orange);border-radius: 32px;margin-bottom: 60px;display: flex;flex-direction: row;flex-wrap: nowrap;flex-grow: 1;justify-content: center;text-align: center;align-items: center;align-content: center;}
.nav-nav .nav-item{position: relative;margin-bottom: 8px;}
.nav-nav .nav-item .nav-link::before{ content: '';position: absolute;width: 0%;top:100%;left: 0;height: 8px;background:var(--orange);}
.nav-nav .nav-item .nav-link.active:before{width: 65%;transform: translateX(24px);}
.nav-pad{padding:60px 0 120px;}
.floor-pad{padding:80px 0}


/**************** css for aboutus ********************/ 
.heading-title {margin-left: 50px;}
.heading-title h1{position: relative; color: #000;font:normal 700 40px/82.7%  'Poppins';letter-spacing: 7.2px;text-transform: uppercase; transform: translateX(50px);}
.heading-title h1 span{display: block; color: var(--red);font:normal 700 40px/73.7% 'Poppins';  letter-spacing: 7.2px;text-transform: uppercase;}
.heading-title h1::after{position: absolute;content: '';background: url(./img/export/red.svg) no-repeat center;height:88px ;width: 98px; transform: translate(-50%,-50%);left:-40px;top: 50%;}
.heading-title h1::before{position: absolute;content: '';background: url(./img/export/white.svg) no-repeat center;height:88px ;width: 98px; transform: translate(-50%,-50%);left:-60px;top: 50%;}
.para{min-width: 758px;min-height: 168px;}
.para p span {color: #000;font:normal 700 16px/36px 'Poppins';text-transform: uppercase;}
.para p{color: #000;font:normal 300 16px/26px 'Poppins';text-transform: capitalize;}
.para p:first-child{margin-bottom: 30px;}
.para{padding: 46px 0 58px;}

/*****************/
.img-holder{position: relative;}
.since{position: relative;display: flex;justify-content: space-around;margin-left: 35px; }
.img-holder img:nth-child(2){position: absolute;width: 220px;height: 174px; top: inherit;bottom: -50%;left: 50%;right: inherit;transform: translate(-50%,-50%); }
.disflex{border-radius: 19px;border: 1px solid #C1C1C1;background: #FFF;padding:20px  }
.since div{position: absolute;top: 20px;left: -30px;z-index: -1;}
.since div{padding: 9px 20px; width: 15%; background: var(--red);border: none;border-radius: 19px; color: #FFF;font:normal 700 20px/82.7% 'Poppins';letter-spacing: 3.6px;text-transform: uppercase;}
.since div span{display: block; color: #FFF;font:normal 700 32px/36px 'Poppins';letter-spacing: -0.4px;text-transform: uppercase;}
.since .disflex{ width: 85%;display: flex;gap: 2px;justify-content:space-between ;}
.disflex li span{ margin-right: 10px;float: left; color: #000;text-align: center;font:normal 800 32px/97.2% 'Poppins';letter-spacing: 1.6px;  text-transform: uppercase;}
.disflex li{vertical-align: middle; min-width: 109.409px;color: #585858;  font:normal 500 13px/97.2% 'Poppins';letter-spacing: 0.65px;text-transform: uppercase;}

/********css for the what we do section*********/ 
.whatwedosect{padding: 100px 0 80px;}
.wedomarge {margin-bottom: 100px;}
/* .whatwedo-img{ padding: 0 85px; display: flex;justify-content: space-around;gap: 150px;flex-wrap: wrap;margin: auto;} */
.whatwedo-img { padding: 0 0px;display: flex;justify-content: space-around;gap: 30px 90px;flex-wrap: wrap;margin: auto;}
.whatwedo-img p{max-width: 206px;width: 100%;margin: auto; color: #080808;text-align: center;font:normal 500 16px/110.2% 'Poppins';letter-spacing: 2.88px;text-transform: uppercase;visibility: hidden;opacity: 0;}

.whatwedo-img li{position: relative;}
.whatwedo-img li::after {position: absolute;/*content: '';*/background: url(./img/export/cloud.svg) no-repeat;height: 25px;width: 58px;transform: translate(-50%,-50%);top: 15%;left: 10%;animation: move-x 15s linear  infinite alternate;z-index: -1;}
.whatwedo-img li::before {position: absolute;/*content: '';*/background: url(./img/export/cccloud.svg) no-repeat;height: 38px;width: 74px;transform: translate(-50%,-50%);top: 10%;right: 10%;animation: move-y 15s linear  infinite alternate;z-index: -1;}
.whatwedo-img li img{z-index: 99;max-width: 220px;}


/* .whatwedo-img li span{position: absolute;top:20%;left: 30%;transform: translate(-50%,-50%);opacity: 0;visibility: hidden;transition: opacity .8s ease; font-size: 20px;color:#eee ; } */

.whatwedo-img li{transition: all .5s ease;padding: 15px 6px 20px;outline: none;border: 1px solid #3330; }
.whatwedo-img li:hover{border: 1px solid #3335;border-radius: 20px;padding: 15px 6px 20px;background: #eee5;outline: none; cursor:pointer;}
/* .whatwedo-img li:hover span {transform: scale(1.5);opacity: 1;visibility: visible;border: 1px solid #3331;background: #3338;border-radius: 40%;padding: 14px;height: 50px;width: 50px;margin: auto;text-align: center;left: 40%;z-index: 9999;} */
/* .whatwedo-img li:hover span {transform: scale(1.5);opacity: 1;visibility: visible;border: 1px solid #3331;background: #3333;border-radius: 10px;padding: 14px;height: 100px;width: 100px;margin: auto;text-align: center;left: 33%;z-index: 9999;} */


@-webkit-keyframes move-x{
  0% {
     top: 20%;
     left: 0%;
     }
  33% {
     top: 20%;
     left: 5%;
     }
  66% {
     top: 20%;
     left: 5%;
     }
   100% {
     top: 20%;
     left: 0%;
     }
 }
@-webkit-keyframes move-y{
  0% {
     top: 20%;
     right: 0%;
     }
  33% {
     top: 20%;
     right: 25%;
     }
  66% {
     top: 20%;
     right: 25%;
     }
   100% {
     top: 20%;
     right: 0%;
     }
 }




/**************css for the projects slider section****************/
.construction-projects{padding: 100px 0 82px } 
.jcb-sec p{vertical-align: middle; display: inline; max-width: 400px; color: #000;font:normal 300 16px/16.592px 'Poppins';letter-spacing: 0.64px; text-transform: uppercase;}
.jcb-sec img{width: 74.382px;height: 68.191px;float: left; margin-right: 10px;}
.projects-slider{padding: 80px 0 50px;}
.projects-slider li{position: relative};


/* .projects-slider div{position: absolute;content: ''; width: 100%; height: 100%;top: 0;left: 0; } */
.projects-slider .slick-prev, .projects-slider .slick-next {position: relative; z-index: 999;}  
/* .projects-slider button.slick-prev, .projects-slider button.slick-next {position: relative;} */
.slick-prev.slick-arrow{z-index: 9;}
.projects-slider .slick-next::before {content: '';background: url(./img/export/rightarr.svg) no-repeat;position: absolute;height: 30px;width: 10px;top: 50%;left: -120%;transform: translate(-50%, -50%);background-position: center;z-index: 99;background-size: contain;}
.projects-slider .slick-prev::before {content: '';background: url(./img/export/leftarr.svg) no-repeat;position: absolute;height: 30px;width: 10px;top: 50%;left: 200%;transform: translate(-50%, -50%);background-position: center;z-index: 99;background-size: contain;}
.projects-slider .slick-next::after {content: '';background: var(--red);position: absolute;height: 40px;width: 35px;top: 50%;left: -120%;transform: translate(-50%, -50%);background-position: center;border-radius: 24% 0 0 24%;}
.projects-slider .slick-prev::after {content: '';background: var(--red);position: absolute;height: 40px;width: 35px;top: 50%;left: 210%;transform: translate(-50%, -50%);background-position: center;border-radius: 0% 24% 24% 0;}
/* .projects-slider .slick-prev::after {content: '';position: absolute;background: var(--red);height: 40px; width: 30px;top: 50%;left: 170%;transform: translate(-50%, -50%);background-position: center; }
.projects-slider .slick-prev::before {content: '';background: url(./img/export/leftarr.svg) no-repeat var(--red); position: absolute;height: 40px; width: 30px;top: 50%;left: 170%;transform: translate(-50%, -50%);background-position: center;} */
.projects-slider li img{min-height: 400px; max-height: 400px;margin: auto 0;object-fit: cover;object-position: center} ;


.details{border-radius: 10px;padding: 35px 45px;background: #F2F2F2;}
.details h5{color: #000;font:normal 900 20px/20.74px  'Poppins';letter-spacing: 1px;text-transform: uppercase;}
.details p{padding:20px 0; color: #000;font:normal 400 16px/16.592px 'Poppins';letter-spacing: 0.8px;text-transform: uppercase;}
.construction-projects .client-container{border-radius: 10px;background: #323232;padding: 25px}
.client-container h5 span{color: var(--white);font:normal  900 20px20.74px 'Poppins';letter-spacing: 1px;text-transform: uppercase;}
.client-container h5 {margin-left: 15px; position: relative; color: #FFF;font:normal 400 16px/16px 'Poppins';letter-spacing: 0.8px;text-transform: uppercase;}
.client-container h5::after{position: absolute;content: ''; background: url(./img/export/client-root.svg) no-repeat center;height: 100%;width: 100%;top: 160%;left: 20%;transform: translate(-50%,-50%);}
.client-container h2 {margin-top: 32px;color: #FFF;font: normal 700 40px/60px 'Poppins';letter-spacing: 2px;text-transform: uppercase;display: flex;justify-content: space-around;max-width: 260px;}
.client-container h2 span{display: inline-block; border-radius: 6px;padding: 10px; background: #FFF; color: #323232;font:normal 900 20px/20.74px  'Poppins';letter-spacing: 1px;text-transform: uppercase;}
.client-container h2 .br {display: table-footer-group;}

.overloaptxt {position: relative;}
.overloaptxt::after{max-width: 424px;position: absolute;content: ''; width: 100%; height: 100%;top: 0;left: 0; }
.overloaptxt p {color: #FFF;font: normal 900 20px/20.74px'Poppins';letter-spacing: 1px;text-transform: uppercase;top: inherit;left: 60px;position: absolute;bottom: 60px;background: #000;max-width: 390px;padding-left: 20px;}
.overloaptxt p::after {position: absolute;content: '';background: var(--red);height: 42px;width: 20px;top: 0%;left: -10px;bottom: 0;}
.projects-btn{margin-top: 44px; border-radius: 6px;border: none;color: var(--white);text-align: center;font:normal 700 15px/13.95px 'Poppins';text-transform: capitalize;background: var(--red); padding:16px 40px;;}
.projects-btn:hover,.projects-btn:focus,.projects-btn:active{outline: none ;border: none;box-shadow: none;}

/********css for the since section*******/
.science li {display: flex; vertical-align: middle;max-width: 220px;color: #585858;font: normal 500 13px/97.2% 'Poppins';letter-spacing: 0.65px;text-transform: uppercase;}
.since .science {width: 85%;display: flex;gap: 2px;justify-content: space-between;}
.since .science{border-radius: 19px;border: 1px solid #C1C1C1;background: #FFF;padding: 20px;}
.since.socail {position: relative;display: flex;justify-content: space-around;margin-left: 35px;}
.science li span:first-child{margin-right: 10px;float: left;color: #000;text-align: center;font: normal 800 32px/97.2% 'Poppins';letter-spacing: 1.6px;text-transform: uppercase;}
.science li span:nth-child(2) {vertical-align: middle;min-width: 109.409px;color: #585858;font: normal 500 13px/97.2% 'Poppins';letter-spacing: 0.65px;text-transform: uppercase;}
/* .projects-slider .slick-slide img{min-height: 797px;} */

/******css for the leadership section*****/
.leadership-section{position: relative;padding: 80px 0;background: #F1F1F1;}
.leadership-slider{position: relative;}.leaders-para{text-align: center;}
.leaders-para p{margin: auto; padding: 70px 0 80px; max-width: 647px;color: #000;font:normal 700 15px/18px 'Poppins';letter-spacing: -0.15px;}
.leadership-slider li div{padding:10px 60px;position: relative;}
.leadership-slider .txt-overlap{text-align: center;}
.leadership-slider .txt-overlap .fa{color: var(--black); }
.leadership-slider .txt-overlap h3{color:var(--black);font:normal 700 15px/18px 'Poppins';letter-spacing: -0.15px;text-transform: capitalize;}
.leadership-slider .txt-overlap p{margin: 5px 12px; color: var(--black);font:normal 300 12px/14.4px 'Poppins';letter-spacing: -0.12px; }
.leadership-slider .footer-social-media{margin-top: 15px; gap: 10px;}
.leadership-slider .footer-social-media li a {border: 1px solid #3335; height:35px ;width: 38px;display: block;}
.leadership-slider .slick-prev::before, .leadership-slider .slick-next::before {background: var(--red);border: none;border-radius: 20%;padding: 4px;line-height: 10px;}

/**********css for the Gallerys section*************/
.galleryimg{display: flex;gap: 10px; justify-content: space-evenly;flex-wrap: wrap;}
.galleryimg{margin: 80px 0 40px;}
.galleryimg li {width: 50%;}
.galleryimg li {flex: 1 0 0px;}
.galleryimg {	display: flex;gap: 10px;justify-content: center;	flex-direction: row;}
.galleryimg li img{ min-height: 150px;}
.galleryimg li p{margin-top: 10px;text-align: center;}


/***********css for the contact us section*****/
/* .contactus-section{padding: 80px 0;} */
.getintouch {padding-top: 80px;}
.getintouch h4 {color: #1B1C1E;font:normal 600 28px/32px 'Poppins';letter-spacing: 5.32px;margin-bottom: 20px}
.getintouch p{color: #1B1C1E;font:normal 400 14px/24px "Poppins";letter-spacing: -0.028px;margin-bottom: 40px;max-width: 325px; } 
.getintouch ul li a .fa{color: var(--red);margin-right:15px; }
.getintouch ul li a{color: #1B1C1E;font:normal 500 18px/24px 'Poppins' ;letter-spacing: -0.036px; transition: .5s all ease;}
.getintouch ul li{margin-bottom: 40px; transition: .5s all ease; }
.getintouch ul li:hover a{ padding-left: 5px;color: #0a0a0a;; }
.getintouch ul li:hover a .fa{color: #e66c1b }
  
.saysomething {margin-right: auto; padding: 25px 55px 72px;max-width: 575px;border: 0px solid #fff;position: relative;top: 10%;background: #fff;}
.saysomething h4{color: #1B1C1E;font:normal 600 24px/36px 'Poppins';letter-spacing: 4.56px;text-transform: uppercase;  margin-bottom: 20px;}
.saysomething .form-control{margin-bottom: 20px;}
.saysomething textarea{margin-bottom: 35px;}
.saysomething .send-btn{width:100%; border: none;color: #FFF;outline: none;background:var(--red);font: normal 500 18px/24px 'poppins';text-transform: uppercase;} 



/***********css for the footer section************/
.footer-section{background: #000;padding: 42px 0 ;}
.footer-disflex{display: flex;justify-content: space-between;gap: 10px; flex-direction: row;vertical-align: middle;padding: 25px; }
.footer-social-media{display: flex;justify-content: center;flex-direction: row;gap: 2px;}
.company, .copy a{color: #FFF;font:normal 400 14px/24px 'Poppins';letter-spacing: -0.028px;}
.footer-about{padding: 28px;}
.footer-about h5{color: #FFF;font:normal 500 18px/24px 'Poppins';letter-spacing: -0.036px;margin-bottom: 10px;}
.footer-about ul {display: flex;justify-content: space-around; flex-wrap: wrap;}
.footer-about ul li{flex: 50%;}
.footer-about ul li {transition: all .3s ease;}
.footer-about ul li a{color: #808080;font:normal 400 14px/24px 'Poppins';letter-spacing: -0.028px; transition: .5s all ease;}
.footer-about ul li:hover{padding-left: 2px; color: #c0b6b6;}
.footer-social-media li a{color: #fff;border: 1px solid #eee;padding: 8px;border-radius: 50%;vertical-align: middle;line-height:5px;text-align: center; margin: 5px;transition: .5s all ease;height: 35px;width: 35px;display: block; }
.footer-social-media  .fa-brands{font-weight: 400;/*height: 20px;width: 20px;*/text-align: center; transition: .3s all ease;}
.footer-social-media li a:hover, .footer-social-media li a:focus {background:var(--red) ;color: var(--white)!important;}
.footer-social-media li a:hover .fa-brands{transform: scale(1.1);}

/**************about us page *******************/
/********for heading h1*****************/
.aboutus-section{padding:60px 0 30px}
.head h1{color: #000;font:normal 700 36px/150% 'Poppins';text-transform: capitalize;padding:40px 0 20px}
ul.about-points li{color: #000;font:normal 300 16px/150% 'Poppins';text-transform: capitalize;margin-bottom: 16px;}
ul.about-points li b{color: #000;font:normal 700 16px/100% 'Poppins';text-transform: capitalize;}
.aboutus-chairman-section{background:#f8f8f8;padding:30px 0px}
.slide-img-section {padding:20px 0px}
.slide-img-section .slide-img {background: #FFF; padding-bottom:60px}
.chairman-holder{padding: 0 20px 0 0;}

.dist {background: #E04D48; border-radius: 19px;padding: 10px 22px;position: relative;left: 20px;top:5px}
.dist {color: #FFF;font:normal 700 20px/82.7% 'Poppins';letter-spacing: 3.6px;text-transform: uppercase;display: inline-grid;transform: translate(-50%, -50%);left: 120px;top: 33px;min-width: 162px;}
.dist span{color: #FFF; font:normal 700 36px/82.7% 'Poppins'; letter-spacing: -0.4px;text-transform: uppercase;}
.count-point{padding-top: 60px; display: inline-flex;}
.count-point ul {display: inline flow-root list-item;vertical-align: text-top;position: relative;padding: 10px;}
/* .count-point ul{display: flex;justify-content: space-between;align-items: center;} */
.points{border-radius: 19px;border: 1px solid #C1C1C1;background: #FFF;}
.points > * {text-align: right; color: #000;text-align: center;font: normal 800 32px/32px 'Poppins';letter-spacing: 1.6px;text-transform: uppercase;max-width: 180px;display: inline-flex;margin: 0 20px;justify-content: space-between;align-items: center;}
/* .points li{color: #000;text-align: center;font:normal 800 32px/32px 'Poppins';letter-spacing: 1.6px;text-transform: uppercase;} */
.points li span{color: #585858;font:normal 500 13px/97.2% 'Poppins';letter-spacing: 0.65px;text-transform: uppercase;display: inline-flex;margin-left: 10px;text-align: left; }

/************css for the table of aboutus page*************/
.tableofprojects .table thead tr>th{background:#585858 ; color: #FFF;text-align: center;font:normal 500 12px/150% 'Poppins';letter-spacing: -0.72px;text-transform: capitalize;}
.tableofprojects .table tbody tr>*{color: #000;font:normal 400 12px/150% 'Poppins';text-align: center; }
.tableofprojects .table tbody tr:last-child>*{color: #000;text-align: center;font:normal 700 12px/150% 'Poppins'; background: #F0F0F0;;}
.padtopp{padding-top: 70px;padding-bottom: 30px;}


/**************css for the roads and bridges************/
.aboutusbanner{position: relative; margin: auto;}
.aboutusbanner .overlayblur{position: absolute;content: '';height: 100%;width: 100%;top: 0;left: 0;bottom: 0;backdrop-filter: blur(3px);clip-path: polygon(50% 100%, 100% 75%, 100% 0, 0 0, 0 75%); }
.aboutusbanner .overlayblur .font-center{position: absolute; max-width: 356px; width: 100%; margin: auto;transform: translate(-50%,-50%);left:50%;top:50%;}
.aboutusbanner .overlayblur .font-center h1{color: #FFF;text-align: center;font:normal 800 48px/89.7% "Poppins";letter-spacing: -1.92px;text-transform: uppercase;}
.aboutusbanner .overlayblur .font-center h1 span{ display: inline-block; color: #FFF;font:normal 500 48px/89.7%'Poppins';letter-spacing: -1.92px;text-transform: uppercase;}

/*********main section************/
.main-section .line .text-container{padding:26px}
.main-section .line{border-radius: 15px;border: 1px solid #EEE;margin: 16px 0; }
.main-section .line .text-container .num{border-radius: 5px;background: #DC332E;display: inline-block;padding: 5px 14px;}
.main-section .line .text-container .num span{color: #FFF;font:normal  800 20px/107.2% 'Poppins';letter-spacing: 2px;text-transform: uppercase;}
.main-section .line .text-container .text h1{min-height: 130px; padding: 20px 0 20px; color: #000;font:normal 800 22px/107.2% 'Poppins';letter-spacing: 3.2px;text-transform: uppercase;}
.main-section .line .text-container .text h5{padding-bottom: 10px; color: #000;font:normal 800 15px/107.2% 'Poppins';letter-spacing: 1.5px;text-transform: uppercase;}
.main-section .line .text-container .text p{padding: 5px 0 40px; color: #000;font:normal 500  14px/125.2% 'Poppins';letter-spacing: -0.07px;}
.main-section .line .text-container .text-footer {display: flex;flex-direction: row;justify-content: space-between; align-items: center;}
.main-section .line .text-container .text-footer div:first-child h6{color: #000;font:normal 700 12px/107.2% 'Poppins';letter-spacing: 1.2px;text-transform: uppercase; }
.main-section .line .text-container .text-footer div:first-child h6 span{display: block; color: #000;font:normal 300 12px/107.2% Poppins;letter-spacing: 1.2px;text-transform: uppercase;}
.main-section .line .text-container .text-footer div:last-child h6{text-transform: uppercase; padding: 10px 5px 10px 0px; border-radius: 8px;border: 1px solid #C5C5C5; background: #E3E3E3; color: #272727;font:normal 700 14px/125.2% 'Poppins';letter-spacing: -0.07px;}
.main-section .line .text-container .text-footer div:last-child h6 span{padding: 10px;margin-right: 10px; text-transform: uppercase; border-radius: 8px;background: #434343; color: #FFF;font:normal 700 14px/125.2% 'Poppins';letter-spacing: -0.07px;}
.text-container-pad{padding:40px 0 20px;}
.main-slider .slick-dots {bottom: -35px;}
/* .main-slider .slick-dots {bottom: 25px;} */
/* .main-slider .slick-dots li button { color: #fff;}
.main-slider .slick-dots li button::before {color: #fff}; */

/* .main-slider .slick-prev, .main-slider .slick-next {position: relative; z-index: 999;}   */
.main-slider .slick-next::before {content: '';background: url(./img/export/rightarr.svg) no-repeat;position: absolute;height: 30px;width: 10px;top: 50%;left: -120%;transform: translate(-50%, -50%);background-position: center;z-index: 99;background-size: contain;}
.main-slider .slick-prev::before {content: '';background: url(./img/export/leftarr.svg) no-repeat;position: absolute;height: 30px;width: 10px;top: 50%;left: 200%;transform: translate(-50%, -50%);background-position: center;z-index: 99;background-size: contain;}
.main-slider .slick-next::after {content: '';background: var(--red);position: absolute;height: 40px;width: 35px;top: 50%;left: -120%;transform: translate(-50%, -50%);background-position: center;border-radius: 24% 0 0 24%;}
.main-slider .slick-prev::after {content: '';background: var(--red);position: absolute;height: 40px;width: 35px;top: 50%;left: 210%;transform: translate(-50%, -50%);background-position: center;border-radius: 0% 24% 24% 0;}

/*******css for the career page******/
.form-horizontal{max-width: 100%;width: 50%;margin: auto;padding: 30px 25px; border: 1px solid #333; border-radius: 20px;

    max-width: 100%;
    width: 50%;
    margin: auto;
    padding: 30px 25px;
    /* border: 5px solid linear-gradient(90deg, rgba(199,198,214,1) 11%, rgba(205,27,69,1) 48%, rgba(0,212,255,1) 100%); */
    border-radius: 20px;
    backgrdfsfound: radial-gradient(circle at 100% 100%, #f5f5f5 0, #f5f5f5 5px, transparent 5px) 0% 0%/8px 8px no-repeat, radial-gradient(circle at 0 100%, #f5f5f5 0, #f5f5f5 5px, transparent 5px) 100% 0%/8px 8px no-repeat, radial-gradient(circle at 100% 0, #f5f5f5 0, #f5f5f5 5px, transparent 5px) 0% 100%/8px 8px no-repeat, radial-gradient(circle at 0 0, #f5f5f5 0, #f5f5f5 5px, transparent 5px) 100% 100%/8px 8px no-repeat, linear-gradient(#f5f5f5, #f5f5f5) 50% 50%/calc(100% - 6px) calc(100% - 16px) no-repeat, linear-gradient(#f5f5f5, #f5f5f5) 50% 50%/calc(100% - 16px) calc(100% - 6px) no-repeat, conic-gradient(from 99deg, #ce3a3a 0%, rgba(238,244,81,0.71) 49%, #eef451 100%);
    border-radius: 10px;
    /* padding: 7px; */
    /* box-sizing: border-box; */
  }
   .carrer-section{padding: 60px 0;}



  
.form-horizontal legend {color: #1B1C1E;font: normal 600 24px/36px 'Poppins';letter-spacing: 4.56px;text-transform: uppercase;	margin-bottom: 20px;}
.form-horizontal .form-group label {padding: 20px 0 0;color: #000;	font: normal 400 16px/16.592px 'Poppins';	letter-spacing: 0.8px;text-transform: capitalize;}
.form-horizontal .form-group span{font: normal 400 14px/24px 'Poppins';letter-spacing: -0.028px;color: #d51414d6;}
.form-horizonta .form-group .career-btn{width: 100%;border: none;color: #FFF;outline: none;background: var(--red);font: normal 500 18px/24px 'poppins';text-transform: uppercase;}
.form-horizonta input:focus,
.form-horizonta input:hover,
.form-horizonta input:active{border: none !important; outline: none !important; box-shadow: none!important;}
.form-horizonta input {margin: 5px 0;}
.career-btn{ 
	width: 100%;
	border: none;
	color: #FFF;
	outline: none;
	background: var(--red);
	font: normal 500 18px/24px 'poppins';
	text-transform: uppercase;
}
.btn:hover {background: linear-gradient(to left, #F4933A , #9B4F4F 132.35%)right;background-size: 200%;transition: 0.5s ease-out; transition: all .3s ease;}