*,::before,::after{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
@font-face {
    font-family: "Poppins";
    src: url(../fonts/Poppins/Poppins-Thin.ttf);
    font-weight: 100;
}
@font-face {
    font-family: "Poppins";
    src: url(../fonts/Poppins/Poppins-ExtraLight.ttf);
    font-weight: 200;
}
@font-face {
    font-family: "Poppins";
    src: url(../fonts/Poppins/Poppins-Light.ttf);
    font-weight: 300;
}
@font-face {
    font-family: "Poppins";
    src: url(../fonts/Poppins/Poppins-Regular.ttf);
    font-weight: 400;
}
@font-face {
    font-family: "Poppins";
    src: url(../fonts/Poppins/Poppins-Medium.ttf);
    font-weight: 500;
}
@font-face {
    font-family: "Poppins";
    src: url(../fonts/Poppins/Poppins-SemiBold.ttf);
    font-weight: 600;
}
@font-face {
    font-family: "Poppins";
    src: url(../fonts/Poppins/Poppins-Bold.ttf);
    font-weight: 700;
}
@font-face {
    font-family: "Poppins";
    src: url(../fonts/Poppins/Poppins-ExtraBold.ttf);
    font-weight: 800;
}
@font-face {
    font-family: "Poppins";
    src: url(../fonts/Poppins/Poppins-Black.ttf);
    font-weight: 900;
}
@font-face {
    font-family: "Playfair_Display";
    src: url(../fonts/Playfair_Display/PlayfairDisplay-Medium.ttf);
    font-weight: 400;
}
@font-face {
    font-family: "Playfair_Display";
    src: url(../fonts/Playfair_Display/PlayfairDisplay-Medium.ttf);
    font-weight: 500;
}
@font-face {
    font-family: "Playfair_Display";
    src: url(../fonts/Playfair_Display/PlayfairDisplay-SemiBold.ttf);
    font-weight: 600;
}
@font-face {
    font-family: "Playfair_Display";
    src: url(../fonts/Playfair_Display/PlayfairDisplay-Bold.ttf);
    font-weight: 700;
}
@font-face {
    font-family: "Playfair_Display";
    src: url(../fonts/Playfair_Display/PlayfairDisplay-ExtraBold.ttf);
    font-weight: 800;
}
@font-face {
    font-family: "Playfair_Display";
    src: url(../fonts/Playfair_Display/PlayfairDisplay-Black.ttf);
    font-weight: 900;
}
body {
    font-family: var(--bodyFont);
    font-size: 16px;
}
:root{
    --primaryColor:#008037;
    --whiteColor: #ffff;
    --themeColor:#3f48cc;
    --headingColor: #052543;
    --bodyFont: "Poppins"; 
    --headingFont: "Playfair_Display";
    --iconFont: "Font Awesome 5 Free"; 
}
.contentTitle h2{
    font-weight: 700;
    font-size: 43px;
    line-height: 56px;
    text-transform: capitalize;
    color: var(--headingColor);
    margin-bottom: 15px;
}
.contentTitle h3{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 2px;
    color: #434343;
    margin-bottom: 5px;
}
.contentTitle span{
    color: var(--primaryColor);
    font-family: var(--headingFont);
    font-style: italic;
    font-weight: 600;
}
/* .container {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
} */
h1,h2,h3,h4,h5{
    color: var(--headingColor);
}
h2{
    font-size: 36px;
    font-weight: 700;
}
h3{
    font-size: 20px;
    font-weight: 700;
}
h4{
    font-size: 18px;
    font-weight: 400;
    color: var(--themeColor);
    line-height: 30px;
}
h5{
    font-size: 16px;
    font-weight: 700;
}
header,section,.headerBottom,footer,.footerTop,.footerBottom{
    width: 100%;
    float: left;
}
p{
    font-size: 15px;
    color: #8592a6;
    font-weight: 500;
}
a{
    display: inline-block;
    text-decoration: none;
    color: var(--whiteColor);
    font-weight: 600;
    font-size: 15px;
}
ul.contentlist li{
    position: relative;
    padding: 5px 0 5px 25px;
    line-height: 30px;
    color: #8592a6;
    font-size: 15px;
    font-weight: 500;
}
ul.contentlist li:hover{
    color: var(--primaryColor);
}
ul.contentlist li::before{
    position: absolute;
    content: "\f30b";
    top: 6px;
    left: 0;
    font-family: var(--iconFont);
    font-size: 12px;
    font-weight: 900;
    color: var(--primaryColor);
}

 a.primaryBtn{
    border: 2px solid var(--primaryColor);
    padding: 10px 30px;
    color: var(--primaryColor);
    transition: .4s ease;
    display: inline-block;
}
 a.primaryBtn i{
    margin-left: 10px;
}
 a.primaryBtn:hover{
    background-color: var(--primaryColor);
    color: var(--whiteColor);
    border: 2px solid var(--primaryColor);
}

a.primaryBtn2{
    border: 2px solid var(--primaryColor);
    background-color: var(--primaryColor);
    padding: 10px 30px;
    color: var(--whiteColor);
    transition: .4s ease;
    display: inline-block;
}
 a.primaryBtn2 i{
    margin-left: 10px;
}
 a.primaryBtn2:hover{
    background-color: var(--whiteColor);
    color: var(--whiteColor);
    border: 2px solid var(--whiteColor);
}




.object-cover{
    object-fit: cover;
    object-position: center;
}
ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

section {
    padding: 90px 0;
}
header#header .header_topbar ul.socialLinks {
    display: flex;
    gap: 15px;
    justify-content: flex-end;
    margin: 0;
    list-style: none;
    padding: 0;
}
header#header .header_topbar {
    width: 100%;
    float: left;
    background-color: #f1f4f9;
    padding: 11px 0;
}
header#header {
    width: 100%;
    float: left;
    z-index: 99;
}
header#header .header_midbar .header_infobox {
    width: 100%;
    float: right;
}
header#header .header_midbar .header_infobox ul {
    float: right;
}
header#header .header_midbar .header_infobox ul li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: solid 1px rgba(0, 0, 0, 0.06);
    padding: 0 20px;
}
header#header .header_midbar .header_infobox ul li i {
    font-size: 22px;
    color: var(--whiteColor);
    float: left;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background-color: var(--primaryColor);
}
header#header .header_midbar .header_infobox ul li p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    padding-left: 20px;
    font-weight: 600;
    color: #00305b;
}
header#header .header_midbar .header_infobox ul li p span {
    display: block;
    color:#8592a6;
    font-size: 14px;
    font-weight: 400;
}
header#header .header_midbar .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
header#header .header_midbar .header_logo img{
    height: 50px;
}
header#header .header_midbar .headerSpace{
    padding: 25px 0;
}
header#header .header_midbar .header_infobox ul li:last-child {
    border: none;
}
header#header .header_bottom {
    width: 100%;
    float: left;
}
header#header .header_bottom .container nav.navbar {
    padding: 0;
    z-index: 99999;
}
header#header .header_bottom .container nav.navbar .collapse ul.navbar-nav {
    width: 100%;
    align-items: center;
    gap: 15px;
}
header#header .header_bottom .container nav.navbar .collapse ul.navbar-nav li a {
    color: var(--headingColor);
    font-size: 13px;
    font-weight: 600;
}
header#header .header_bottom .container {
    background-color: #f1f4f9;
    clear: both;
    padding: 0;
    z-index: 9999;
    margin-bottom: -30px;
    position: relative;
    padding-left: 20px;
}
header#header .header_bottom .container nav.navbar .collapse ul.navbar-nav li a.topBtn {
    font-weight: 600;
    display: inline-block;
}
header#header .header_midbar .header_infobox ul li a{
    font-size: 14px;
    color: #8592a6;
    font-weight: 400;
}
header#header .header_topbar .top_socialbar span{
    color: var(--whiteColor);
    font-size: 14px;
}
header#header .header_bottom .container nav.navbar .collapse ul.navbar-nav li.rightBox{
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: var(--primaryColor);
    padding: 5px 30px 5px 15px;
}
header#header .header_bottom .container nav.navbar .collapse ul.navbar-nav li.rightBox i{
    color: var(--whiteColor);
    font-size: 22px;
}
header#header .header_bottom .container nav.navbar .collapse ul.navbar-nav li.rightBox span{
    display: block; 
    color: var(--whiteColor);
}
header#header .header_bottom .container nav.navbar .collapse ul.navbar-nav li.rightBox p{
    color: var(--whiteColor);
}
section.mainBanner {
    height: 100vh;
}
section.mainBanner .carousel, section.mainBanner .carousel-inner, section.mainBanner .carousel-item, section.mainBanner .carousel-item img {
    height: 100%;
}
section.mainBanner .bannerInnerWrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / 50%);
}
section.mainBanner .bannerInnerWrap .contentWrap{
    padding: 40px;
   position: relative;
}
section.mainBanner .bannerInnerWrap .contentWrap::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
    width: 100px;
    border-left: 8px solid var(--whiteColor);
    border-top: 8px solid var(--whiteColor);
}
section.mainBanner .bannerInnerWrap .contentWrap::before{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100px;
    width: 100px;
    border-right: 8px solid var(--whiteColor);
    border-bottom: 8px solid var(--whiteColor);
}

