/*
Theme Name: Construction Master
Template: bizberg
Text Domain: construction-master
Author: Bizberg Themes
Author URI: https://bizbergthemes.com/
Theme URI: https://bizbergthemes.com/downloads/construction-master/
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Construction Master is a powerful and highly versatile free WordPress theme specifically designed for construction companies, architecture firms, building contractors, and other businesses in the construction and design industry. Developed as a child theme of the popular Bizberg WordPress Theme, Construction Master combines a clean, modern look with a solid Bootstrap framework, ensuring your website is fully responsive, mobile-friendly, and compatible with all major web browsers. Its robust design makes it suitable not only for construction and architectural projects but also for a wide range of purposes including corporate websites, legal firms, creative agencies, educational institutions, architectural studios, and furniture companies that want a professional online presence. This SEO-optimized WordPress theme helps your business rank higher in search results and attract more clients organically, while its full support for the Elementor page builder allows you to create and customize pages easily with simple drag-and-drop functionality — no coding required. Translation-ready and packed with extensive features, Construction Master is easy to set up and manage, with comprehensive documentation and a dedicated support team always ready to assist you if you need help. Whether you’re showcasing your latest building projects, promoting your architectural services, or growing your construction business online, Construction Master provides a user-friendly, reliable, and flexible solution that honors traditional design principles while meeting modern web standards.
Tags: custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,left-sidebar,right-sidebar,grid-layout,theme-options,blog,news,portfolio
Version: 0.5
Requires PHP: 5.6
Tested up to: 6.8.1
*/

.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;
}

.services-one {
    position: relative;
    display: block;
    padding: 100px 0 100px;
}

.section-title {
    margin-top: -8px;
    margin-bottom: 43px;
}

.services-one__icon-plus a:hover {
    color: #fff !important;
}

.section-title__title {
    position: relative;
    display: inline-block;
    margin: 0;
    font-size: 37px;
    line-height: 47px;
    font-weight: 700;
    margin-bottom: 43px;
    font-family: 'Lato';
    color: #000;
}

.section-title__title:before {
    position: absolute;
    bottom: -20px;
    left: 50%;
    height: 5px;
    width: 80px;
    content: "";
    background-color: #fcb80b;
    transform: translateX(-50%);
}

.section-title__text {
    position: relative;
    display: block;
    margin: 0;
}

.services-one__carousel {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
}

.services-one__single {
    position: relative;
    display: block;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 40px 0px rgb(0, 0, 0, .12);
    text-align: center;
    z-index: 1;
}

.services-one__single::before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5px;
    background-color: #fcb80b;
    content: "";
    opacity: .22;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-one__single-inner {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 80px 45px 83px;
    z-index: 1;
}

