/*
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 child theme derived from the popular Bizberg WordPress Theme. It is primarily designed for construction businesses and architecture firms, but its versatility allows it to be used for various other purposes such as corporate, legal, agency, educational, architectural, and furniture companies. This theme offers a wide range of features and showcases an attractive layout. Built on the Bootstrap framework, it ensures user-friendliness and convenience. With full responsiveness, compatibility across different web browsers, translation readiness, and SEO optimization, this WordPress theme guarantees a seamless experience. In case you encounter any issues, our comprehensive documentation or friendly support team are available to assist you. Additionally, Construction Master fully supports Elementor, with all sections created using this popular page builder.
Tags: custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,left-sidebar,right-sidebar,grid-layout,theme-options,blog,news,portfolio
Version: 0.4
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;
}

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