section.mainBanner .bannerInnerWrap .contentWrap h1{
    color: var(--whiteColor);
    font-size: 60px;
    font-weight: 700;
    margin: 20px 0;
}
section.mainBanner .bannerInnerWrap .contentWrap span.main{
    color: var(--whiteColor);
    text-transform: uppercase;
    font-weight: 600;
    display: block;
}
section.mainBanner .bannerInnerWrap .contentWrap span.headingBox{
    color: #59ffa0;
    font-family: var(--headingFont);
    font-style: italic;
}
section.mainBanner .bannerInnerWrap .contentWrap a.primaryBtn{
    border: 2px solid var(--whiteColor);
    padding: 10px 30px;
    color: var(--whiteColor);
    transition: .4s ease;
    display: inline-block;
}
section.mainBanner .bannerInnerWrap .contentWrap a.primaryBtn i{
    margin-left: 10px;
}
section.mainBanner .bannerInnerWrap .contentWrap a.primaryBtn:hover{
    background-color: var(--primaryColor);
    color: var(--whiteColor);
    border: 2px solid var(--primaryColor);
}
section.mainBanner button[type="button"] {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: var(--whiteColor);
    top: 50%;
    bottom: 100%;
    opacity: 0;
    font-size: 18px;
    background-color: var(--primaryColor);
}
section.mainBanner button[type="button"].carousel-control-prev {
    left: 20px;
}
section.mainBanner button[type="button"].carousel-control-next {
    right: 20px;
}
section.mainBanner:hover button[type="button"]{
    opacity: 1;
}



