.carousel .carousel-item {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
}

    .carousel .carousel-item:first-of-type {
        background-image: url("../assets/digital_images/banner1.jpg");
    }

    .carousel .carousel-item:nth-of-type(2) {
        background-image: url("../assets/digital_images/im4.jpg");
    }

    .carousel .carousel-item:last-of-type {
        background-image: url("../assets/digital_images/im6.jpg");
    }

.carousel-control-prev-icon, .carousel-control-next-icon {
    width: 50px;
    height: 50px;
}

.product-box ul li {
    padding: 20px;
    border: 1px solid #e2e2e2;
    background: #fff;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    min-width: 260px;
}

.product-section {
    padding: 50px 0px;
    position: relative;
    background: #f1f1f1;
}

.div_style1 {
    margin-top: -48px !important;
    margin-left: 163px;
    margin-bottom: 46px; /* margin-left: 58px; */
    text-align: center;
}

.div_style2 {
    height: 324px;
    width: 681px;
    margin-left: -159px;
}

.div_style3 {
    height: 200px;
    width: 336px;
    margin-left: 645px;
    margin-top: -252px;
}

.div_style4 {
    margin-top: 80PX !important;
    height: 190px;
    margin-bottom: 1521px;
}



section {
    padding: 60px 0;
}

    section .section-title {
        text-align: center;
        color: #007b5e;
        margin-bottom: 50px;
        text-transform: uppercase;
    }

#what-we-do {
    background: #ffffff;
}

    #what-we-do .card {
        padding: 1rem !important;
        border: none;
        margin-bottom: 1rem;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        transition: .5s all ease;
    }

        #what-we-do .card:hover {
            -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
            -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
            box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
        }

        #what-we-do .card .card-block {
            padding-left: 50px;
            position: relative;
        }

            #what-we-do .card .card-block a {
                color: #007b5e !important;
                font-weight: 700;
                text-decoration: none;
            }

                #what-we-do .card .card-block a i {
                    display: none;
                }

        #what-we-do .card:hover .card-block a i {
            display: inline-block;
            font-weight: 700;
        }

        #what-we-do .card .card-block:before {
            font-family: FontAwesome;
            position: absolute;
            font-size: 39px;
            color: #49b3e4;
            left: 0;
            -webkit-transition: -webkit-transform .2s ease-in-out;
            transition: transform .2s ease-in-out;
        }

        #what-we-do .card .block-1:before {
            content: "\f0e7";
        }

        #what-we-do .card .block-2:before {
            content: "\f0eb";
        }

        #what-we-do .card .block-3:before {
            content: "\f00c";
        }

        #what-we-do .card .block-4:before {
            content: "\f209";
        }

        #what-we-do .card .block-5:before {
            content: "\f0a1";
        }

        #what-we-do .card .block-6:before {
            content: "\f218";
        }

        #what-we-do .card:hover .card-block:before {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
            -webkit-transition: .5s all ease;
            -moz-transition: .5s all ease;
            transition: .5s all ease;
        }