/*********************************************************************************

    Template Name: JuniorHome Day Care  Bootstrap 4 Template  
    Template URI: https://themeforest.net/user/hastech
    Description: JuniorHome is a beautifula and unique Day Care Bootstrap 4 template.
    Author: HasTech
    Author URI: https://hastech.company/
    Version: 1.0

    Note: This is style css.

**********************************************************************************/
#deals {
    position: relative;
    display: block;
    margin-top: 40px;
}

    #deals .heading {
        position: relative;
        display: block;
        padding: 20px;
        text-align: center;
        background: 0;
    }

        #deals .heading h2 {
            position: relative;
            display: inline-block;
            font-family: poppins;
            font-size: 20px;
            font-weight: 800;
            color: #2c2c2c;
        }

        #deals .heading p {
            position: relative;
            display: block;
            font-family: poppins;
            font-size: 14px;
            font-weight: 400;
            color: #6d6d6d;
            padding: 0px 30px;
        }

    #deals .wrapper {
        position: relative;
        display: block;
        padding: 2px;
    }

    #deals .item {
        position: relative;
        display: block;
        height: 300px;
        width: 100%;
        overflow: hidden;
    }

        #deals .item .bg {
            position: absolute;
            display: block;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: right;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            transition: 0.3s all ease-in-out;
        }

        #deals .item:hover .bg {
            margin: -35px;
            transform: rotate(5deg);
        }

        #deals .item .bg span {
            content: '';
            position: absolute;
            background: #0000003b;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

    #deals .content {
        position: absolute;
        display: block;
        bottom: 0;
        font-family: 'Poppins';
        text-align: left;
        padding: 20px;
        height: auto;
    }

        #deals .content h3 {
            position: relative;
            display: block;
            color: #f0ff07;
            font-size: 30px;
            font-weight: 700;
            margin-bottom: 4px;
        }

        #deals .content p {
            position: relative;
            display: block;
            font-size: 12px;
            color: #fff;
            margin-bottom: 0;
        }

            #deals .content p span {
                position: relative;
                display: block;
                font-size: 39px;
                font-weight: 700;
                color: #ffffff;
            }