section.ctaWrap{
    background-color: var(--primaryColor);
    padding: 30px 0 0;
}
section.ctaWrap h3{
    font-size: 25px;
    color: var(--whiteColor);
}
section.ctaWrap a{
    font-size: 18px;
}
section.ctaWrap p{
    color: var(--whiteColor);
    font-size: 13px;
    margin:  15px 0;
}
.contentTitleborLeft{
    padding-left: 20px;
    border-left: 4px solid var(--primaryColor);
}
section.aboutWrap .aboutImg {
    height: 400px;
}

section.aboutWrap .boxWrap{
    position: relative;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgb(43 52 59 / 10%);
    background-color: var(--whiteColor);
    text-align: center;
}
section.aboutWrap .boxWrap .contentWrap h3{
    color: var(--headingColor);
    font-size: 37px;
    font-weight: 700;
}
section.aboutWrap .boxWrap .contentWrap {
    padding: 20px 20px 16px 20px;
}

section.aboutWrap .boxWrap .contentWrap p{
    font-size: 18px;
    line-height: 18px;
    font-weight: 300px;
    color: #8592a6;
}
section.aboutWrap .boxWrap .iconWrap{
    flex: 1;
    background-color: var(--primaryColor);
    height: 110px;
    width: 110px;
    line-height: 140px;
}
section.aboutWrap .boxWrap .iconWrap i{
    color: var(--whiteColor);
    font-size: 50px;
}
section.aboutWrap .content p{
    font-style: italic;
    color: var(--headingColor);
    font-size: 17px;
    margin: 0;
}
section.infoWrap .infoBox{
    display: flex;
    gap: 20px;
    padding: 35px 35px 30px;
    background-color: var(--whiteColor);
    position: relative;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 9%);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 9%);
    height: 100%;
    position: relative;

}
section.infoWrap .infoBox::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-top: 3px solid var(--primaryColor);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}
section.infoWrap .infoBox:hover::after{
    transform: scaleX(1);
}
section.infoWrap .infoBox .infoIcon i{
    color: var(--primaryColor);
    font-size: 45px;
} 
section.infoWrap .infoBox .infoContent p,section.infoWrap .infoBox .infoContent a{
    margin: 0;
    line-height: 30px;
    font-size: 15px;
    color: #8592a6;
    font-weight: 500;
}
section.infoWrap .infoBox.active{
    border-top: 3px solid var(--primaryColor);
}
section.infoWrap .infoBox.active:hover:after{
    border: none;
}
section.JobWrap .jobGrid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
}
section.JobWrap.innerProjects .jobGrid.ProjectGrid{
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
section.JobWrap .jobGrid .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
section.JobWrap .jobGrid .item {
    position: relative;
    transition: 0.3s ease;
    overflow: hidden;
}
section.JobWrap .jobGrid .item:hover img{
    transform: scale(1.1);
}
section.JobWrap .jobGrid .item img{
    transition: 0.3s ease;
}
section.JobWrap .jobGrid .item .overlay{
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: var(--primaryColor);
    padding: 15px;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 2;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    text-align: center;
    overflow: hidden;
    opacity: 0;
}
section.JobWrap .jobGrid .item:hover .overlay{
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    overflow: visible;
    opacity: 1;
}
section.JobWrap .jobGrid .item .overlay h3{
    color: var(--whiteColor);
    font-size: 18px;
    margin: 0;
}
section.JobWrap .bottomWrap p{
    font-size: 17px;
    color: var(--headingColor);
    margin: 0;
}
section.JobWrap .bottomWrap a{
    color: var(--primaryColor);
    text-decoration: underline;
    font-size: 17px;
}
section.priceWrap p{
    line-height: 28px;
    font-weight: 400;
}
section.partnerWrap .item img{
    max-width: 110px;
    max-height: 110px;
    width: inherit;
    margin: 0 auto;
}
.p-40 {
    padding: 40px;
}
.p-25 {
    padding: 25px;
}
.bgGray{
    background-color: #f1f4f9;
}
section.partnerWrap{
    background-color: #f1f4f9;
}
section.counterBox{
    background-color: var(--primaryColor);
}
section.counterBox .boxInner i{
    color: var(--whiteColor);
    font-size: 60px;
    -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
section.counterBox .boxInner:hover i{
    -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
}
section.counterBox .boxInner span{
    display: block;
    font-size: 36px;
    font-weight: 600;
    margin: 10px 0;
}
section.chooseWrap .featureBox .icon{
    position: relative;
}
section.chooseWrap .featureBox .icon::before{
    position: absolute;
    content: '';
    height: 49px;
    width: 49px;
    line-height: 49px;
    background-color: transparent;
    border: 1px solid var(--primaryColor);
    display: block;
    top: -5px;
    left: -5px;
}
section.infoWrap > .container{
    max-width: 100%;
    width: 100%;
    margin:  0 auto;
    padding: 0 40px;
}
section.chooseWrap > .container{
    max-width: 100%;
    width: 100%;
    margin:  0 auto;
}
section.infoWrap .infoBox .infoContent h3{
    color: var(--headingColor);
}



section.chooseWrap .featureBox .icon{
    height: 39px;
    width: 55px;
  line-height: 39px;
  text-align: center;
  position: relative;
  font-size: 15px;
  font-weight: 600;
  background-color: var(--primaryColor);
  color: var(--whiteColor);
}
section.chooseWrap .featureBox .contentWrap h3{
    color: var(--headingColor);
    font-size: 19px;
}
section.counterBox .boxInner h4{
    color: var(--whiteColor);
    font-size: 18px;
}
section.counterBox .boxInner{
    display: flex;
    gap: 15px;
    justify-content: center;
    border-right: 1px solid rgb(255 255 255 / 7%);
}
section.chooseWrap .featureBox{
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin:  0 0 30px;
    padding: 0 0 20px;
    border-bottom: 1px solid #e7e7e7;
}
section.chooseWrap .featureBox:last-child{
    border: none;
    margin: 0;
    padding: 0;
}
section.innerBanner{
    background-image: url(../img/bg/aboutus-banner.jpg);
    background-size: cover;
    background-position: center;
    padding: 150px 0 100px;
    position: relative;
    z-index: 0;
}
section.innerBanner.commonBg{
    background-image: url(../img/bg/inner-common.jpg);
}
section.innerBanner::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .4;
    z-index: -1;
}
section.innerBanner h2{
    font-size: 50px;
}
section.aboutInner ul.nav-pills{
    justify-content: space-evenly;
    margin: 0 0 -15px;
}
section.aboutInner ul.nav-pills li.nav-item button{
    justify-content: space-between;
    border: none;
    padding: 12px 30px;
    text-align: center;
    background-color: var(--whiteColor);
    box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 10px 0px; 
    color: var(--headingColor);
    font-size: 14px;
    font-weight: 700;
}
section.aboutInner .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: var(--primaryColor);
    color: var(--whiteColor);
}
section.aboutInner ul.contentlist li::before{
    content: "\f101";
    font-size: 16px;
}
section.aboutInner ul.contentlist li:hover{
    color: var(--primaryColor);
}
section.aboutInner div#pills-tabContent{
    background-color: #f1f4f9;
    padding: 40px 20px 20px;
}
section.counterBox.counterInner{
    background-color: var(--whiteColor);
}
section.counterBox.counterInner .boxInner{
    display: block;
    background-color: #f1f4f9;
    padding: 35px 15px;
    text-align: center;
}
section.counterBox.counterInner .boxInner .content span{
    color: var(--headingColor);
    font-size: 43px;
}
section.counterBox.counterInner .boxInner .content h4{
    color: #8592a6;
    font-size: 16px;
}
section.counterBox.counterInner .boxInner .icon i{
    font-size: 45px;
    margin: 0 0 30px;
    color: var(--primaryColor);
}
section.testimonialWrap  .profile-pic img{
    max-width: 50px;
    max-height: 50px;
}
section.testimonialWrap .item .contentClient .icon img{
    max-width: 40px;
    max-height: 40px;
}
section.testimonialWrap .item .contentClient .boxWrap p{
    font-style: italic;
    font-size: 15px;
    line-height: 28px;
}
section.testimonialWrap .item{
    position: relative;
    margin: 0 20px 35px 40px;
    background-color: #fff;
    padding: 30px 30px 30px 70px;
    box-shadow: 0 0 10px rgb(0 0 0 / 14%);
    border-radius: 8px;
}
section.testimonialWrap .item .contentClient .boxWrap h3{
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 400;
}
section.testimonialWrap .profile-pic{
    padding: 8px;
    margin-bottom: 12px;
    position: absolute;
    top: 50px;
    left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 2px solid var(--primaryColor);
}
section.testimonialWrap{
    background-color: #f1f4f9;
    margin-bottom: -40px;
}
section.testimonialWrap .item .contentClient .boxWrap .infoWrap{
    display: flex;
    gap: 10px;
}
section.testimonialWrap .item .contentClient .boxWrap .infoWrap h3{
    color: var(--primaryColor);
    font-size: 16px;
    margin: 0;
}
section.testimonialWrap .item .contentClient .boxWrap .infoWrap span{
    font-size: 13px;
    color: #454056;
    font-weight: 600;
}
section.testimonialWrap .item{
    position: relative;
}
section.testimonialWrap .item::before{
    content: "";
    position: absolute;
    right: 40px;
    bottom: -20px;
    width: 50px;
    height: 100px;
    background-color: var(--whiteColor);
    -webkit-transform: rotate(45deg);
    transform: rotate(325deg);
    z-index: -1;
}
section.serviceWrap .serviceBox{
    background-color: var(--whiteColor);
    padding: 20px;
    box-shadow: 0 0 10px rgb(0 0 0 / 14%);
    margin: 0 0 30px;
    text-align: center;
}
section.serviceWrap .serviceBox .serviceImage{
    height: 250px;
}
section.serviceWrap .serviceBox .serviceContent p{
    margin: 0;
}
section.serviceWrap .serviceBox .serviceContent h3{
    margin:  20px 0;
}
section.infoCTa{
    background-color: #000;
    padding: 120px 0;
}
section.infoCTa span.btnWrap{
    background-color: var(--primaryColor);
    padding: 10px;
    color: var(--whiteColor);
    display: inline-block;
    margin: 0 0 20px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 7px;
}
section.infoCTa p{
    color: #b9bab9;
    font-size: 13px;
}
.wrap-form.request_qoute_form span.text-input input,.wrap-form.request_qoute_form span.text-input textarea, .wrap-form.request_qoute_form span.text-input select{
    background-color:#f1f4f9;
    width: 100%;
    float: left;
    color: #8093a8;
    padding: 15px 12px;
    font-weight: 400;
    border: none;
    font-size: 16px;
    outline: none;
    margin: 0 0 30px;
    resize: none;

}
section.ContactWrap .wrap-form.request_qoute_form input.submit{
    background-color: var(--primaryColor);
    margin: 0;
    width: 100%;
    border: none;
    color: var(--whiteColor);
    text-transform: uppercase;
    padding: 14px 28px;
    font-size: 14px;
    font-weight: 600;
}
section.ContactWrap .featured-icon-box .icon i{
    color: var(--primaryColor);
    font-size: 48px;
    margin: 0 0 20px;
}
section.ContactWrap .featured-content .featured-title h3{
    font-size: 20px;
}
section.ContactWrap .featured-content  .featured-desc, section.ContactWrap .featured-content .featured-desc a{
    color: #8592a6;
    font-size: 14px;
    font-weight: 400;
}

