/*
Theme Name: Construction Sewa
Template: bizberg
Text Domain: construction-sewa
Author: Bizberg Themes
Author URI: https://bizbergthemes.com/
Theme URI: https://bizbergthemes.com/downloads/construction-sewa/
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Construction Sewa is a child theme of Bizberg WordPress Theme and stands as a powerful construction WordPress theme, building company WordPress theme, architecture WordPress theme, contractor WordPress theme, renovation business WordPress theme, and construction services WordPress theme designed to meet the needs of modern industrial and corporate websites while maintaining a traditional, reliable, and structured design approach that has always been valued in professional business presentation, making it an ideal construction company website template, construction business website theme, builder website WordPress theme, and construction agency WordPress theme suitable for architecture firm WordPress theme, engineering WordPress theme, real estate construction theme, handyman services WordPress theme, furniture companies, agencies, education, corporate construction theme, and multipurpose construction theme use cases, all while offering a modern yet classic foundation built on the Bootstrap framework that ensures stability, flexibility, and ease of use, and includes Elementor construction theme compatibility where every section is carefully designed for smooth drag-and-drop customization, making it a fully responsive construction WordPress theme, SEO friendly construction theme, responsive construction WordPress theme, and cross-browser compatible solution that performs efficiently across all devices and platforms, while also serving as a construction portfolio WordPress theme and modern construction website template that helps showcase projects with clarity and professionalism, and as a construction services website design it provides structured layouts for presenting services in a clear and trustworthy way, making it a truly construction industry WordPress theme and industrial WordPress theme that respects proven web design principles while embracing practical modern features, and being translation ready ensures global accessibility, while its SEO-friendly structure supports better visibility for keywords such as construction WordPress theme, architecture WordPress theme, contractor WordPress theme, and construction business website theme, and with detailed documentation and dedicated support it ensures users can always rely on stable guidance and long-term usability without unnecessary complexity.
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 at least: 4.9
Tested up to: 6.9
Requires PHP: 5.6
*/

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

/**
* Start Services CSS
*/

.services_content_wrapper {
    padding: 80px 0;
}

.services_content_wrapper .column_wrapper {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 75px;
}

.services_content_wrapper .column {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.services_content_wrapper h4 {
    color: #fcb80b;
}

.services_content_wrapper h2 {
    color: #000;
    font-weight: 900;
}

.services_content_bottom_wrapper{
    background: #f9f9f9;
    margin-top: 100px;
    padding-bottom: 50px;
}

.services_content_bottom_wrapper .column_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: -100px;
    grid-column-gap: 40px;
}

.services_content_bottom_wrapper .column_wrapper .item {
    padding: 60px 40px;
    background: #fff;
    box-shadow: 0px 0px 18px 1px rgb(0 0 0 / 10%);
    border-left: 2px solid #222;
    display: flex;
    flex-direction: column;
    row-gap: 25px;
}

.services_content_bottom_wrapper .column_wrapper .item i {
    font-size: 45px;
    color: #fcb80b;
}

.services_content_bottom_wrapper .column_wrapper .item:hover {
    border-left: 2px solid #fcb80b;
}

.services_content_bottom_wrapper .column_wrapper .item h3{
    color: #000;
    line-height: 1.4;
    font-weight: 900;
}

.feature-item__more a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border: 1px solid #eee;
    border-radius: 50%;
    background-color: #f9f9f9;
    color: #222;
    transition: all .3s linear;
}

/**
* End Services CSS
*/

/**
* Start Categories CSS
*/

.rental_categories{
    padding: 50px 0;
    background: #f9f9f9;
}

.rental_categories h4 {
    color: #fcb80b;
}

.rental_categories h2{
    color: #000;
    font-weight: 900;
}

.rental_categories .title_wrapper.column_wrapper{
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.rental_categories .column_wrapper.content_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 50px;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.rental_categories .column_wrapper.content_wrapper .item {
    display: flex;
    height: 300px;
    position: relative;
}

.rental_categories .column_wrapper.content_wrapper .item .image{
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
}

.rental_categories .column_wrapper.content_wrapper .item h3 {
    position: absolute;
    padding: 20px;
    bottom: 0;
    color: #fff;
    z-index: 10;
    width: 100%;
    text-align: center;
    font-weight: 900;
}

.rental_categories .column_wrapper.content_wrapper .item .overlay {
    z-index: 1;
    background: linear-gradient(to top,#0000006b 0%,transparent 100%);
}

/**
* End Categories CSS
*/

@media (max-width: 991px){

    .services_content_bottom_wrapper .column_wrapper {
        grid-template-columns: 1fr;
        grid-row-gap: 30px;
    }

}

@media (max-width: 412px){

    .services_content_wrapper .column_wrapper {
        grid-template-columns: 1fr;
        grid-row-gap: 15px;
    }

    .services_content_wrapper {
        padding: 80px 0 40px;
    }

    .rental_categories .column_wrapper.content_wrapper {
        grid-template-columns: 1fr;
        grid-row-gap: 15px;
    }

    .rental_categories .column_wrapper.content_wrapper {
        margin-top: 30px;
    }

    .rental_categories {
        padding: 10px 0 50px;
    }

}