.services-one__icon {
    position: relative;
    width: 100px;
    height: 60px;
    background-color: #fcb80b;
    margin: 0px auto;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-one__icon:before, .services-one__icon:after {
    content: "";
    position: absolute;
    width: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    left: 0px;
    right: 0px;
}

.services-one__icon:before {
    bottom: 100%;
    border-bottom: 30px solid #fcb80b;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-one__icon span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 45px;
    color: #fff;
    transform: scale(1);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-one__icon span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 45px;
    color: #fff;
    transform: scale(1);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-one__icon:after {
    top: 100%;
    width: 0;
    border-top: 30px solid #fcb80b;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-one__title {
    font-size: 25px;
    font-weight: 700;
    line-height: 35px;
    margin-top: 57px;
    margin-bottom: 10px;
}

.services-one__title a {
    color: #222222;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-one__text {
    margin: 0;
}

.services-one__icon-plus {
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
}

.services-one__icon-plus a {
    position: relative;
    display: inline-block;
    height: 75px;
    width: 75px;
    border-radius: 50%;
    margin: 0 auto;
    font-size: 16px;
    color: #fff;
    padding-top: 9px;
    z-index: 1;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-one__icon-plus a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 35px;
    background-color: rgba(252, 184, 11, .22);
    z-index: -1;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-one__single::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5px;
    background-color: #fcb80b;
    content: "";
    transform: scaleX(0.0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.25, 0.45, 0.22);
    z-index: 2;
}

.services-one__single:hover .services-one__icon {
    background-color: #222222;
}

.services-one__single:hover .services-one__icon:before {
    border-bottom: 30px solid #222222;
}

.services-one__single:hover .services-one__icon:after {
    border-top: 30px solid #222222;
}

.services-one__single:hover .services-one__title a {
    color: #fcb80b;
}

.services-one__single:hover::after {
    transform: scaleX(1.0);
}

.services-one__single:hover .services-one__icon-plus a:before {
    background-color: #fcb80b;
}

// about us

.about-one {
    position: relative;
    display: block;
    padding: 0 0 100px;
}

.about-one__inner-box {
    position: relative;
    display: block;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 32.9px 2.1px rgba(0, 0, 0, 0.11);
}

.about-one__inner {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 70px 0;
    margin-bottom: 70px;
}

.about-one-shape-1 {
    position: absolute;
    border-radius: 50%;
    background-color: #fcb80b;
    opacity: 0.66;
    width: 307px;
    height: 307px;
    top: -180px;
    left: -180px;
}

.about-one-shape-2 {
    position: absolute;
    border-radius: 50%;
    background-color: #fcb80b;
    opacity: 0.50;
    width: 307px;
    height: 307px;
    top: -160px;
    left: -160px;
    -webkit-animation: pulse 2s infinite;
    -o-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}

.about-one-shape-3 {
    position: absolute;
    border-radius: 50%;
    background-color: #fcb80b;
    opacity: 0.66;
    width: 307px;
    height: 307px;
    bottom: -165px;
    right: -165px;
}

.about-one-shape-4 {
    position: absolute;
    border-radius: 50%;
    background-color: #fcb80b;
    opacity: 0.50;
    width: 307px;
    height: 307px;
    bottom: -150px;
    right: -150px;
    -webkit-animation: pulse 2s infinite;
    -o-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}

.about-one__img {
    position: relative;
    display: block;
    margin-left: 60px;
    margin-right: 30px;
}

.about-one__img img {
    width: 100%;
}

.about-one__content {
    position: relative;
    display: block;
    margin-right: 130px;
}

.section-title {
    margin-top: -8px;
    margin-bottom: 43px;
}

.about-one .section-title {
    margin-bottom: 27px;
}

.about-one__points {
    position: relative;
    display: block;
    margin-bottom: 43px;
}

.about-one__btn {
    padding: 11px 40px 12px;
}

.thm-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: none !important;
    background-color: #fcb80b;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    padding: 16px 45px 17px;
    transition: all .35s;
    overflow: hidden;
    z-index: 1;
}

.thm-btn:after, .thm-btn:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0;
    background-color: #222222;
    border-radius: 5px;
    z-index: -1;
    transition: all .35s;
}

.about-one .section-title__title:before {
    left: 0;
    transform: translateX(0);
}

.thm-btn:hover {
    color: #fff;
}

.thm-btn:hover:after, .thm-btn:hover:before {
    top: 0;
}

.thm-btn:hover:after, .thm-btn:hover:before {
    top: 0;
}

.thm-btn:hover:after {
    transition-delay: .2s;
}

@media (max-width: 991px){
    .services-one__carousel {
        grid-template-columns: 1fr;
    }
    .services-one__carousel {
        padding: 0 40px;
    }
    .about-one__img {
        margin-left: 60px;
        margin-right: 60px;
    }
    .about-one__content {
        margin-right: 60px;
        margin-left: 60px;
        margin-top: 50px;
    }
}

@media (max-width: 400px){
    .about-one__content {
        margin-right: 30px;
        margin-left: 30px;
        margin-top: 30px;
    }
    .about-one__img {
        margin-left: 30px;
        margin-right: 30px;
    }
    .about-one__inner {
        padding: 30px 0;
    }
    .about-one__inner {
        margin-bottom: 10px;
    }
    .services-one {
        padding: 50px 0;
    }
}