section.contactInfo .infoBox{
    padding: 45px 30px 38px 30px;
    position: relative;
    overflow: hidden;
    text-align: center;
    -webkit-transition: .5s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: .5s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .5s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .5s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .5s cubic-bezier(.24, .74, .58, 1);
    transition: .5s cubic-bezier(.24, .74, .58, 1);
    transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
}
section.contactInfo .infoBox .icon i{
    color: var(--primaryColor);
    font-size: 45px;
    margin: 0 0 20px;
}
section.contactInfo .infoBox .contentWrap p{
    font-weight:400;
    font-size: 14px;
    margin: 15px 0;
}
a.simpleBtn{
    font-size: 14px;
    color: var(--primaryColor);
    font-weight: 600
}
a.simpleBtn i{
    color: var(--primaryColor);
    margin-left: 5px;
}
section.contactInfo .infoBox:hover{
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
section.serviceWrapInfo .serviceBox{
    background-color: var(--whiteColor);
    text-align: center;
    padding: 40px;
}
section.serviceWrapInfo .serviceBox .icon{
    background-color: var(--primaryColor);
    width: 65px;
    height: 65px;
    line-height: 65px;
    font-size: 30px;
    text-align: center;
    border-radius: 50px;
    margin: -70px auto 20px auto;
    color: var(--whiteColor);
}
section.serviceWrapInfo .serviceBox .contentWrap h3{
    color: var(--headingColor);
}
section.serviceWrapInfo{
    position: relative;
}
section.serviceWrapInfo .imageWrap{
    position: absolute;
    bottom:160px;
    left: 25%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9999;
}
section.serviceWrapInfo .bgWrapMan{
    padding: 80px 10px 90px 33%;
    background-image: url(../img/bg/building.png);
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 0;
}
section.serviceWrapInfo .bgWrapMan::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:rgb(14 35 70 / 91%);
    z-index: -1;
}
section.serviceWrapInfo .iconWrap{
    position: absolute;
    bottom: 160px;
    left: 180px;
    background-color: var(--primaryColor);
    height: 90px;
    width: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 40px;
    color: var(--whiteColor);
    z-index: 9999;
}
section.serviceWrapInfo .bgWrapMan .boxmanSupply .content span{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: var(--whiteColor);
    border-radius: 4px;
    color: var(--headingColor);
    font-size: 12px;
    font-weight: 600;
    position: relative;
}
section.serviceWrapInfo .bgWrapMan .boxmanSupply .content span::before{
    content: "";
    position: absolute;
    left: 39px;
    bottom: 0;
    background-color: var(--primaryColor);
    height: 10px;
    width: 360px;
    border-radius: 10px;
}
section.serviceWrapInfo .bgWrapMan .boxmanSupply .content span::after{
    content: "";
    position: absolute;
    right: -360px;
    bottom: 0;
    background-color: var(--whiteColor);
    height: 10px;
    width: 119px;
    border-radius: 10px;
}
section.serviceWrapInfo .bgWrapMan .boxmanSupply .content span.man::after{
    width: 39px;
}
section.serviceWrapInfo .bgWrapMan .boxmanSupply .content p{
    color: var(--whiteColor);
    font-size: 14px;
}

