* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
}

a {
    text-decoration: none;
    outline: none;
}

    a:hover {
        text-decoration: none;
        outline: none;
    }

    a:focus, a:hover {
        text-decoration: none;
        outline: none;
    }

li {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
}

img {
    max-width: 100%;
    height: auto;
}

.ourconserv_main_hs {
    display: block;
    margin: 78px 0 0;
    padding: 0;
}

.serv_headsec_hs {
    display: block;
    margin: 0px 0 0;
    padding: 0;
    text-align: center;
}

    .serv_headsec_hs h1 {
        font-size: 26px;
        color: #000;
        font-weight: bold;
        position: relative;
        margin: 0 0 36px;
        padding: 0 0 15px;
    }

        .serv_headsec_hs h1:before {
            content: "";
            position: absolute;
            display: block;
            width: 160px;
            height: 1px;
            background: #959393;
            left: 0;
            right: 0;
            bottom: 1px;
            margin: auto;
        }

        .serv_headsec_hs h1::after {
            content: "";
            position: absolute;
            display: block;
            width: 60px;
            height: 3px;
            background: #1977cc;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }

.our_conusmersec_hs {
    display: block;
    margin: 0 0 25px;
    padding: 0;
}

.ourconsumer_box1_hs {
    text-align: center;
    border-radius: 0;
    padding: 46px 0 0;
    width: 100% !important;
    box-shadow: 0 0 12px -3px #a39c9c;
    border: 1px solid #dbdbdb;
    overflow: hidden;
    position: relative;
    height: 170px;
}

    .ourconsumer_box1_hs img {
        width: 60px;
        aspect-ratio: 4 / 3;
    }

    .ourconsumer_box1_hs p {
        font-size: 14px;
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .ourconsumer_box1_hs .mask {
        height: 100%;
        width: 100%;
        background-color: #0055b3;
        transform: translateX(-100%);
        opacity: 1;
        transition: all .3s ease-in-out 0s;
        left: -1px;
        overflow: hidden;
        position: absolute;
        top: 0;
        padding: 10px;
    }

    .ourconsumer_box1_hs:hover .mask {
        transform: translateX(0);
        left: 0;
    }

    .ourconsumer_box1_hs .mask p {
        color: #fff;
    }

    .ourconsumer_box1_hs .mask > strong a {
        color: #fff;
    }

.ourprovserv_main_hs {
    display: block;
    margin: 20px 0 120px;
    padding: 0;
}

.proserv_headsec_hs {
    display: block;
    margin: 0px 0 0;
    padding: 0;
    text-align: center;
}

    .proserv_headsec_hs h2 {
        font-size: 26px;
        color: #000;
        font-weight: bold;
        position: relative;
        margin: 0 0 36px;
        padding: 0 0 15px;
    }

        .proserv_headsec_hs h2:before {
            content: "";
            position: absolute;
            display: block;
            width: 160px;
            height: 1px;
            background: #959393;
            left: 0;
            right: 0;
            bottom: 1px;
            margin: auto;
        }

        .proserv_headsec_hs h2::after {
            content: "";
            position: absolute;
            display: block;
            width: 60px;
            height: 3px;
            background: #1977cc;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }

.our_providsec_hs {
    display: block;
    margin: 0 0 25px;
    padding: 0;
}

.ourprovd_box1_hs {
    text-align: center;
    border-radius: 0;
    padding: 43px 0 0;
    width: 100% !important;
    box-shadow: 0 0 12px -3px #a39c9c;
    border: 1px solid #dbdbdb;
    overflow: hidden;
    position: relative;
    height: 180px;
}

    .ourprovd_box1_hs i {
        font-size: 50px;
        color: #0083fd;
    }

    .ourprovd_box1_hs p {
        font-size: 14px;
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .ourprovd_box1_hs .mask {
        height: 100%;
        width: 100%;
        background-color: #0055b3;
        transform: translateX(-100%);
        opacity: 1;
        transition: all .3s ease-in-out 0s;
        left: -1px;
        overflow: hidden;
        position: absolute;
        top: 0;
        padding: 10px;
    }

    .ourprovd_box1_hs:hover .mask {
        transform: translateX(0);
        left: 0;
    }

    .ourprovd_box1_hs .mask p {
        color: #fff;
        margin-top: 5px;
    }

    .ourprovd_box1_hs .mask > strong a {
        color: #fff;
    }

.thirdserv_main_hs {
    display: block;
    margin: 20px 0 110px;
    padding: 0;
}

.our_thrdservicsec_hs {
    display: block;
    margin: 0 0 25px;
    padding: 0;
}

.readmre_5, .readmre_5:hover {
    color: #fff;
    font-weight: bold;
}

.ourconsumer_box2_hs {
    text-align: center;
    border-radius: 0;
    padding: 25px 0 0;
    width: 100% !important;
    box-shadow: 0 0 12px -3px #a39c9c;
    border: 1px solid #dbdbdb;
    overflow: hidden;
    position: relative;
    height: 170px;
}

    .ourconsumer_box2_hs img {
        width: 60px;
        aspect-ratio: 3 / 4;
    }

    .ourconsumer_box2_hs p {
        font-size: 14px;
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .ourconsumer_box2_hs .mask {
        height: 100%;
        width: 100%;
        background-color: #0055b3;
        transform: translateX(-100%);
        opacity: 1;
        transition: all .3s ease-in-out 0s;
        left: -1px;
        overflow: hidden;
        position: absolute;
        top: 0;
        padding: 10px;
    }

    .ourconsumer_box2_hs:hover .mask {
        transform: translateX(0);
        left: 0;
    }

    .ourconsumer_box2_hs .mask p {
        color: #fff;
    }

    .ourconsumer_box2_hs .mask > strong a {
        color: #fff;
    }


/*---------- Media CSS starts ----------*/
@media (max-width:767px) {

    .ourconserv_main_hs {
        margin: 72px 0 0;
    }

    .serv_headsec_hs h1 {
        font-size: 24px;
        margin: 0 0 29px;
    }

    .ourconsumer_box1_hs {
        padding: 59px 10px 10px;
        height: 213px;
        margin-bottom: 15px;
    }

    .ourconsumer_box2_hs {
        padding: 59px 0 10px;
        height: 243px;
        margin-bottom: 15px;
    }

    .ourconsumer_box1_hs .mask p.odmm_mbtxt_hs {
        margin-top: 0px;
    }

    .our_conusmersec_hs {
        margin: 0 0 0px;
    }

    .ourprovd_box1_hs {
        padding: 91px 0 23px;
        height: 260px;
        margin-bottom: 15px;
    }

    .proserv_headsec_hs h2 {
        font-size: 24px;
    }
}