/* Author Custom Styles */





@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');





body {

    line-height: 44px;

    font-size: 18px;

    font-weight: 400 !important;

    overflow-x: hidden !important;

    font-family: 'Montserrat', sans-serif;

    background: #FFFFFF;

}



header .navbar-brand {

    padding: 0px;

    margin: 0px;

}


.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff !important;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #B88F41 !important;
    border: 2px solid #B88F41 !important;
    padding: 12px 25px;
    font-size: 16px !important;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-weight: 600;
    transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
}

.btn:hover {
    background: transparent !important;
    border: 2px solid #B88F41 !important;
    color: #B88F41 !important;
    transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
}



h1 {

    font-family: 'Montserrat', sans-serif;

    font-weight: 600;

    font-size: 65px;

    line-height: 80px;

}



h2 {

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    font-size: 50px;

    color: #232428;

    line-height: 70px;

    margin-bottom: 0;

}



h2 span {

    position: relative;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    font-size: 25px;

    background-image: linear-gradient(to right, #B88F41, #7B5F2E) !important;

    background-size: 100%;

    background-repeat: repeat;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    -moz-background-clip: text;

    -moz-text-fill-color: transparent
}



h2 span::before {

    content: '';

    position: absolute;

    background-image: linear-gradient(to right, #B88F41, #7B5F2E) !important;

    width: 90px;

    height: 3px;

    right: -120px;

    bottom: 7px;

}







h3 {

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    font-size: 30px;

}



h4 {

    font-size: 30px;

    font-weight: 700;

    font-family: 'Montserrat';

    line-height: 28px;

}





a,

a:hover,

a:visited,

a:active,

a:focus {

    color: inherit;

    text-decoration: none;

}





/* * Section */

.section {

    padding-top: 80px;

    text-align: left;

}











.section-padding {

    padding: 0px 160px;

}











/* header */



header nav.navbar {
    background-color: #fff;
}





header {

    width: 100%;

    position: fixed;

    z-index: 10;

    transition: 0.3s ease-in-out;

}



header .header-padding {

    padding: 0px 50px;

}



header .navbar-brand img {
    position: relative;
    background-color: transparent;
    width: 140px;
    margin: 15px 0px;
    transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
}



header.sticky .navbar-brand img {
    margin: 15px 0px;
}





.navbar-nav {

    margin-bottom: 0px;

    border-radius: 0px;

    min-height: 30px;

    border: none;

    padding: 0px 0px;

    position: relative;

    transition: ease-in-out 0.5s;

}



.navbar-nav>li {

    transition: 0.3s ease-in-out;

    -webkit-transition: 0.3s ease-in-out;

    -moz-transition: 0.3s ease-in-out;

    -ms-transition: 0.3s ease-in-out;

    -o-transition: 0.3s ease-in-out;

}



header .dropdown-toggle::after {

    content: '\f107' !important;

    position: absolute;

    display: block;

    width: 20px;

    height: 20px;

    font-weight: 500;

    font-family: fontawesome;

    border: none;

    right: -30px;

    top: 3px;

    font-size: 25px;

    color: #ffffff !important;

}







a.nav-link.dropdown-toggle {

    position: relative;

}





header .navbar ul li.nav-item.dropdown {

    margin-right: 40px !important;

}



header .navbar ul li a.nav-link {
    color: #000000;
    font-size: 18px;
    padding: 0px !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700 !important;
    padding-bottom: 0px !important;
    line-height: unset !important;
}


header a.btn-1.btn-header-menu-btn {

    padding: 15px 27px !important;

    background: linear-gradient(to right, #B88F41, #7B5F2E) !important;

    margin-left: 50px;

    font-size: 22px;

    font-family: 'Montserrat', sans-serif !important;

    font-weight: 500 !important;

    transition: 0.3s ease-in-out !important;

    -webkit-transition: 0.3s ease-in-out;

    -moz-transition: 0.3s ease-in-out;

    -ms-transition: 0.3s ease-in-out;

    -o-transition: 0.3s ease-in-out;

    color: #fff;

}



header a.btn-1.btn-header-menu-btn:hover {

    transition: 0.3s ease-in-out;

    -webkit-transition: 0.3s ease-in-out;

    -moz-transition: 0.3s ease-in-out;

    -ms-transition: 0.3s ease-in-out;

    -o-transition: 0.3s ease-in-out;

    color: #fff;

    background: linear-gradient(90deg, rgba(184, 143, 65, 1) 0%, rgba(128, 74, 0, 1) 100%) !important;

}



header a.header-phone {

    margin-left: 0px !important;

}



img.img-fluid.quote-icon {

    margin-right: 10px;

}



header a.header-phone {

    padding: 15px 24px !important;

    background: linear-gradient(to right, #B88F41, #7B5F2E) !important;

    margin-left: 50px;

    font-size: 22px;

    font-family: 'Montserrat', sans-serif !important;

    font-weight: 500 !important;

    transition: 0.3s ease-in-out !important;

    -webkit-transition: 0.3s ease-in-out;

    -moz-transition: 0.3s ease-in-out;

    -ms-transition: 0.3s ease-in-out;

    -o-transition: 0.3s ease-in-out;

    color: #fff;

}



header a.header-phone:hover {

    /* border-width: 2px !important;

    border-style: solid !important; */

    transition: 0.3s ease-in-out;

    -webkit-transition: 0.3s ease-in-out;

    -moz-transition: 0.3s ease-in-out;

    -ms-transition: 0.3s ease-in-out;

    -o-transition: 0.3s ease-in-out;

    color: #fff;

    background: rgb(184, 143, 65) !important;

    background: linear-gradient(90deg, rgba(184, 143, 65, 1) 0%, rgba(128, 74, 0, 1) 100%) !important;

}



a.header-phone:hover .fa-phone {

    color: #fff !important;

}





header a.header-phone .fa-phone {

    color: #ffffff;

    margin-right: 15px;

}





header .navbar ul li a.active {
    color: #B88F41 !important;
}


header .navbar ul li.active a {

    color: #fff !important;

}



header .navbar ul li {

    margin: 0px 25px 0px !important;

}





.hvr-underline-from-center:before {

    content: "";

    position: absolute;

    z-index: -1;

    left: 51%;

    right: 51%;

    bottom: 0;

    background: #B88F41 !important;

    height: 4px;

    -webkit-transition-property: left, right;

    transition-property: left, right;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}





.navbar-nav>.active>a,

.navbar-nav>.active>a:hover,

.navbar-nav>.active>a:focus {

    color: #443B3D;

    background-color: transparent;

}



.navbar-nav>li>a:hover,

.navbar-nav>li>a:focus {

    color: #443B3D;

    background-color: transparent;

}



header .navbar ul {

    list-style-type: none;

    margin-right: 30px;

}



.navbar-toggle {

    border-color: #443B3D;

    margin: 25px 15px;

    background-color: #fff;

}



.navbar-toggle:hover,

.navbar-toggle:focus {

    background-color: #fff;

}



.navbar-toggle .icon-bar {

    background-color: #443B3D;

}



.navbar-toggler {

    background-color: #fff;

    border: 2px solid #443B3D;

    border-radius: 5px;

    font-size: 0.8rem;

}



.navbar-toggler:focus {

    box-shadow: none;

}



.navbar-toggler-icon {

    display: GRID;

    width: 1.5em;

    height: 3px;

    background-size: 100%;

    background: #443B3D;

    height: 2px;

    margin: 5px 1px;

}



li.active a.hvr-underline-from-center {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    overflow: hidden;

}



.hvr-underline-from-center {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    overflow: hidden;

}







.hvr-underline-from-center:hover:before,

.hvr-underline-from-center:focus:before,

.hvr-underline-from-center:active:before {

    left: 0;

    right: 0;

}







/** Sticky */



header.sticky {

    position: fixed;

}



header.sticky .navbar ul li:last-child {

    padding-right: 0px !important;

}





header.sticky .navbar {
    background-color: #fff !important;
    box-shadow: 0 5px 20px rgb(0 0 0 / 30%);
}






header.sticky .navbar-nav>li {

    transition: 0.3s ease-in-out;

    -webkit-transition: 0.3s ease-in-out;

    -moz-transition: 0.3s ease-in-out;

    -ms-transition: 0.3s ease-in-out;

    -o-transition: 0.3s ease-in-out;

    margin-top: unset !important;

}



header .navbar-nav>li:last-child {

    padding-right: 0px !important;

}



header.sticky .navbar-nav>li.phone {

    padding-right: 0px;



}



header.sticky .navbar-brand img {
    width: 120px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

header.sticky .top-header {

    display: none;

}



header.sticky-mobile nav.navbar {
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    background-color: #fff !important;
    box-shadow: 0 5px 20px rgb(0 0 0 / 30%);
}











/* bs5-dropdown css */

/* dropdown */



.dropdown:hover .dropdown-menu {

    color: rgb(0, 0, 0);

    width: 240px;

    display: block;

    padding: 0px;

}



header .navbar .dropdown .dropdown-menu li {

    margin-top: 0;

    font-size: 16px !important;

    margin-left: 0px !important;

    margin-right: 0px !important;

}



header a.nav-link.dropdown-toggle {

    display: flex;

    align-items: center;

}







header ul.dropdown-menu {

    background: #000 !important;

}



header .navbar .dropdown .dropdown-menu li a.dropdown-item {

    line-height: 38px;

}



header .navbar .dropdown .dropdown-menu li a.dropdown-item {

    background: #000 !important;

    color: #fff !important;

    transition: 0.3s ease-in-out;

    -webkit-transition: 0.3s ease-in-out;

    -moz-transition: 0.3s ease-in-out;

    -ms-transition: 0.3s ease-in-out;

    -o-transition: 0.3s ease-in-out;

    overflow: hidden;

    overflow-y: auto;

    max-height: calc(100vh - 173px);

}



header .navbar .dropdown .dropdown-menu li a.dropdown-item:hover {

    background: linear-gradient(to right, #B88F41, #7B5F2E) !important;

    color: #fff;

    transition: 0.3s ease-in-out;

    -webkit-transition: 0.3s ease-in-out;

    -moz-transition: 0.3s ease-in-out;

    -ms-transition: 0.3s ease-in-out;

    -o-transition: 0.3s ease-in-out;

}




















.title-area {
    background-color: #53565a;
    background-size: cover;
    background-position: 50% 50%;
    padding-top: 177px;
}

.title-area .banner-padding {
    padding: 0px 150px;
}

.title-area .content {
    padding: 215px 0px;
    text-align: left;
}

.title-area .content h1 {
    margin: 0px;
    font-size: 80px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.1;
}

.title-area .content p {
    margin: 0px;
}



/* home-banner */
.home-banner {
    background-image: url('../img/main-image-2.jpg');
    background-size: cover;
    background-position: 50% 50%;
    padding-top: 177px;
    margin-bottom: 100px;
    position: relative;
}

.home-banner .image-area {
    width: 100%;
    position: absolute;
    bottom: -90px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-banner .image-area img {
    margin: 0 5px;
}

.home-banner .image-area img.cor-seal {
    max-width: 200px;
}

.home-banner .image-area .living {
    background-color: #fff;
    padding: 10px 5px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.home-banner .image-area img.living-wage {
    max-width: 180px;
    border: 2px solid #63bd4a;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}


.home-banner .image-area img.cq-network,
.home-banner .image-area img.bestinedmonton {
    max-width: 200px;
}


.home-banner .banner-padding {
    padding: 0px 150px;
}

.home-banner .content {
    text-align: left;
    color: #fff;
    padding: 275px 0px;
}

.home-banner .content h1 {
    margin: 0px;
    text-transform: uppercase;
    font-size: 80px;
    line-height: 1.1;
    color: #fff;
}

.home-banner .content p {
    font-family: Ergonomique-Light;
    font-size: 30px;
    margin: 20px 0px;
}

.home-banner .content .btn-banner {
    font-size: 20px;
    margin: 10px 15px;
    width: 260px;
    padding: 20px 0px;
}

.home-banner .content .btn-services {
    margin-left: 0px;
}

.home-banner.free-information-banner {
    background: url('../img/Belvan-slider-img-min.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.home-banner.free-information-banner .content h1 {
    font-size: 55px !important;
}

#home-banner .owl-dots {
    display: none;
}






/* home intro */
.home-intro {
    padding: 0px;
}

.home-intro .column {
    float: left;
}

.home-intro .left {
    width: 60%;
    padding-right: 15px;
}

.home-intro .left .content-area {
    width: 65%;
    float: right;
    padding-top: 80px;
}

.home-intro .left .content-area h4 {
    color: #9f9f9f;
    font-size: 20px;
    text-transform: uppercase;
}

.home-intro .left .content-area h2 {
    margin-top: 0px;
    text-transform: uppercase;
}

.home-intro .left .content-area p.intro-text {
    font-size: 20px;
    font-family: Ergonomique-Regular;
    line-height: 1.9;
}

.home-intro .left .content-area p.sign {
    font-family: lil-stuart-alt;
    font-size: 30px;
    color: #53565a;
    margin-top: 55px;
    line-height: 1.5;
    transform-origin: 80px 30px;
    transform: rotate(-30deg);
}

.home-intro .right {
    width: 40%;
    padding-top: 80px;
}

.home-intro .right .right-image img {
    margin-right: 0px;
    top: 0px;
}

/* Clear floats after the columns */
.home-intro .row:after {
    content: "";
    /* display: table; */
    clear: both;
}






/* canadian-contractor */
.canadian-contractor {}

.canadian-contractor img {
    margin: 0 auto;
}

.canadian-contractor .content-area {
    padding: 90px 0;
}

.canadian-contractor .content-area p.canadian {
    font-size: 20px;
    font-family: "Ergonomique-Light";
    color: #B88F41;
    margin: 0px;
}

.canadian-contractor .content-area h2 {
    color: #B88F41;
    margin-top: 0px;
}

.canadian-contractor .content-area p {
    font-family: "Ergonomique-Bold";
    color: #55565a;
}







/* our-work */
.our-work {
    background-image: url('../img/services-bg.jpg');
    background-size: contain;
    background-position: 50% 0%;
    padding-bottom: 80px;
    background-repeat: no-repeat;
}

.our-work h1 {
    font-size: 80px;
}



.our-work .item {

    position: relative;

    margin-top: 35px;

    transition: 0.3s ease;

}











/* home-expect */
.home-expect {
    background-image: url('../img/expect-bg.jpg');
    background-size: cover;
    background-position: 65% 50%;
    padding: 80px 0px;
}

.home-expect .item {
    position: relative;
}

.home-expect .item h2,
.home-expect .item h3 {
    margin: 0px;
}

.home-expect .item h2 {
    color: #d4d4d4;
    font-size: 65px;
    line-height: 1;
}

.home-expect .item h3 {
    font-size: 30px;
    text-transform: uppercase;
}

.home-expect .item img {
    position: absolute;
    top: -115px;
    left: 100px;

}

.home-expect .item p {
    line-height: 1.8;
    font-size: 14px;
}

.home-expect .item1 {
    margin-top: 200px;
    margin-bottom: 60px;
}

.home-expect .item2 {
    margin-top: 50px;
}

.home-expect .item3 {
    margin-top: -100px;
}

.home-expect .item4 {
    margin-top: -250px;
}



/* our-values */
.our-values {
    background-image: url('../img/our-value-bg.jpg');
    background-size: cover;
    background-position: 50% 50%;
    padding: 0px 0px 80px 0px;
    margin-top: 80px;
}

.our-values .bg {
    background-color: rgba(0, 0, 0, 0.85);
    padding: 50px 0px 25px 50px;
    margin-top: -50px;
}

.our-values,
.our-values .bg h4,
.our-values .bg h2 {
    color: #fff;
}

.our-values .bg .row:last-child {
    padding-right: 30px;
}

.our-values .bg .content-area h3 {
    color: #fff;
    font-size: 32px;
}

.our-values .bg .content-area p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
}




/* accolades-listings */
.accolades-listings {
    padding: 80px 0px;
}

.accolades-listings .owl-carousel {
    margin: 50px 0px;
}









/* about us page */

.about-us .about-us-row p {
    font-size: 18px;
    font-family: 'Ergonomique-Regular';
    line-height: 38px;
    padding-top: 20px;
    margin-bottom: 0px !important;
    font-weight: 400 !important;
}

.about-content {
    padding: 80px 0px;
}

.about-content .content-area {
    background-color: #53565a;
    padding: 35px 35px 150px 35px;
}

.about-content .content-area h1 {
    color: #fff;
}

.about-content .content-area p {
    color: #fff;
    margin-bottom: 0px;
}

.about-content .content h2 {
    margin-top: 20px;
}

.about-content .image-area img {
    float: right;
    margin-top: -100px;
}

.about-team {
    background-image: url('../img/about/home-experts-bg.jpg');
    background-size: cover;
    background-position: 50% 50%;
    padding: 80px 0px;
    margin-top: 80px;
}

.about-team .item {
    margin-top: 50px;
}

.about-team .item img {
    margin: 0 auto;
}

.about-team .item h3 {
    color: #000;
    margin-bottom: 0px;
}

.about-team .item p {
    font-size: 14px;
}





/* about-single-page */
.about-single {
    padding-bottom: 120px;
}

.about-single .image-area img {
    margin: 0 auto;
    margin-bottom: 35px
}

.about-single .image-area.sitedocs img {
    width: 100%;
}


.about-single.our-values-content .content-area .image-area img {
    margin: 0 auto;
}

.about-single.our-values-content .content-area .item {
    margin-top: 35px;
}

.about-single.our-values-content .content-area .item h3 {
    margin-top: 10px;
}

.about-single .section-50 {
    padding-top: 50px;
}




/* about inner */
.about-inner {
    padding-bottom: 120px;
}

.about-inner .image-area {
    margin-top: 50px;
}

.about-inner .image-area img {
    margin: 0 auto;
}







/* careers page */
.careers {
    text-align: center;
    padding: 80px 0px;
}

.careers-image img {}

.career-benefits {
    padding: 80px 0px;
    text-align: center;
}

.career-benefits h2 {
    color: #000;
}

.career-content {
    text-align: center;
}

.career-content h2,
.career-content h4 {
    color: #000;
    margin-bottom: 0px;
}

.career-content .item {
    margin-top: 50px;
}

.career-content .item .no-padding {
    background-color: #ededed;
    height: 180px;
    display: table;
}

.career-content .item .number {
    background-color: #B88F41;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.career-content .item .number h1 {
    color: #fff;
}

.career-content .item .content {
    text-align: left;
    padding: 0px 25px;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.career-content .item h4 {
    color: #000;
}

.career-content .item .content p {
    font-size: 14px;
}

.careers-join {
    padding: 80px 0px;
    text-align: center;
}

.careers-join .btn-join {
    width: 100%;
    padding: 10px 0px;
}

.careers-join .btn-join h2 {
    color: #fff;
    margin-top: 20px;
    position: relative;
}

.careers-join .btn-join h2::before {
    content: "\f178 ";
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 48px;
    color: #fff;
    right: 25px;
    transition: 0.3s ease;
}

.careers-join .btn-join:hover h2::before {
    right: 15px;
    transition: 0.3s ease;
}



/* careers-inner */
.careers-inner {
    padding-bottom: 120px;
}

.careers-inner .content-area {
    margin: 50px 0px;
}

.careers-inner .content-area .image-area img {
    margin: 0 auto;
}



.subcontractor-content {
    padding-bottom: 120px;
}

.subcontractor-content a {
    color: #B88F41;
}











/* positionns available page */
.positions {
    padding: 80px 0px;
}

.positions .panel-default {
    border-radius: 0px;
}

.positions .panel-default>.panel-heading {
    text-align: right;
}

.positions .panel-default>.panel-heading a {
    position: relative;
}

.positions .panel-heading .accordion-toggle:after {
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 3rem;
    content: "\f107";
    position: absolute;
    right: 10px;
    color: #fff;
    margin-top: -7px;
}

.positions .panel-heading .accordion-toggle.collapsed:after {
    content: "\f105";
}

.positions .item {
    background-color: #f4f4f4;
    padding: 35px 0px;
    margin-bottom: 35px;
    border-left: 15px solid #B88F41;
}

.positions .item h4 {
    color: #53565a;
    font-size: 18px;
}

.positions .item h3 {
    color: #000;
    float: left;
    margin-top: 28px;
    font-size: 24px;
}

.positions .item p {
    font-size: 14px;
}

.positions .item .button {
    text-align: center;
}

.positions .item .btn-apply {
    padding: 20px 0px;
    width: 170px;
    border-radius: 0px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.positions .item .btn-apply:hover {
    background-color: #53565a;
}

.positions .item .btn-position {
    padding: 25px 0px;
    width: 270px;
    border-radius: 0px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.positions .item .btn-position:hover {
    background-color: #B88F41;
}

.positions .item .btn-no-position {
    padding: 25px 0px;
    width: 270px;
    border-radius: 0px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background-color: #53565a;
}








/* projects page*/
.projects-intro {
    text-align: center;
}

.projects {}

.projects .item h4 {
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: 25px;
    right: 25px;
}

.projects .item {
    background-size: cover;
    background-position: 50% 50%;
    height: 500px;
    position: relative;
    margin-bottom: 35px;
    transition: 0.3s ease;
    height: 365px;
}

.projects .item.item1 {
    background-image: linear-gradient(to top, rgba(0, 0, 0), rgba(0, 0, 0, 0)), url('../img/projects/project-1.jpg');
}

.projects .item.item2 {
    background-image: linear-gradient(to top, rgba(0, 0, 0), rgba(0, 0, 0, 0)), url('../img/projects/offices.jpg');
}

.projects .item.item3 {
    background-image: linear-gradient(to top, rgba(0, 0, 0), rgba(0, 0, 0, 0)), url('../img/projects/project-3.jpg');
}

.projects .item.item4 {
    background-image: linear-gradient(to top, rgba(0, 0, 0), rgba(0, 0, 0, 0)), url('../img/projects/project-4.jpg');

}

.projects .item.item5 {
    background-image: linear-gradient(to top, rgba(0, 0, 0), rgba(0, 0, 0, 0)), url('../img/projects/project-5.jpg');
}

.projects .item.item6 {
    background-image: linear-gradient(to top, rgba(0, 0, 0), rgba(0, 0, 0, 0)), url('../img/projects/05.jpg');
}

.projects .item.item7 {
    background-image: linear-gradient(to top, rgba(0, 0, 0), rgba(0, 0, 0, 0)), url('../img/projects/01.jpg');
}

.projects .item.item8 {
    background-image: linear-gradient(to top, rgba(0, 0, 0), rgba(0, 0, 0, 0)), url('../img/projects/image-001.jpg');
}

.projects .item.item9 {
    background-image: linear-gradient(to top, rgba(0, 0, 0), rgba(0, 0, 0, 0)), url('../img/projects/industrial-thumbnail.jpg');
}

.projects .item:hover {
    filter: brightness(125%);
    transition: 0.3s ease;
}








/* single-project pages */
.single-project {
    padding-bottom: 120px;
}

.single-project .content-area {
    text-align: center;
    margin-bottom: 50px;
}

.single-project .image-area img {
    margin: 0 auto;
    margin-bottom: 35px;
}













/* your-project page */
.your-project {
    padding-bottom: 120px;
}

.your-project .image-area {
    margin: 35px 0px;
}

.your-project .image-area img {
    margin: 0 auto;
}







/* Projects steps page */
.projects-steps {
    padding-bottom: 120px;
}

.projects-steps .image-area img {
    margin: 0 auto;
    margin-top: 35px;
    width: 65%;
}















/* projects-single */
.projects-single {
    padding-bottom: 120px;
}

.projects-single .image-area {
    margin: 35px 0px;
}

.projects-single .image-area img {
    margin: 0 auto;
}

.projects-single .panel-group .panel {
    margin-bottom: 20px;
    border-radius: 0px;
}

.projects-single .panel-default>.panel-heading {
    color: #fff;
    background-color: #B88F41;
    border-color: #B88F41;
    padding: 15px 30px;
    border-radius: 0px;
    position: relative;
}

.projects-single .panel-heading h3 {
    font-size: 20px;
}

.projects-single .panel-heading .accordion-toggle:after {
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 3rem;
    content: "\f107";
    position: absolute;
    right: 10px;
    color: #fff;
    margin-top: -7px;
}

.projects-single .panel-heading .accordion-toggle.collapsed:after {
    content: "\f105";
}







/* projects-inner */
.projects-inner {
    padding-bottom: 120px;
}

.projects-inner .image-area img {
    margin: 0 auto;
}

.projects-inner .bottom-content-area {
    margin-top: 50px;
}













/* services page */
.services-intro {
    padding: 80px 0px;

}

.services-intro .item h4 {
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: 25px;
    right: 25px;
}

.services-intro .item {
    background-size: cover;
    background-position: 50% 50%;
    height: 500px;
    position: relative;
    margin-bottom: 35px;
    transition: 0.3s ease;
    height: 365px;
}

.services-intro .item.item1 {
    background-image: linear-gradient(to top, rgba(0, 0, 0), rgba(0, 0, 0, 0)), url('../img/services/service-1.jpg');
}


.services-intro .item.item1.commercial-renovation1 {
    background-image: linear-gradient(to top, rgba(0, 0, 0), rgba(0, 0, 0, 0)), url('../img/services/commercial-renovation/Restaurant-Renovation-Service-Pg.webp');
}


.services-intro .item.item2 {
    background-image: linear-gradient(to top, rgba(0, 0, 0), rgba(0, 0, 0, 0)), url('../img/services/service-2.jpg');
}


.services-intro .item.item2.commercial-renovation2 {
    background-image: linear-gradient(to top, rgba(0, 0, 0), rgba(0, 0, 0, 0)), url('../img/services/commercial-renovation/Office-Renovation-Service-Pg.webp');
}


.services-intro .item.item3 {
    background-image: linear-gradient(to top, rgba(0, 0, 0), rgba(0, 0, 0, 0)), url('../img/services/service-3.jpg');
}


.services-intro .item.item3.commercial-renovation3 {
    background-image: linear-gradient(to top, rgba(0, 0, 0), rgba(0, 0, 0, 0)), url('../img/services/commercial-renovation/Commercial-Kitchen-Renovation-Service-Pg.webp');
}


.services-intro .item.item4 {
    background-image: linear-gradient(to top, rgba(0, 0, 0), rgba(0, 0, 0, 0)), url('../img/services/service-4.jpg');
}


.services-intro .item.item4.commercial-renovation4 {
    background-image: linear-gradient(to top, rgba(0, 0, 0), rgba(0, 0, 0, 0)), url('../img/services/commercial-renovation/Commercial-Bathroom-Renovation-Service-Pg.webp');
}

.services-intro .item.item5.commercial-renovation4 {
    background-image: linear-gradient(to top, rgba(0, 0, 0), rgba(0, 0, 0, 0)), url('../img/services/commercial-renovation/industrial-renovation-main-page-image.webp');
}

.services-intro .item.item6.commercial-renovation4 {
    background-image: linear-gradient(to top, rgba(0, 0, 0), rgba(0, 0, 0, 0)), url('../img/services/commercial-renovation/Retail-Store-Renovation-Main-Page-Image.webp');
}

.services-intro .item.item5 {
    background-image: linear-gradient(to top, rgba(0, 0, 0), rgba(0, 0, 0, 0)), url('../img/services/service-5.jpg');
}

.services-intro .item:hover {
    filter: brightness(125%);
    transition: 0.3s ease;
}

.services-intro .image-area img {
    margin: 0 auto;
    margin-top: 50px;
}

.services-intro ul li a {
    color: #B88F41;
    font-weight: bold;
}

.services-work {
    background-image: url('../img/services/why-work-with-us-bg.jpg');
    background-size: cover;
    background-position: 50% 50%;
    padding: 0px 0px 80px 0px;
    margin-top: 80px;
}

.services-work .bg {
    background-color: rgba(0, 0, 0, 0.85);
    padding: 50px 0px 25px 50px;
    margin-top: -50px;
}

.services-work .bg h2 {
    color: #fff;
}

.services-work .bg img {
    margin-top: 35px;
}

.services-work .bg .row:last-child {
    padding-right: 30px;
}

.services-work .bg .content-area h4 {
    color: #fff;
}

.services-work .bg .content-area p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
}










/* single-service */
.single-service {
    padding-bottom: 120px;
}

.single-service .content-area h3 {
    font-size: 32px;
}

.single-service .image-area {
    margin-top: 50px;
}

.single-service .image-area img {
    margin: 0 auto;
}

.single-service .owl-carousel {
    margin-top: 50px;
}

.single-service .owl-carousel .owl-dot.active span {
    width: 25px;
    background: #000;
}

.single-service .content-area .btn-more {
    padding: 15px 30px;
    color: #fff;
}














/* vendor-form page */
.vendor-form {
    padding-bottom: 120px;
}

.vendor-form a {
    color: #B88F41;
}

.vendor-form table {
    margin-top: 35px;
    text-align: center;
    border: 1px solid #696969;
}

.table>thead:first-child>tr:first-child>td {
    display: flex;
    justify-content: center;
}

.vendor-form table thead tr td {
    text-align: center;
    width: 100%;
}

.vendor-form table thead tr td h4 {
    color: #fff !important;
}

.vendor-form table tr {
    text-align: center;
    display: flex;
    justify-content: start;
    WIDTH: 100%;
}

.vendor-form table tr td {
    padding: 5px 10px;
    text-align: left;
    width: 100%;
    display: flex;
    align-items: center;
}

.vendor-form table tr td.tdhead {
    background-color: #CCCCCC;
    width: 100%;
    display: flex;
    justify-content: center;
}

.vendor-form table tr td.sub-head {
    text-align: center;
    width: -webkit-fill-available;
}

.vendor-form table tr td input {
    /* border: none; */
    width: 100%;
    display: flex;
    margin-left: 10px;
}

.vendor-form table tr td span.star {
    color: #F00;
    font-weight: bold;
}

.vendor-form table tr td.submit-button {
    text-align: center;
    background-color: #000;
    display: flex;
    justify-content: center;
}

.vendor-form table tr td.submit-button .btn-submit {
    width: unset;
}










/* covid- page */
.covid-content {
    padding-bottom: 120px;
}

.covid-content table {}

.covid-content table tbody tr td {
    padding: 0px 10px;
    padding-left: 30px;
}

.covid-content .image-area img {
    margin: 0 auto;
    margin-top: 50px;
}

.covid-content .file-cheklist {
    text-align: center;
}

.covid-content .btn-pdf {
    padding: 20px 60px;
    font-size: 16px;
    color: #fff;
}






/* blogs page */
.blogs {
    padding: 80px 0px;
}

.blogs .item {
    margin-bottom: 50px;
}

.blogs .item .image-area img {
    width: 100%;
}

.blogs .item .content-area {
    background-color: #ededed;
    padding: 50px 35px;
    height: 585px;
}

.blogs .item .content-area h3 {
    color: #000;
    margin-top: 0px;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blogs .item .content-area p {
    margin-bottom: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blogs .item .content-area a.btn-blog {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 10px 50px 10px 10px;
    position: relative;
}

.blogs .item .content-area a.btn-blog::before {
    content: "\f178 ";
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 25px;
    color: #53565a;
    left: 115px;
    top: -5px;
    transition: 0.3s ease;
}

.blogs .item .content-area a:hover.btn-blog::before {
    left: 125px;
    transition: 0.3s ease;
}

.blog-title .content {
    padding: 90px 0px !important;
}

.blog-title h1 {
    font-size: 54px !important;
}

.blog-title p {
    color: #fff;
}

.blog-post {
    padding-bottom: 120px;
}

.blog-post img {
    margin: 0 auto;
    margin-bottom: 35px;
    width: 100%;
}

.blog-post h3 {
    font-size: 36px;
}

.blog-post h2 {
    font-size: 38px;
}

.blog-post h4 {
    font-size: 28px;
}

.blog-post h3 {
    font-size: 30px;
}

.blog-post p a {
    color: #B88F41;
    font-weight: bold;
}

.sharethis-inline-share-buttons {
    margin-top: 35px;
}

.blog-post table {
    width: 100%;
    margin-bottom: 40px;
}

.blog-post table,
td,
th {
    border: 1px solid black;
}

.blog-post td,
th {
    border: 1px solid black;
    padding: 15px 20px;
    width: 50%;
}







/* contact us page */
.contact {
    text-align: center;
}

.contact ul.contact-info {
    list-style-type: none;
    margin-top: 35px;
    padding: 0px;
}

.contact ul.contact-info li {
    display: inline-block;
    font-weight: bold;
    color: #55565a;
    margin-right: 35px;
}

.contact ul.contact-info li:last-child {
    margin-right: 0px;
}

.contact ul.contact-info a {
    position: relative;
    padding: 6px 0px;
    padding-left: 30px;
    transition: 0.3s ease;
}

.contact ul.contact-info a:before {
    font-family: 'FontAwesome';
    position: absolute;
    z-index: 100;
    font-size: 18px;
    left: 5px;
    transition: 0.3s ease;
}

.contact ul.contact-info a.address:before {
    content: "\f041 ";
}

.contact ul.contact-info a.phone:before {
    content: "\f095 ";
}

.contact ul.contact-info a.email:before {
    content: "\f0e0 ";
}

.contact ul.contact-info a:hover {
    color: #B88F41;
}

.contact ul.contact-info a:hover:before {
    color: #B88F41;
}

.contact .content-area ul.social {
    margin-top: 15px;
}

.contact .content-area ul.social li {
    display: inline-block;
    margin-right: 5px;
}

.contact .content-area ul.social li i {
    margin-right: 10px;
    color: #696969;
    font-size: 40px;
    transition: ease 0.3s;
}

.contact .content-area ul.social li i:hover {
    color: #B88F41;
    transition: ease 0.3s;
}

.contact-form {
    margin-top: 50px;
}

.contact-form .form-control {
    height: max-content;
    min-height: 70px;
    border-radius: 0px;
    box-shadow: none;
    color: #000;
    margin-bottom: 35px;
    border-color: #55565a;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.contact-form .wpcf7-radio span {
    flex: 0 30%;
    margin: 5px 0px;
}

.contact-form .wpcf7-radio span label {
    font-weight: 300;
    margin-left: 10px;
}

.contact-form span.glyphicon {
    display: none !important;
}

.contact-form label.btn-default {
    border: none;
    height: 70px;
    margin-top: -15px;
    display: flex;
    align-items: center;
}

.contact-form .form-control.message {
    height: 170px;
}

.contact-form .form-control.address {
    height: 100px;
}

.contact-form .btn-contact {
    font-size: 22px;
    font-weight: bold;
    width: 100%;
    height: 70px;
    border-radius: 0px;
}

.contact-form .btn-contact:hover {}

.contact-form .bootstrap-filestyle.input-group .form-control {
    margin-bottom: 15px;
}








/* aply job page */

.apply-job {
    padding-bottom: 120px;
    text-align: center;
}

.apply-job .application-form {
    margin-top: 50px;
}

.apply-job .form-control {
    height: 70px;
    border-radius: 0px;
    box-shadow: none;
    color: #000;
    margin-bottom: 25px;
    border-color: #55565a;
}

.apply-job .form-control.message {
    height: 170px;
}

.apply-job .btn-contact {
    font-size: 22px;
    font-weight: bold;
    width: 100%;
    height: 70px;
    border-radius: 0px;
}

.apply-job .btn-contact:hover {}

.apply-job .bootstrap-filestyle .btn-secondary {
    margin-bottom: 0;
    padding: 12px 20px;
    line-height: 22px;
    font-size: 15px;
    border-radius: 0px;
    background-color: #B88F41;
}

.apply-job .bootstrap-filestyle .glyphicon {
    display: none;
}

.apply-job .bootstrap-filestyle .input-group-btn:last-child>.btn {
    padding: 24px 50px;
    margin-top: -24px;
    margin-left: 0px;
    border-radius: 0px;
}















/* call-to-action */
.call-to-action {
    background-image: url('../img/cta-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    padding: 125px 0px;
    position: relative;
}

.call-to-action img {
    position: absolute;
    top: -55px;
}

.call-to-action h2 {
    font-size: 70px;
    margin: 0px;
    color: #fff;
    text-transform: uppercase;
}

.call-to-action .btn-cta {
    font-size: 24px;
    font-family: Ergonomique-Regular;
    margin-top: 35px;
    padding: 30px 65px;
}








.map {}

.map .map-area {
    line-height: 0;
}

.map .map-area iframe {
    width: 100%;
    height: 470px;
    border: 0px;
}



/* footer  */

.footer {
    padding-top: 70px;
    background: linear-gradient(90deg, rgb(20 20 20) 40%, rgba(159, 116, 37, 1) 100%);
    color: #fff !important;
}

.footer .footer-logo p {
    padding: 40px 50px 50px 0px;
    line-height: 34px !important;
    margin: 0;
}

.footer .main-footer-row {
    padding-bottom: 50px;
}



.footer ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.footer .footer-logo .footer-social ul li {
    display: inline-block;
    margin-right: 30px;
}

.footer .footer-logo a.navbar-brand {
    margin: 0;
}

.footer .footer-logo .footer-social ul li a img:hover {
    filter: sepia(1);
}

.footer h4 {
    padding-bottom: 30px;
    margin: 0;
}

.footer .footer-menu ul li {
    margin-bottom: 25px;
    color: #9A9A9A;
    position: relative;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    line-height: 25px;
    width: 49%;
    display: inline-block;
}

.footer .footer-menu ul li a:hover {
    color: #345884 !important;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}





.footer-contact-area ul li {
    margin-bottom: 35px;
    display: inline-block;
    margin-right: 30px;
}

.footer-contact-area ul li a {
    color: #9A9A9A;
}

.footer-contact-area ul li a:hover {
    color: #345884 !important;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.footer-contact-area ul li a img {
    margin-right: 20px;
}

.footer-contact-area ul li a:hover img {
    filter: contrast(1.5);
}

.copyright-area .content-area p {
    margin: 0;
    font-size: 18px;
}

.copyright-area .content-area p a:hover {
    color: #000000 !important;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.copyright-area .content-area.text-white {
    border-top: 1px solid #CECECE;
    padding: 40px 0px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.footer .footer-menu ul li a {
    font-weight: 600;
    color: #ffffff;
}

.footer .footer-menu ul li a.sub-page {
    font-weight: 300;
}

.footer-contact-area ul li i {
    font-size: 25px;
    background: #326295;
    border-radius: 50px;
    padding: 10px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    transition: 0.3s ease;
    font-family: 'FontAwesome';
}

.footer-logo img {
    width: 180px;
}

.footer-contact-area ul li a:hover i {
    color: #fff !important;
    transition: 0.3s ease;
    filter: grayscale(1);
}

.footer .footer-menu.footer-menu-2 ul li:nth-child(3),
.footer .footer-menu.footer-menu-2 ul li:nth-child(4),
.footer .footer-menu.footer-menu-2 ul li:last-child {
    margin-bottom: 10px !important;
}

.copyright-area {
    background: #54585A;
    color: #fff;
    padding: 25px 0px;
}

.copyright-area .content-area {
    display: flex;
    justify-content: space-between;
}

.copyright-area p.privacy a:last-child {
    margin-left: 30px;
}

.copyright-area p.privacy a:first-child {
    margin-right: 30px;
}

.goto-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    transition: ease 0.3s;
    z-index: 10000;
}

.goto-top.show-top {
    display: block;
    transition: ease 0.3s;
}



.wpcf7 form.sent .wpcf7-response-output {
    display: none !important;
}




.blogs .pagination-link {
    margin-left: -30px;
}

.blogs .pagination-link a {
    font-size: 20px;
    margin: 0px 10px;
    width: 260px;
    padding: 20px 0;
    background-color: #B88F41;
    color: #fff;
    text-align: center;
    float: left;
}

.blogs .pagination-link.prev-posts-link {
    margin-right: 20px;
}

.grecaptcha-badge {
    right: -260px !important;
}

.chaty-widget-i-title.true {
    font-size: 14px !important;
}


/* project information Page */

.project-information h2 {
    margin-bottom: 30px;
}


.project-information .form-group .form-control {
    border: 1px solid #000;
    border-radius: 0px;
    height: 60px;
    margin-bottom: 30px;
}

.project-information .button-area {
    text-align: center;
}

.project-information .button-area .btn-submit {
    padding: 15px 50px;
    margin-bottom: 30px;
}




/* landing-page */

/* header  */

.section-padding {
    padding: 0px 160px;
}



.section {
    padding-top: 80px;
}

.landing-page-header {
    background-color: #ffffff;
}

.landing-page-header .navbar-header {
    background-color: unset !important;
    padding: 28px 0px !important;
}

.landing-page-header .navbar-header {
    background-color: unset !important;
    padding: 11px 0px !important;
}

.landing-page-header {
    background-color: #ffffff;
    padding: 0px 150px !important;
}

.landing-page-header .header-padding {
    padding-right: 0px !important;
}

.landing-page-header .navbar-nav li a {
    color: #53565A !important;
    font-size: 34px;
    font-family: 'Ergonomique-Bold';
    padding: 0px !important;
    border-color: unset !important;
    text-transform: unset !important;
    line-height: 46px !important;
}

.landing-page-header .navbar-nav li a:hover {
    color: #B88F41 !important;
}

.landing-page-header .navbar-right {
    padding: 43px 0px !important;
}

.landing-page-header ul li {
    padding: 0px 0px 0px 50px !important;
}

.landing-page-header ul li a img {
    display: inline-block;
    margin: -10px 20px 0px 0px;
}

header.sticky .landing-page-header .navbar-header img {
    width: 90px !important;
    transition: ease 0.3s;
}

header.sticky .landing-page-header .navbar-right {
    padding: 26px 0px !important;
}

header.sticky .landing-page-header .navbar-header {
    background-color: unset !important;
    padding: 0px 0px !important;
}

header.sticky .landing-page-header .navbar-nav li a {
    font-size: 26px;
}


/* landing banner  */

/* .landing-page-banner .landing-home {
    padding-right: 90px !important;
} */

.no-right-padding {
    padding-right: 0px !important;
}

.landing-page-banner {
    background: url('../img/landing-page/header-bg-new.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 121px;
}

.landing-page-banner .content-area {
    padding: 280px 0px 280px 0px;
}

.landing-page-banner h1 {
    font-size: 90px;
    color: #fff !important;
    margin: 0px;
    font-family: 'Ergonomique-Black';
    text-shadow: 2px 2px #000 !important;
}

.landing-page-banner h2 {
    font-size: 45px !important;
    color: #fff !important;
    margin: 0px;
    font-family: 'Ergonomique-Black';
}

.landing-page-banner p {
    font-size: 41px !important;
    color: #fff !important;
    margin: 0px;
    line-height: 47px;
    padding-top: 30px;
    font-family: 'Ergonomique-Regular';
}

.landing-page-banner .form-content-area {
    box-shadow: rgb(100 100 111 / 10%) 0px 7px 29px 0px;
    margin-top: 152px;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
}

.landing-page-banner .form-content-area h3 {
    background: #53565A;
    color: #fff;
    padding: 40px 0px 30px;
    font-size: 38px;
    font-family: 'Ergonomique-Bold';
    margin: 0px;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
}

.landing-page-banner .form-content-area form {
    background: #fff;
    padding: 35px 40PX;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
}

.landing-page-banner .form-content-area .banner-form {
    background: #fff;
    padding: 35px 40PX;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
}

.landing-page-banner .form-content-area input {
    background: #F9F9F9;
    height: 85px;
    padding: 0px 35px;
}

.landing-page-banner .form-content-area input::placeholder {
    font-size: 22px;
    font-family: 'Ergonomique-Regular';
}

.landing-page-banner .form-content-area textarea {
    font-size: 22px;
    font-family: 'Ergonomique-Regular';
    height: 140px;
    background: #F9F9F9;
}

.landing-page-banner .form-content-area input.btn.submit-btn {
    background: #B88F41 !important;
    font-size: 27px !important;
    font-family: 'Ergonomique-Bold' !important;
    padding: 21px 95px !important;
    display: block;
    margin: 0 auto;
    line-height: 44px;
    border-radius: 0;
}

.landing-page-banner .form-content-area .form-group {
    margin-bottom: 30px;
}

.landing-page-banner .form-content-area .button-area .form-group {
    margin-bottom: 0px !important;
}

.landing-page-banner .form-content-area input.btn.submit-btn:hover {
    color: #fff;
    background-color: #53565a !important;
    transition: ease 0.3s;
}

.landing-page-banner .landing-page-form {
    margin-bottom: -125px;
    display: flex;
    align-items: end;
    z-index: 1;
}


/* store-front */

.store-front-improv {
    background: url('../img/landing-page/store-front-improv-bg.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 40px;
    position: relative;
}



.store-front-improv .image-area {
    display: flex;
    justify-content: end;
}

.store-front-improv h2.color-text {
    color: #B88F41;
    font-size: 50px;
    font-family: 'Ergonomique-Black';
    margin-bottom: 0px !important;

}

.store-front-improv h2 {
    color: #373030;
    margin: 0px;
    line-height: 57px;
}

.store-front-improv p {
    font-size: 20px;
    font-family: 'Ergonomique-Regular';
    line-height: 44px;
    padding-top: 20px;
    margin-bottom: 0px !important;
    font-weight: 400 !important;
}

.store-front-improv .store-front-row {
    display: flex;
    align-items: center;
}






/* about us */

.about-us {
    background: url('../img/landing-page/revamp-bussiness-bg.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 100px;
}

.about-us .heading-area h2.color-text {
    font-size: 55px;
    font-family: 'Ergonomique-Black';
    margin: 0px;
    color: #B88F41;
}

.about-us .about-us-row {
    display: flex;
    align-items: center;
}

.about-us .about-us-row img {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.about-us .about-us-row h2 {
    line-height: 64px;
    font-size: 44px;
    font-family: 'Ergonomique-Black';
    margin: 0px;
    color: #B88F41;
}

.about-us .about-us-row h2.color-text {
    font-size: 55px;
    font-family: 'Ergonomique-Black';
    margin: 0px;
    color: #B88F41;
}

.about-us .about-us-row p {
    font-size: 18px;
    font-family: 'Ergonomique-Regular';
    line-height: 38px;
    padding-top: 20px;
    margin-bottom: 0px !important;
    font-weight: 400 !important;
}

.about-us .about-us-row a.btn.btn-home-about:hover {
    background: transparent !important;
}


a.btn.btn-home-about {
    margin-top: 30px;
}








/* SERVICES */

.services {
    background: url('../img/landing-page/revamp-bussiness-bg.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 100px;
}

.services .heading-area h2.color-text {
    font-size: 55px;
    font-family: 'Ergonomique-Black';
    margin: 0px;
    color: #B88F41;
}

.services .services-row {
    display: flex;
    align-items: center;
}

.services .services-row h2 {
    line-height: 64px;
    font-size: 44px;
    font-family: 'Ergonomique-Black';
    margin: 0px;
    color: #B88F41;
}

.services .services-row h2.color-text {
    font-size: 55px;
    font-family: 'Ergonomique-Black';
    margin: 0px;
    color: #B88F41;
}

.services .services-row p {
    font-size: 18px;
    font-family: 'Ergonomique-Regular';
    line-height: 38px;
    padding-top: 20px;
    margin-bottom: 0px !important;
    font-weight: 400 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

a.btn.btn-home-about {
    margin-top: 30px;
}


.services .content-area {
    background: #fff;
    padding: 70px 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin: 12px 0px;
    transition: 0.3s ease;
}

.services .content-area:hover {
    background-color: rgba(184, 143, 65, 0.9);
    color: #fff !important;
    transition: 0.3s ease;
}

.services .content-area:hover {
    background-color: rgba(184, 143, 65, 0.9);
    color: #fff !important;
    transition: 0.3s ease;
}

.services .content-area:hover h2 {
    color: #fff !important;
    transition: 0.3s ease;
}

.services .content-area:hover a.btn.btn-home-about {
    border: 2px solid #fff !important;
    transition: 0.3s ease;
}

.services .content-area a.btn.btn-home-about:hover {
    color: #fff !important;
    transition: 0.3s ease;
}



.services-inner-sec {
    background: url('../img/landing-page/revamp-bussiness-bg.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 100px;
}

.services-inner-sec h2.color-text {
    font-size: 55px;
    font-family: 'Ergonomique-Black';
    margin: 0px;
    color: #B88F41;
}

.services-inner-sec .services-inner-sec-row {
    display: flex;
    align-items: center;
}

.services-inner-sec .services-inner-sec-row img {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.services-inner-sec .services-inner-sec-row h2 {
    line-height: 64px;
    font-size: 44px;
    font-family: 'Ergonomique-Black';
    margin: 0px;
    color: #B88F41;
}

.services-inner-sec .services-inner-sec-row h2.color-text {
    font-size: 55px;
    font-family: 'Ergonomique-Black';
    margin: 0px;
    color: #B88F41;
}

.services-inner-sec .services-inner-sec-row p {
    font-size: 18px;
    font-family: 'Ergonomique-Regular';
    line-height: 38px;
    padding-top: 20px;
    margin-bottom: 0px !important;
    font-weight: 400 !important;
}

.services-inner-sec .services-inner-sec-row a.btn.btn-home-about:hover {
    background: transparent !important;
}







/* improvement-program */
.improvement-program .left-col {
    background: #0D1820;
    padding: 0px 0px;
}

.improvement-program .improvement-program-row {
    display: flex;
    align-items: center;
}

/* .improvement-program .left-col .content-area {
    color: #fff !important;
    padding: 60px 10px 60px 150px;
} */

.improvement-program .left-col .content-area {
    color: #fff !important;
    padding: 45px 10px 45px 150px;
}


.improvement-program p {
    font-size: 30px;
    font-family: 'Ergonomique-Regular';
    line-height: 50px;
    padding-top: 20px;
}

.improvement-program h3 {
    font-size: 40px;
    color: #fff;
    font-family: 'Ergonomique-Bold';
}

.improvement-program .right-col {
    padding-left: 0px;
    padding-right: 0px;
}

.improvement-program a.program-btn {
    background: #B88F41;
    padding: 19px 121px;
    font-size: 23px;
    font-family: 'Ergonomique-Bold';
    display: inline-block;
    line-height: 31px;
    margin-right: 50px;
    text-align: center;
}

.improvement-program a.program-btn:hover {
    color: #fff;
    background-color: #53565a !important;
    transition: ease 0.3s;
}

.improvement-program a.progrom-phone {
    display: inline-block;
    font-size: 42px;
    font-family: 'Ergonomique-Bold';
    transition: all 0.3s ease;
}

.improvement-program a.progrom-phone:hover {
    color: #B88F41 !important;
    transition: all 0.3s ease;
}



.improvement-program .sec-contact-area img {
    display: inline-block;
    margin-right: 30px;
}

.improvement-program .sec-contact-area {
    display: flex;
    align-items: center;
}

.improvement-program h2 {
    font-size: 47px;
    font-family: 'Ergonomique-Black';
    color: #fff;
    margin: 0px;
}



/* boost-your-bussiness */



.boost-your-bussiness h2 {
    font-size: 38px;
    font-family: 'Ergonomique-Black';
    color: #373030;
    line-height: 44px;
}


.boost-your-bussiness p {
    font-size: 30px;
    font-family: 'Ergonomique-Regular';
    line-height: 64px;
    padding-right: 215px;
}




/* at-belvan-consturction */

.at-belvan-construction h3 span {
    font-size: 67px;
    font-family: 'Ergonomique-Black';
    color: #B88F41;
}

.at-belvan-construction h3 {
    margin: 0px !important;
    line-height: 57px;
}

.at-belvan-construction h2 {
    font-size: 143px !important;
    font-family: 'Ergonomique-Bold';
    color: #242020;
    margin: 0px !important;
    line-height: 122px;
    text-transform: unset;
}

.at-belvan-construction p {
    font-size: 30px;
    color: #242020;
    font-family: 'Ergonomique-Regular';
    padding-right: 115px;
    padding-top: 20px;
}

.boost-your-bussiness .section-padding {
    padding-right: 15px !important;
}




/* above-recent-project  */


.above-our-recent-project-section p {
    font-size: 30px;
    font-family: 'Ergonomique-Regular';
    color: #fff;
}

.above-our-recent-project-section .content-area {
    padding: 120px 90px 120px 0px;
}

.above-our-recent-project-section .above-our-recent-project-row {
    background: url('../img/landing-page/above-recent-project-bg.png');
    background-size: 82% 100%;
    background-position: right;
    background-repeat: no-repeat;
}



/* our recent project  */

.recent-project h3 {
    margin: 0px !important;
    color: #B88F41;
    font-size: 67px;
    font-family: 'Ergonomique-Bold';
}

.recent-project h2 {
    font-size: 83px !important;
    font-family: 'Ergonomique-Bold';
    color: #242020;
    margin: 0px !important;
}

.recent-project .heading-area {
    padding-bottom: 50px;
}

/* .recent-project .image-area img {
    width: 100%;
} */


/* why-wait */

.why-wait h3 {
    margin: 0px !important;
    color: #B88F41;
    font-size: 67px;
    font-family: 'Ergonomique-Bold';
}

.why-wait h2 {
    font-size: 83px !important;
    font-family: 'Ergonomique-Bold';
    color: #242020;
    margin: 0px !important;
}

.why-wait p {
    font-size: 30px;
    font-family: 'Ergonomique-Regular';
}

.why-wait .section-padding {
    padding: 0px 150px 80px !important;
}

.why-wait .content-area p {
    padding: 0px 90px;
}




/* landing-cta */

.landing-page-cta {
    background: url('../img/landing-page/landing-cta-bg.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}


.landing-page-cta h2 {
    font-size: 90px;
    font-family: 'Ergonomique-Black';
    color: #fff;
    line-height: 82px;
}

.landing-page-cta a.cta-btn {
    background: #B88F41;
    padding: 19px 121px;
    font-size: 23px;
    font-family: 'Ergonomique-Bold';
    display: inline-block;
    line-height: 31px;
    margin-right: 50px;
    text-align: center;
    transition: ease 0.3s;
    color: #fff;
}

.landing-page-cta a.cta-btn:hover {
    background: #53565a;
    transition: ease 0.3s;
    color: #fff;

}

.landing-page-cta .content-area {
    padding: 80px 0px 120px;
}




/* landing-footer */


footer.landing-footer {
    padding: 25px 0px;
    background: #242020 !important;
}

footer.landing-footer .section-padding {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
}

footer.landing-footer .copyright span {
    color: #fff;
    font-size: 20px;
    font-family: 'Ergonomique-Bold';
}

footer.landing-footer .copyright .content {
    border-top: none;
    padding: 5px 0px;
}

footer.landing-footer .copyright .reach-logo {
    float: right;
    width: 146px;
}

footer.landing-footer a.copyright-link:hover {
    color: #B88F41;
    transition: ease 0.3s;
}


a.logo-name {
    font-size: 30px;
    font-weight: 900;
    font-family: 'Ergonomique-Black';
}





/* cta  */

.cta-contact a.btn-cta-phone {
    padding: 21px 48px;
    border-radius: unset;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    margin-left: 30px;
    border-width: 2px !important;
    border-style: solid !important;
    border-image: #B88F41 !important;
}

.cta-section {
    background: linear-gradient(90deg, rgb(20 20 20) 40%, rgba(159, 116, 37, 1) 100%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px 100px 0px !important;
}

.cta-contact a.btn-cta-phone {
    color: #ffffff !important;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.cta-contact a.btn-cta-phone i.fa.fa-phone {
    margin-right: 10px;
    font-size: 20px !important;
    position: relative;
    top: 2px;
}

.cta-contact a.btn-cta-phone:hover {
    color: #B88F41 !important;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    background: #fff !important;
}

.cta-contact h2 {
    margin-bottom: 0px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

h2.text-white.lst-child {
    padding-bottom: 35px;
    color: #B88F41 !important;
}

.cta-contact a.btn.btn-book-consultation {
    padding: 21px 48px;
    border-radius: unset;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    /* border: 1px solid #091235 !important; */
    border-width: 2px !important;
    border-style: solid !important;
    border-image: #B88F41 !important;
}

.cta-contact a.btn.btn-book-consultation:hover {
    background: #0B1236 !important;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    /* border: 1px solid #B88F41 !important; */
}

.cta-contact a.btn-cta-phone img {
    margin-right: 15px;
    margin-top: -4px;
}

.home-contact-form input {
    margin-bottom: 30px;
    padding: 12px 25px;
    border: 2px solid #B88F41 !important;
    font-weight: 600;
}

.home-contact-form textarea#message {
    margin-bottom: 30px;
    padding: 20px 20px;
    border: 1px solid #B88F41 !important;
    font-weight: 600;
}

.home-contact-form .heading-area h2.color-text {
    font-size: 55px;
    font-family: 'Ergonomique-Black';
    margin: 0px;
    color: #B88F41;
}

.home-contact-form .wpcf7-spinner {
    display: none;
}

.home-contact-form {
    background: url(../img/landing-page/contact-form-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 40px;
    margin-top: 80px;
    margin-bottom: 80px;
}




.inner-page-banner {
    background: url(../img/landing-page/contact-form-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 121px;
}

.inner-page-banner .content-area {
    padding: 150px 0px;
}


.share-holders p.head-share {
    font-weight: 900 !important;
}

.share-holders p {
    margin-bottom: 0px;
}