.scrollUp {
    background-color: var(--primaryColor);
    color: var(--whiteColor);
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    position: fixed;
    bottom: 40px;
    right: 40px;
    font-size: 22px;
    z-index: 9999;
}
section.ContactWrap .imageBox{
    height: 500px;
}

footer{
    background-color: var(--whiteColor);
}
footer .footerTop .footerWidgets.boxWrap{
    background-color:rgb(5 37 67);
    padding: 30px;
    margin-top: -140px;
}

footer .footerTop{
    padding:60px 0 50px;
    background-color: #ddd;
}
footer .footerTop .footerWidgets ul.infoAdd li{
    position: relative;
    padding: 6px 0 6px 25px;
}
footer .footerTop .footerWidgets ul.infoAdd li i{
    position: absolute;
    top: 11px;
    left: 0;
    font-size: 16px;
}
footer .footerTop .footerWidgets h3{
    font-size: 20px;
    color: #00305b;
    font-weight: 700;
    margin:  0 0 20px;
}
footer .footerTop .footerWidgets p{
    color: rgba(255, 255, 255, 0.75);
}
footer .footerTop .footerWidgets ul.infoList{
    line-height: 27px;
}
footer .footerTop .footerWidgets ul.infoList li a{
    color: #444;
    font-weight: 400;
    font-size: 14px;
}
footer .footerTop .footerWidgets ul.infoList li{
    position: relative;
    padding: 5px 0 5px 25px;
}
footer .footerTop .footerWidgets ul.infoList li::before{
    position: absolute;
    content: "\f061";
    top: 6px;
    left: 0;
    font-family: var(--iconFont);
    font-size: 12px;
    font-weight: 900;
    color: #052543;
}

