/*
Theme Name: Construction Solutions
Template: bizberg
Text Domain: construction-solutions
Author: Bizberg Themes
Author URI: https://bizbergthemes.com/
Theme URI: https://bizbergthemes.com/downloads/construction-solutions/
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Construction Solutions is a specialized theme created as a child theme of the well-known Bizberg WordPress Theme. Tailored specifically for construction businesses and architecture firms, it offers a versatile design suitable for corporate, legal, agency, educational, architectural, and furniture companies as well. The theme comes with a variety of features and an attractive layout. Developed on the Bootstrap framework, it prioritizes user-friendliness and convenience. With full responsiveness, compatibility across various web browsers, translation readiness, and SEO optimization, Construction Solutions ensures a smooth user experience. If you encounter any issues, our comprehensive documentation and friendly support team are ready to assist you. Additionally, Construction Solutions is fully compatible with Elementor, leveraging this popular page builder to create all sections for enhanced flexibility and customization.
Tags: custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,left-sidebar,right-sidebar,grid-layout,theme-options,blog,news,portfolio
Version: 0.2
Requires PHP: 5.6
Tested up to: 6.2
*/

.navbar-default .navbar-nav > li > a {
    letter-spacing: 0;
}

.blog-lists.blog-nosidebar-1 .blog-listing.no-sidebars .blog-post.blog-large .entry-header {
    margin-top: 0 !important;
}

.feature-area {
    padding: 80px 0 60px;
}

.text-center {
    text-align: center !important;
}

.section-sub-thumb {
    display: inline-flex;
    align-items: center;
}

.section-sub-titile {
    display: inline-block;
    margin: 0 10px 0;
}

.section-sub-titile h4 {
    font-family: 'MontserratRegular';
    font-weight: 500;
    margin-bottom: 10px;
    color: #000;
}

.section-main-title h2 {
    font-family: 'MontserratRegular';
    color: #fcb80b;
    font-weight: 600;
    margin-bottom: 48px;
}

.feature-single-box {
    text-align: center;
    filter: drop-shadow(0px 1px 25.5px rgba(0, 0, 0, 0.08));
    background-color: #ffffff;
    padding: 58px 36px 54px;
    transition: .5s;
    position: relative;
    top: 0;
}

.feauture-icon {
    border: 1px dashed #dddddd;
    display: inline-block;
    padding: 23px 40px;
    margin-bottom: 35px;
}

.feauture-content h4 a {
    color: #000;
    font-weight: 600;
    text-decoration: none;
    font-family: 'Poppins';
}

.feauture-content p {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    margin: 15px 0 28px;
}

.feauture-icon i {
    font-size: 45px;
    color: #fcb80b;
}

.feature-btn a {
    display: flex;
    justify-content: space-around;
    background: #f2f6f7;
    width: 100%;
    height: 60px;
    align-items: center;
    margin: auto;
    font-size: 16px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: .5s;
    font-family: 'Poppins';

}

.feature-btn a:hover{
    background: #fcb80b;
    color: #fff !important;
}

.feature-btn a::before {
    position: absolute;
    width: 250%;
    height: 200%;
    background: #1685b6;
    content: "";
    transition-duration: 800ms;
    top: 110%;
    left: 44%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;
}

.service-single-item {
    padding: 40px 26px 33px 40px;
    position: relative;
    z-index: 1;
    transition: .5s;
    margin-bottom: 30px;
}

.service-single-item::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #fcb80b;
    z-index: -1;
    transform: perspective(500px)rotateX(90deg);
    -webkit-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms;
    background-repeat: no-repeat;
    background-size: cover;
}

.service-single-item:hover:before {
    transform: perspective(500px)rotateX(0deg);
}

.service-icon-box {
    display: flex;
    align-items: center;
    margin-bottom: 23px;
}

.service-icons {
    float: left;
    width: 50px;
    height: 50px;
    background-color: #fcb80b;
    line-height: 62px;
    text-align: center;
    margin-right: 20px;
    transition: .5s;
}

.service-icons img {
    filter: brightness(0)invert(1);
    transition: .5s;
}

h3.service-title2 {
    font-size: 24px;
    color: #171717;
    font-weight: 700;
    font-family: 'Poppins';
    margin: 0;
}

p.service-description {
    transition: .5s;
    padding-bottom: 10px;
}

.service-button a {
    display: inline-block;
    font-size: 15px;
    color: #fcb80b;
    font-weight: 700;
    font-family: 'Poppins';
}

.service-button a i {
    font-size: 13px;
    font-weight: 600;
    margin-left: 12px;
    display: inline-block;
    transform: rotate(-45deg);
}

.service-single-item::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: #fcb80b;
    z-index: -1;
    transition: .5s;
    opacity: 1;
}

.service-icons i {
    color: #fff;
    font-size: 30px;
}

.service-single-item:hover .service-title2,
.service-single-item:hover .service-description,
.service-single-item:hover a,
.service-single-item:hover a:hover {
    color: #fff !important;
}

.our_offers {
    padding-bottom: 20px;
}