/*
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 child theme of Bizberg WordPress Theme. Construction Sewa theme is specially designed for construction business/companies, but it can also be used for any other business, corporate, lawyers, agencies, education, architecture firm, furniture companies and many more. It is a feature-rich theme with gorgeous layout. The very base of the theme is built on Bootstrap framework which makes the theme very handy and east to use. This WordPress theme is fully responsive, cross-browser compatible, translation ready & SEO friendly. If you run into any problem while using our theme, you can refer to extensive documentation or contact our friendly support team. It fully supports Elementor, all the sections are made from Elementor.
Tags: custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,left-sidebar,right-sidebar,grid-layout,theme-options,blog,news,portfolio
Version: 0.3
Requires at least: 4.9
Tested up to: 5.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;
    }

}