footer .footerTop .footerWidgets .box{
    display: flex;
    gap: 20px;
}
footer .footerTop .footerWidgets .box{
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}
footer .footerTop .footerWidgets .box:last-child{
    border: none;
}
footer .footerTop .footerWidgets .box .imgBox img{
    max-width: 100px;
    max-height: 100px;
}
footer .footerTop .footerWidgets .box .content h4{
    color: rgba(255, 255, 255, 0.75);
    font-size: 14px;
}
footer .footerTop .footerWidgets .box .content i{
    color: var(--primaryColor);
    margin-right: 6px;
}
footer .footerTop .footerWidgets .box .content h5{
    color: #454056;
}
footer .footerTop .footerWidgets .box .content p{
    color: #666276;
    font-size: 14px;
}
footer .footerTop .footerWidgets ul.infoAdd li a,footer .footerTop .footerWidgets ul.infoAdd li{
    color: var(--whiteColor);
    font-weight: 400;
    font-size: 15px;
}
footer .footerTop .footerWidgets ul.infoAdd li i{
    color: #454056;
    font-size: 14px;
}
footer .footerTop .footerWidgets ul.socialIcons{
    display: flex;
    align-items: center;
    gap: 10px;
}
footer .footerTop .footerWidgets ul.socialIcons li i{
    width: 35px;
    height: 35px;
    line-height: 33px;
    border: 2px solid rgba(255, 255, 255, 0.48);
    text-align: center;
    display: block;
    background-color: transparent;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.48);
}
footer .footerTop .footerWidgets ul.socialIcons li i:hover{
    background-color: var(--primaryColor);
    color: #fff;
}
footer .footerBottom{
    background-color: #052543;
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, .03);
}
footer .footerBottom p{
    color: var(--whiteColor);
    font-size: 14px;
    margin: 0;
}
footer .footerBottom p a{
    font-size: 14px;
    color: var(--whiteColor);
}
footer .footerBottom ul.infoBottom{
    display: flex;
    justify-content: flex-end;
}
footer .footerBottom ul.infoBottom li a{
    color: var(--whiteColor);
}
footer .footerBottom ul.infoBottom li{
    border-right: 2px solid #ffffff;
    padding: 0 17px;
}
footer .footerBottom ul.infoBottom li:last-child{
    border: none;
}


footer .footerTop .footerWidgets .box a{
    color: var(--whiteColor);
    font-size: 14px;
    font-weight: 400;
}
.mt-90{
    margin-top: 90px;
}


@media screen and (min-width: 1424px){
    .container,section.chooseWrap > .container, section.infoWrap > .container{
        max-width: 1320px;
        width: 100%;
        margin: 0 auto;
    }  
    section.cityEstate .owl-theme .owl-nav button.owl-next{
        right: -40px;
    }
    section.cityEstate .owl-theme .owl-nav button.owl-prev{
        left: -40px;
    }
    section.serviceWrapInfo .imageWrap{
        bottom: 180px;
        left: 20%;
    }
    section.serviceWrapInfo .bgWrapMan{
        padding: 100px 100px 160px 17%;
    }
    section.serviceWrapInfo .iconWrap{
        bottom: 199px;
        left: 112px;
    }
    section.serviceWrapInfo .bgWrapMan .boxmanSupply .content span::after{
        right: -480px;
    }
    section.serviceWrapInfo .bgWrapMan .boxmanSupply .content span::before{
        width: 480px;
    }
    section.serviceWrapInfo .bgWrapMan .boxmanSupply .content span::after{
        width: 119px;
    }
    section.mainBanner{
        height: 90vh;
    }
    header#header .header_bottom .container nav.navbar .collapse ul.navbar-nav li a{
        font-size: 14px;
    }
}


@media screen and (max-width: 991px){
    header .headerBottom .navbar-toggler{
        border: 1px solid var(--primaryColor);
    }
    header .headerBottom > .container-fluid{
        padding-right: 10px;
    }
    header .headerBottom nav.navbar ul.navbar-nav{
        gap: 0;
        margin: 10px 0 0;
    }
    header .headerBottom nav.navbar ul.navbar-nav li.nav-item a.nav-link{
        color: #152a3f;
    }
    header .headerBottom .navbar-toggler:focus{
        box-shadow: none;
    }
    .headerBottom nav.navbar .callWrap a.primaryBtn{
        margin: 15px 0 20px;
    }
    header .headerBottom .navbar-expand-lg{
        margin: 0;
    }
    header .headerBottom{
        position: inherit;
    }
    section.mainBanner{
        height: 65vh;
    }
    section.servicesWrap .servicesbox .imgBox, section.ourWork .imgBox{
        margin:  0 0 10px;
    }
    .contentTitle h3{
        font-size: 22px;
    }
    section.mainBanner .bannerInnerWrap .contentWrap h1{
        font-size: 40px;
    }
    header#header .header_bottom .container nav.navbar button.navbar-toggler:focus{
        border: none;
        box-shadow: none;
    }
    header#header .header_bottom .container nav.navbar .collapse ul.navbar-nav{
        align-items: flex-start;
        gap: 0;
    }
    header#header .header_bottom .container nav.navbar .collapse ul.navbar-nav li.rightBox{
        margin:  0 0 30px !important;
    }
    section.innerBanner{
        padding: 60px 0 50px;
    }
    section.JobWrap.innerProjects .jobGrid.ProjectGrid{
        grid-template-columns: repeat(2, 1fr);
    }
    section.testimonialWrap .item .contentClient .boxWrap .infoWrap h3{
        font-size: 13px;
    }
    section.testimonialWrap .item .contentClient .boxWrap .infoWrap span{
        font-size: 12px;
    }
    section.infoWrap .infoBox .infoContent p, section.infoWrap .infoBox .infoContent a{
        line-height: 25px;
        font-size: 13px;
    }
    section.infoWrap .infoBox{
        margin:  0 0 20px;
        height: auto;
    }
    section.contactInfo .infoBox{
        margin: 0 0 20px;
    }
    section.innerBanner h2{
        font-size: 40px;
    }
    
    header#header .header_midbar .header_infobox{
        display: none;
    }
    header#header .header_bottom .container nav.navbar button.navbar-toggler {
        position: absolute;
        top: -45px;
        right: 0;
        border: none;
    }
    header#header .header_midbar .headerSpace{
        padding: 10px 0;
    }
    
    section.aboutWrap .aboutImg,section.aboutInner .imageBox{
        margin: 20px 0 0;
    }
    
    section.serviceWrapInfo .serviceBox{
        margin:  0 0 55px;
    }
    
    section.serviceWrapInfo .imageWrap{
        position: static;
        transform: inherit;
    }
    section.serviceWrapInfo .bgWrapMan{
        padding: 70px;
    }
    section.JobWrap .jobGrid{
        grid-template-columns: repeat(3, 1fr);
    }
    section.counterBox .boxInner{
        justify-content: flex-start;
    }
    section.chooseWrap .featureBox .icon{
        width: 39px;
    }
    footer .footerTop .footerWidgets.boxWrap{
        margin: -30px 0 40px;
    }
    section.counterBox.counterInner .boxInner{
        margin: 0 0 20px;
    }



}
@media screen and (max-width: 767px){
    section.JobWrap.innerProjects .jobGrid.ProjectGrid{
        grid-template-columns: 1fr;
    }
    .contentTitle h2{
        font-size: 25px;
        line-height: 30px;
    }
    section.serviceWrapInfo .mt-90{
        margin: 0;
    }
    section.serviceWrapInfo .bgWrapMan{
        padding: 40px 25px;
    }
    section.JobWrap .jobGrid{
        grid-template-columns: 1fr;
    }
    section.counterBox .boxInner{
        justify-content: flex-start;
        margin: 0 0 15px;
    }
    section.chooseWrap .featureBox .icon{
        width: 100px;
    }
    footer .footerTop .footerWidgets.boxWrap{
        margin: 0 0 30px;
    }
    footer .footerTop .footerWidgets h3{
        margin: 25px 0;
    }
    footer .footerBottom ul.infoBottom{
        justify-content: center;
        margin: 10px 0 0;
    }
    header#header .header_midbar .header_logo img{
        height: 40px;
    }




}