/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    font-family: 'Montserrat', sans-serif;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

header.headersecion {
    position: absolute;
    z-index: 99;
    width: 100%;
    padding: 20px 10px 10px ;
    padding-top: 45px;
}

li.nav-item.hire_btn {
    background: #ff7800;
    border-radius: 20px;text-transform:uppercase;margin-left:15px;
	height: 40px;
    line-height: 9px;
    font-weight: 700;
}
.navbar-expand-lg .navbar-nav li.nav-item.hire_btn .nav-link{
	padding:15px 30px !important;
}
img {
    max-width: 100%;
}

section.mainebanner {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0459b3+0,02264c+100 */
    background: #0459b3; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #0459b3 0%, #02264c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #0459b3 0%,#02264c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #0459b3 0%,#02264c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0459b3', endColorstr='#02264c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding: 170px 0px 70px;
    position: relative; height: 100vh;
}

.headerright {
    float: right;
    width: auto;
    color: #fff;
    padding-top: 9px;
}

    .headerright a.btnheader {
        background: #ff7800;
        border-radius: 36px;
        color: #000;
        font-size: 16px;
        text-transform: uppercase;
        color: #fff;
        padding: 10px 36px;
        display: inline-block;
        margin-right: 10px;
        text-decoration: none;
        font-weight: 600;
        line-height: 18px;
        transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        float: left;
    }

        .headerright a.btnheader:hover {
            background: #fff;
            color: #ff7800;
            text-decoration: none;
        }

a.menuicon, a.menuicon i.fa {
    color: #fff;
    font-size: 42px;
    text-decoration: none;
    line-height: 34px;
}

section.mainebanner h2 {
    float: left;
    width: 100%;
    font-size: 65px;
    font-weight: bold;
    color: #fff; line-height:90px;
}
section.mainebanner h4{
	float: left;
    width: 100%;
    font-size: 45px;
    font-weight: bold;
    color: #fff; margin-top: 25px;
}
section.mainebanner p {
    float: left;
    width: 100%;
    font-size: 24px;
    color: #fff;
    margin: 30px 0px;
    line-height: 36px;
    font-weight: 500;
}
.banner-list{padding:0;margin:0;list-style:none;padding-left: 10%;}
.banner-list li{font-size:23px;color:#fff;margin-bottom:20px;}
.review-box img{
	box-shadow: 0 1px 2px rgb(0 0 0 / 7%), 0 2px 4px rgb(0 0 0 / 7%), 0 4px 8px rgb(0 0 0 / 7%), 0 8px 16px rgb(0 0 0 / 7%), 0 16px 32px rgb(0 0 0 / 7%), 0 32px 64px rgb(0 0 0 / 7%);
}
a.btnbanner {
    background: #ff7800;
    padding: 14px 36px;
    border-radius: 36px;
    text-decoration: none;
    font-weight: bold;
    margin-top: 18px;
    display: inline-block;
    color: #fff;
    margin: 0px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

    a.btnbanner i.fa {
        margin-right: 5px;
    }

    a.btnbanner:hover {
        background: #fff;
        color: #ff7800;
        text-decoration: none;
    }

section.mainebanner:after {
    background: url(../images/left-top-pattern.png);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 564px;
    height: 278px;
    content: '';
}

section.mainebanner:before {
    background: url(../images/banner-pattern.png);
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 587px;
    height: 295px;
    content: '';
}

.titlt_servicessec {
    width: 100%;
    text-align: center;
    float: left;
    background: #f1f1f1;
    padding: 75px 0px 200px;
}

    .titlt_servicessec h4 {
        font-size: 36px;
        color: #000;
        text-align: center;
        float: left;
        width: 100%;
        line-height: 48px;
        padding: 0px 75px;
    }

section.servicessections {
    position: relative;
}

.services_listing {
    display: inline-block;
    width: 100%;
    margin-top: -125px;
}

    .services_listing .box_serv {
        background: #fff;
        padding: 35px 15px 10px;
        text-align: center;
        box-shadow: 0px 0px 15px #ddd;
        float: left;
        width: 100%;
        border-bottom: 5px solid #ff7800;
        min-height: 230px;
        transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        border-radius: 12px;
    }

        .services_listing .box_serv:hover {
            border-bottom: 15px solid #ff7800;
        }

        .services_listing .box_serv .boxicon {
            float: left;
            width: 100%;
            margin-bottom: 15px;
        }

            .services_listing .box_serv .boxicon img {
                max-width: 100px;
            }

        .services_listing .box_serv .boxtitle {
            float: left;
            width: 100%;
        }

            .services_listing .box_serv .boxtitle h6 {
                float: left;
                width: 100%;
                font-size: 16px;
                color: #000;
                color: #000;
                font-weight: 600;
                line-height: 24px;
            }

div#centeralign {
    padding: 45px 0px;
    text-align: center;
}

    div#centeralign a.btnlink_schedule {
        background: #ff7800;
        padding: 15px 36px;
        border-radius: 35px;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        clear: both;
        display: inline-block;
        margin: auto;
        font-weight: bold;
        border: 2px solid transparent;
        transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
    }

        div#centeralign a.btnlink_schedule:hover {
            background: none;
            border: 2px solid #ff7800;
            color: #ff7800;
            text-decoration: none;
        }

    div#centeralign a.timelink {
        float: left;
        width: 100%;
        font-size: 14px;
        color: #000;
        text-decoration: none;
        margin-top: 15px;
        line-height: 24px;
        font-weight: bold;
    }

        div#centeralign a.timelink:hover {
            color: #ff7800;
        }

section.technologies_sec {
    background: url(../images/technologu_bg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

    section.technologies_sec h3 {
        float: left;
        width: 100%;
        font-size: 36px;
        font-weight: bold;
        text-align: center;
        color: #000;
        margin-bottom: 45px;
    }

    section.technologies_sec .container-fluid {
        padding: 0px !important;
        clear: both;
    }

        section.technologies_sec .container-fluid .row {
            margin: 0px;
        }

.technologies_box {
    padding: 20px;
    border-right: 1px dashed #ff7800;
    border-bottom: 1px dashed #ff7800;
    min-height: 350px;
    color: #fff;
}

section.technologies_sec .container-fluid .row .col-sm-3 {
    padding: 0px;
    background: #02264c;
    background: rgba(2, 38, 76, 0.8);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.technologies_icon {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.technologies_title {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    .technologies_title h6 {
        float: left;
        width: 100%;
        font-size: 16px;
        font-weight: bold;
        color: #fff;
    }

.technologies_point {
    float: left;
    width: 100%;
    margin-bottom: 8px;
}

    .technologies_point ul {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

        .technologies_point ul li {
            float: left;
            width: auto;
            list-style: none;
            margin-right: 10px;
            font-size: 13px;
            color: #fff;
            font-weight: 600;
            border-bottom: 1px solid #fff;
            padding-bottom: 5px;
			margin-bottom: 8px;
        }

            .technologies_point ul li:hover {
                border-bottom: 1px solid #ff7800;
                color: #ff7800;
            }

.technologies_dis {
    float: left;
    width: 100%;
}

    .technologies_dis p {
        float: left;
        width: 100%;
        font-size: 13px;
        color: #fff;
        line-height: 22px;
        font-weight: 500;
    }

.technologies_box.boxtitlesec {
    background: #ff7800;
    padding: 75px 30px;
}

    .technologies_box.boxtitlesec h5 {
        float: left;
        width: 100%;
        font-size: 36px;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .technologies_box.boxtitlesec p {
        float: left;
        width: 100%;
        font-size: 16px;
        color: #fff;
        line-height: 24px;
        margin: 0px;
    }

section.technologies_sec .container-fluid .row .col-sm-3:hover {
    background: #02264c;
}

.workimges_left {
    float: right;
    max-width: 650px;
}

.workcontent_sec {
    padding: 119px 0px 119px 30px;
    height: 100%;
    float: left;
    max-width: 650px;
}

    .workcontent_sec span {
        float: left;
        width: auto;
        margin-bottom: 25px;
        padding-bottom: 10px;
        border-bottom: 2px solid #ff7800;
        font-size: 14px;
        clear: both;
    }

    .workcontent_sec h3 {
        float: left;
        width: 100%;
        margin-bottom: 15px;
        font-size: 24px;
        color: #000;
        font-weight: bold;
        line-height: 30px;
    }

    .workcontent_sec p {
        float: left;
        width: 100%;
        font-size: 14px;
        line-height: 24px;
    }

.butnsec {
    float: left;
    width: 100%;
    margin: 35px 0px 0px;
}

    .butnsec a {
        float: left;
        width: auto;
        margin-right: 10px;
        background: #ff7800;
        padding: 10px 36px;
        border-radius: 36px;
        color: #fff;
        line-height: 24px;
        text-decoration: none;
        border: 2px solid transparent;
    }

        .butnsec a:hover {
            border: 2px solid #ff7800;
            background: none;
            color: #ff7800;
        }

section.worksections {
    padding: 75px 0px;
}

.owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    background: url(../images/right_arrow.png) !important;
    width: 36px;
    height: 45px;
    padding: 0px !important;
    opacity: 1 !important;
    text-indent: 999px;
    overflow: hidden;
}

.owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    background: url(../images/left_arrow.png) !important;
    width: 36px;
    height: 45px;
    padding: 0px !important;
    opacity: 1 !important;
    text-indent: 999px;
    overflow: hidden;
}

section.worksections h2 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 50px;
    text-align: center;color: #000;
}

section.reviewsections {
    background: #f1f1f1;
    position: relative;
    padding: 75px 0px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

    section.reviewsections:after {
        background: url(../images/left-top-pattern.png);
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 564px;
        height: 278px;
        content: '';
    }

.titlereview {
    text-align: center;
    margin-bottom: 75px;
    width: 100%;
    float: left;
}

    .titlereview ul.star {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px;
        text-align: center;
        margin-bottom: 12px;
    }

        .titlereview ul.star li {
            display: inline-block;
            width: auto;
            list-style: none;
            margin-right: 10px;
        }

    .titlereview h3 {
        float: left;
        width: 100%;
        font-size: 36px;
        color: #000;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .titlereview p {
        float: left;
        width: 100%;
        font-size: 18px;
        color: #000;
    }

.reviewbox_sec {
    background: #fff;
    padding: 20px;
    border: 2px solid #C8C7CC;
    border-radius: 5px;
    float: left;
    min-height: 250px;
    position: relative;
}

.reviewautor_pic {
    float: left;
    width: 100%;
    margin-top: -54px;
    margin-bottom: 20px;
}

.reviewautor_name {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    .reviewautor_name h6 {
        float: left;
        width: 100%;
        font-size: 22px;
        font-weight: bold;
        margin-bottom: 10px;
        color: #ff7800;
    }

    .reviewautor_name span {
        float: left;
        width: 100%;
        font-size: 14px;
    }

.review_dis {
    float: left;
    width: 100%;
    margin-bottom: 36px;
}

    .review_dis p {
        float: left;
        width: 100%;
        font-size: 16px;
        color: #000;
        line-height: 24px;
    }

.quote_icon {
    float: right;
    width: auto;
    position: absolute;
    bottom: -24px;
    right: 30px;
    background: #fff;
    padding: 10px;
    border-radius: 50%;
}

div#center {
    text-align: center;
}

    div#center a {
        float: none !important;
        display: inline-block;
        margin: 40px auto 0;
    }

section.reviewsections:before {
    background: url(../images/banner-pattern.png);
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 587px;
    height: 295px;
    content: '';
}

section.contactform_sections {
    padding: 75px 0px 0px;
}

.contactform_inner {
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 10px #ddd;
    padding: 20px;
    z-index: 999;
    position: relative;
}

form.contactform {
    float: left;
    width: 100%;
}

    form.contactform ul {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

        form.contactform ul li {
            float: left;
            width: 100%;
            margin-right: 0;
            list-style: none;
        }

            form.contactform ul li.half {
                float: left;
                width: 49%;
                margin-right: 2%;
                margin-bottom: 2%;
            }

                form.contactform ul li.half:nth-child(even) {
                    float: right;
                    margin-right: 0px;
                }

            form.contactform ul li input, form.contactform ul li select {
                border: none;
                border-bottom: 1px solid #ddd;
                padding: 10px;
                height: inherit;
                position: relative;
                padding-left: 35px;
            }

            form.contactform ul li textarea {
                height: 150px;
                border: none;
                border-bottom: 1px solid #ddd;
                padding: 10px;
                width: 100%;
                position: relative;
                padding-left: 35px;
            }

                form.contactform ul li input:focus, form.contactform ul li textarea:focus, form.contactform ul li select:focus {
                    outline: none;
                    box-shadow: inherit !important;
                }

            form.contactform ul li .form-group {
                margin-bottom: 0px;
                position: relative;
            }

    form.contactform button.btn.btn-default {
        float: left;
        width: auto;
        margin-top: 15px;
        background: #ff7800;
        color: #fff;
        border-radius: 36px;
        padding: 10px 30px;
    }

    form.contactform ul li.full {
        margin-bottom: 20px;
    }

    form.contactform .form-group.firstname:before {
        background: url(../images/first-name.png) left center no-repeat;
        width: 22px;
        height: 23px;
        position: absolute;
        left: 0px;
        content: '';
        z-index: 9;
        top: 10px;
    }

    form.contactform .form-group.lastname:before {
        background: url(../images/first-name.png) left center no-repeat;
        width: 22px;
        height: 23px;
        position: absolute;
        left: 0px;
        content: '';
        z-index: 9;
        top: 10px;
    }

    form.contactform .form-group.phonenume:before {
        background: url(../images/phone.png) left center no-repeat;
        width: 22px;
        height: 23px;
        position: absolute;
        left: 0px;
        content: '';
        z-index: 9;
        top: 10px;
    }

    form.contactform .form-group.emailadd:before {
        background: url(../images/email.png) left center no-repeat;
        width: 24px;
        height: 23px;
        position: absolute;
        left: 0px;
        content: '';
        z-index: 9;
        top: 10px;
    }

    form.contactform .form-group.msg:before {
        background: url(../images/message.png) left center no-repeat;
        width: 22px;
        height: 23px;
        position: absolute;
        left: 0px;
        content: '';
        z-index: 9;
        top: 10px;
    }

    form.contactform .form-group.serv:before {
        background: url(../images/services.png) left center no-repeat;
        width: 22px;
        height: 23px;
        position: absolute;
        left: 0px;
        content: '';
        z-index: 9;
        top: 10px;
    }

.contactdetails {
    background: #f1f1f1;
    padding: 15px;
    height: 100%;
}

    .contactdetails h6 {
        float: left;
        width: 100%;
        font-size: 14px;
        font-weight: bold;
        color: #000;
        margin-bottom: 22px;
    }

    .contactdetails ul {
        float: left;
        width: 100%;
        margin: 0px 0px 20px 0px;
        padding: 0px;
    }

        .contactdetails ul li {
            float: left;
            width: 100%;
            list-style: none;
            margin-bottom: 10px;
        }

            .contactdetails ul li span {
                float: left;
                margin-right: 10px;
            }

            .contactdetails ul li a {
                text-decoration: none;
                color: #000;
                line-height: 27px;
                vertical-align: middle;
            }

                .contactdetails ul li a i.fa {
                    margin-right: 5px;
                }

footer.footersections {
    background: #191919;
    padding: 75px 0px 20px;
    margin-top: -45px;
}

ul.menufooter {
    float: left;
    width: 100%;
    margin: 15px 0px 0px;
    padding: 0;
    text-align: center;
}

    ul.menufooter li {
        display: inline-block;
        width: auto;
        list-style: none;
    }

        ul.menufooter li a {
            padding: 10px 30px;
            text-decoration: none;
            color: #fff;
            text-decoration: none;
            display: block;
        }

p.copyright {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #fff;
    text-align: center;
    /*margin-top: 25px;*/
}

section.contactform_sections h3 {
    margin-bottom: 20px;
    font-size: 36px;
    color: #000;
    font-weight: bold;
    text-align: center;
}

section.contactform_sections p {
    width: 100%;
    font-size: 18px;
    color: #000;
    text-align: center;
    margin-bottom: 36px;
}

.headerpopup {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: #022a5e;
    z-index: 9999 !important;
    padding: 0px;
}

div#popuptext_menu {
    padding: 120px 0px;
}

    div#popuptext_menu .popuptext {
        float: left;
        width: 100%;
    }

        div#popuptext_menu .popuptext h2 {
            float: left;
            width: 100%;
            font-size: 110px;
            font-weight: bold;
            color: #fff;
        }

        div#popuptext_menu .popuptext p {
            float: left;
            width: 100%;
            font-size: 24px;
            color: #fff;
            margin: 30px 0px;
            line-height: 36px;
            font-weight: 500;
        }

    div#popuptext_menu .menupup {
        float: left;
        width: 100%;
    }

        div#popuptext_menu .menupup ul {
            float: left;
            width: 100%;
            padding: 0px;
            margin: 0px;
            padding-left: 40px;
        }

            div#popuptext_menu .menupup ul li {
                float: left;
                width: 100%;
                list-style: none;
                margin-bottom: 45px;
            }

                div#popuptext_menu .menupup ul li a {
                    font-size: 30px;
                    text-transform: uppercase;
                    font-weight: 800;
                    text-decoration: none;
                    color: #fff;
                }

                div#popuptext_menu .menupup ul li ul.submenu {
                    margin-top: 22px;
                    padding-left: 15px;
                }

                    div#popuptext_menu .menupup ul li ul.submenu li {
                        margin-bottom: 20px !important;
                        border-bottom: 1px solid #fff;
                        padding-bottom: 15px;
                    }

                        div#popuptext_menu .menupup ul li ul.submenu li a {
                            font-size: 16px;
                            color: #fff;
                            font-weight: normal;
                            line-height: 24px;
                            width: 100%;
                            float: left;
                        }

                div#popuptext_menu .menupup ul li:hover a {
                    color: #ff7800;
                }

.headerpopinner {
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    padding-top: 45px;
    z-index: 999;
    position: relative;
}

.headerpopup:before {
    background: url(../images/banner-pattern.png);
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 587px;
    height: 295px;
    content: '';
}

.headerpopup:after {
    background: url(../images/left-top-pattern.png);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 564px;
    height: 278px;
    content: '';
}

section.servicesintro_sections {
    padding: 75px 0px;
    text-align: center;
}

.tagline {
    background: #ff7800;
    padding: 10px 36px;
    font-size: 20px;
    color: #fff;
    width: auto;
    display: inline-block;
    margin: 15px 0px 35px;
}

section.servicesintro_sections h4 {
    font-size: 36px;
    color: #000;
    text-align: center;
    float: left;
    width: 100%;
    line-height: 48px;
    padding: 0px 75px;
}

section.servicesintro_sections h3 {
    float: left;
    width: 100%;
    font-size: 40px;
    color: #02264c;
    font-weight: bold;
    margin: 45px 0px;
}

section.servicesintro_sections span.taglinespan {
    width: 100%;
    max-width: 650px;
    margin: auto;
    clear: both;
    display: inline-block;
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
    font-style: italic;
    color: #ff7800;
}

.titlereview p {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #000;
    line-height: 30px;
}

section.reviewsections .services_listing {
    margin-top: 0px !important;
}

    section.reviewsections .services_listing .box_serv {
        margin-bottom: 35px !important;
    }

section.favouriteStacks_sections {
    padding: 75px 0px;
    text-align: center;
    position: relative;
   
}

    section.favouriteStacks_sections:after {
        position: absolute;
        background: url(../images/top-right-pt.png) no-repeat;
        content: '';
        display: block;
        right: 0px;
        top: 0px;
        width: 567px;
        height: 280px;
    }

    section.favouriteStacks_sections h3 {
        float: left;
        width: 100%;
        font-size: 36px;
        font-weight: bold;
        color: #000;
    }

.listing_stacks {
    width: 100%;
    margin-top: 75px;
    clear: both;
}

    .listing_stacks .box_logo {
        float: left;
        width: 100%;
        background: #fff;
        border: 2px solid #ddd;
        border-radius: 3px;
        padding: 20px;
        min-height: 100px;
        margin-bottom: 15px;
        position: relative;
        padding: 30px 60px 30px 30px;
        display: block;
        height: 115px;
    }

        .listing_stacks .box_logo img {
            content: "";
            position: absolute;
            left: 50%;
            right: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
.clients-section{padding:30px 0px !important;}
.clients-section .owl-theme .item{text-align:center;background: #fff;padding:10px;margin:0px 10px;}
.clients-section h2{font-size: 36px;font-weight: bold;text-align: center;color:#fff;}
.clients-logo{padding:0;margin:0;list-style:none;}
.clients-logo li{display:inline-block;margin: 0 5px;}
.clients-logo li a{}
.clients-logo li a img {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

/* Disable grayscale on hover */
.clients-logo li a img:hover {
  -webkit-filter: grayscale(0);
  filter: none;
}
header.headersecion.sticky {
    position: fixed;
    background: #fff;
    padding: 10px 10px 0px !important;
    z-index: 9999 !important;
	box-shadow: 0 8px 6px -6px rgb(0 0 0 / 38%);
}

    header.headersecion.sticky a.menuicon, header.headersecion.sticky a.menuicon i.fa {
        color: #000 !important;
    }
header.headersecion.sticky .navbar-dark .navbar-nav .nav-link{color: #000 !important;}
header.headersecion.sticky .navbar-dark .navbar-nav li.nav-item.hire_btn .nav-link {color: #fff !important;}
a.stickylogo {
    display: none;
}

header.headersecion.sticky a.stickylogo {
    display: block;
}

header.headersecion.sticky a.nrmallogo {
    display: none;
}

section#contactpage_introo {
    border-bottom: 1px solid #ddd;
}

footer#footerpagedown {
    padding: 20px 0px;
    margin: 0;
}

.contactform_inner.fullcontactpage {
    padding: 0px;
    box-shadow: inherit !important;
}

    .contactform_inner.fullcontactpage .contactdetails {
        background: #f1f1f1;
        padding: 30px 15px 0px;
        height: 100%;
    }

    .contactform_inner.fullcontactpage form.contactform {
        float: left;
        width: 100%;
        margin-top: 0;
        padding: 25px;
        background: #fff;
    }

section.contactform_sections.conntactsections {
    padding: 75px 0px !important;
    background: #f1f1f1;
}


/****** Website Responsive *****/

@media(max-width:1200px) {
    section.mainebanner h2 {
        font-size: 65px;
    }

    section.technologies_sec .col-sm-3 {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .technologies_point ul li {
        margin-bottom: 10px;
    }

    .technologies_box {
        min-height: 410px;
    }

    div#popuptext_menu .popuptext h2 {
        font-size: 90px;
    }
}

@media(max-width:999px) {
    section.mainebanner h2 {
        font-size: 65px;
    }

    .titlt_servicessec h4 {
        font-size: 24px;
        line-height: 30px;
    }

    section.technologies_sec .col-sm-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .services_listing .col-sm-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .services_listing .box_serv {
        margin-bottom: 36px;
    }

    .workcontent_sec {
        padding: 0px;
    }

        .workcontent_sec h3 {
            font-size: 18px;
            line-height: 24px;
        }

    .butnsec a {
        padding: 5px 10px;
    }

    section.reviewsections .col-sm-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .reviewbox_sec {
        margin-bottom: 75px;
    }

    section.reviewsections .col-sm-4:last-child .reviewbox_sec {
        margin-bottom: 0px;
    }

    .contactform_inner .col-sm-8, .contactform_inner .col-sm-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .contactdetails {
        margin-top: 44px;
        height: inherit;
        float: left;
        width: 100%;
    }

    div#popuptext_menu .popuptext h2 {
        font-size: 46px;
    }

    div#popuptext_menu .popuptext p {
        font-size: 20px;
        line-height: 30px;
        margin: 15px 0px;
    }

    div#popuptext_menu .col-sm-4, div#popuptext_menu .col-sm-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    div#popuptext_menu {
        padding: 60px 0px;
    }

        div#popuptext_menu .popuptext {
            margin-bottom: 40px;
        }

        div#popuptext_menu .menupup ul {
            padding-left: 0px;
        }
}
.banner-main-text{position:absolute;bottom:50px;right:10%;}
.banner-main-text h1{font-size:33px;color:#ff7800;font-weight: bold;}
.banner-main-text h1 span{color:#fff;}

@media(max-width:991px)	{
	section.mainebanner{
		height:auto !important;
	}
.workimges_left	{float:unset ;max-width:100%;}
.workimges_left img{width:100%;}
}
@media(max-width:768px) {
	section.servicesintro_sections h4 {padding: 0px 15px;font-size:20px;line-height:28px;}
	.tagline{padding:10px 15px;line-height:28px;}
	.service-box h3{margin-top:20px;}
	.caption-div{min-height:auto !important;padding: 40px 0px;margin-bottom:20px;}
	.navbar{float:right;}
	.banner-list{padding-left:15px;margin-top:30px;}
	.banner-list li{font-size:25px;}
	.banner-main-text {left:15px;right:15px;bottom:20px;}
	.banner-main-text h1{font-size:32px;color:#ff7800;}
	div#main_nav7 {
    position: absolute;
    top: 50px;
    background: #337bc7;
    right: 15px;
    width: 250px;
}
.navbar-dark .navbar-nav .nav-link{padding:10px ;}
	header.headersecion.sticky  .navbar-dark .navbar-nav .nav-link{color:#e1e1e1 !important;}
	header.headersecion.sticky .navbar-toggler{background-color: #464646 !important;}
	li.nav-item.hire_btn{margin-left:5px;margin-right:5px;margin-bottom: 5px;}
	.navbar-expand-lg .navbar-nav li.nav-item.hire_btn .nav-link{text-align:center;}
	
	.about-box-main .about-text{padding:18% 4% !important;}
	
    section.mainebanner .col-sm-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .logo {
        margin-top: 10px;
    }

    section.technologies_sec .col-sm-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .technologies_box {
        min-height: inherit;
        float: left;
        width: 100%;
    }

        .technologies_box.boxtitlesec {
            float: left;
            width: 100%;
        }

    section.worksections .col-sm-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    section.contactform_sections p {
        line-height: 30px;
    }

    form.contactform ul li.half {
        width: 100%;
        margin-right: 0px;
    }

    .workcontent_sec {
        margin-top: 20px;
    }

    header.headersecion.sticky {
        z-index: 99999;
        box-shadow: 0px 0px 3px #ddd;
    }

    section.contactform_sections h3 {
        font-size: 26px;
    }
	
	
	
	section.industry_box .container+.container:after {
    display: none;
  }
  section.industry_box.process__box .container+.container .row:nth-child(odd) * {
    text-align: left;
  }
  .process__box.industry_box .content_box_row p {
    font-size: 14px;
    line-height: 24px;
  }
  section.industry_box .container+.container .row .col-md-12 {
    padding: 15px;
  }
  section.industry_box .container+.container .row .col-md-12 {
    height: auto !important;padding: 15px 10px !important; text-align:center;
  }
  .content_box_row h4 {
    font-size: 24px;
  }
   section.industry_box .container + .container .row:nth-child(even) .content_box_row {
    text-align: center !important;
}	
.container.position-relative .row:after{content:none !important;}
.content_box_row h4{ line-height:38px; }
}

@media(max-width:592px) {
    .logo {
        text-align: center;
    }

    .headerright {
        float: left;
        width: 100%;
        text-align: center;
    }

    a.menuicon, a.menuicon i.fa {
        float: right;
    }

    section.mainebanner, section.reviewsections, .headerpopup {
        overflow: hidden;
    }
}

@media(max-width:479px) {
    .titlt_servicessec h4 {
        padding: 0px 25px !important;
    }

    .headerright a.btnheader {
        padding: 10px !important;
    }

    section.mainebanner h2 {
        font-size: 40px;line-height:45px;
    }

    section.mainebanner h2 {
        font-size: 40px;
    }

    section.mainebanner p {
        font-size: 18px;
        margin: 20px 0px;
        line-height: 24px;
    }

    section.mainebanner {
        padding: 150px 0px 100px;height:auto;
    }

    .services_listing .col-sm-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.error {
    color: rgb(165, 3, 3);
}

.overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #222;
    opacity: 0.7;
    z-index: 1000000;
}

.overlay__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.overlay__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    width: 75px;
    height: 75px;
    display: inline-block;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.05);
    border-top-color: #fff;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.BadgeLayout__Inner-sc-7ux0pm-1.gyMiiK a {
    display: none !important;
}

.social {
    margin: 0;
    padding: 0;
}

.social ul {
    margin: 0;
    padding: 0px;
}

.social ul li {
    margin-right: 5px;
    list-style: none outside none;
    display: inline-block; width:auto;
}

.social i {
    width: 40px;
    height: 40px;
    color: #FFF;
  
    font-size: 22px;
    text-align:center;
    padding-top: 9px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social i:hover {
    color: #FFF;
	opacity:0.8;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.facebook_color{background-color:#3b5999;}
.whatsapp_color{background-color: #25d366;}
.instagram_color{ 
  background: -webkit-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -o-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
 }
.youtube_color{background-color:#cd201f;}
.email_color{background-color: #d3d3d3;}
.twitter_color{	background-color: #00acee ;}
.linkdin_color{	background-color: #0e76a8;}




.review-info{
	position:fixed;
	bottom:10px;left:10px;z-index:999;
	box-shadow: 0 1px 2px rgb(0 0 0 / 7%), 0 2px 4px rgb(0 0 0 / 7%), 0 4px 8px rgb(0 0 0 / 7%), 0 8px 16px rgb(0 0 0 / 7%), 0 16px 32px rgb(0 0 0 / 7%), 0 32px 64px rgb(0 0 0 / 7%);
}

/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*/
.nav-pills-custom .nav-link {
    /*color: #aaa;*/
    background: #fff;
    position: relative;
	padding: 15px 5px;
    font-size: 15px;font-weight:700;z-index:9;
}

.nav-pills-custom .nav-link.active {
    color: #ff7800;
    background: #fff;
}


/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
    .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #fff;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
    }
}

.nav-pills-custom .nav-link.active::before {
    opacity: 1;
}




@media (min-width: 992px) {
.navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
}



/*****team****/
.service-box{text-align:left;}
.service-box h2{font-size:22px;font-weight:500;}
.service-box h2{font-size:22px;font-weight:500;}
.service-box h3{font-size:18px;font-weight:500;}
  #team{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	padding: 50px 0px;
    text-align: center;
		}
		#team .heading{
			float: left;
			width: 100%;
			font-size: 36px;
			font-weight: bold;
			color: #000;margin-bottom:20px;
		}
		#team .heading i{
			background-color: #507bfc;
			box-shadow: 2px 5px 30px rgba(80,123,252,0.4);
			color: #ffffff;
			width:40px;
			height: 40px;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 0.9rem;
			margin: 0px 20px;
		}
		#team .box{
			width:230px;
			/*height: 340px;*/
			background-color: #ffffff;
			box-shadow: 2px 2px 30px rgba(0,0,0,0.05);
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: space-between;
			padding: 40px 15px;
			border-radius: 10px;
			margin: 0px 15px;
			position: relative;
		}
		#team .container{
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
		}
		#team .top-bar{
			width:50%;
			height: 4px;
			position: absolute;
			left: 50%;
			bottom: 0px;
			transform: translateX(-50%);
			background-color: #ff7800;
			border-radius: 0px 0px 10px 10px;
		}
		#team .verify{
			color:#17b667;
		}
		#team .nav{
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;
		}
		#team .nav .heart{
			color: rgba(155,155,155);
		}
		#team .nav .heart:before{
			content: '\f004';
			font-family: fontAwesome;
			line-height: 30px;
			z-index: 1;
			cursor: pointer;
		}
		#team .nav .heart-btn:checked ~ .heart:before{
			color: #e41934;
		}
		#team .nav .heart-btn{
			display: none;
		}
		#team .details{
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
		}
		#team .details img{
			width:150px;
			height: 150px;
			border-radius: 50%;
			overflow: hidden;
			object-fit: cover;
			object-position: center;
		}
		#team .details strong{
			font-weight: 500;
			color: #141414;
			letter-spacing: 1px;
			margin-top: 20px;
			font-size: 18px;
            margin-bottom: 5px;
		}
		#team .details p{
			font-size: 0.8rem;
			color: #7a7a7a;
			margin: 5px 0px;line-height:22px;
		}
		#team .btn{
			width:100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		#team .btn a{
			color:#8b8b8b;
			padding: 8px 22px;
			border-radius: 20px;
			font-size: 0.9rem;
		}
		#team .btn a i{
			margin-right: 10px;
		}
		#team .btn a:hover{
			color: #fff;
			background-color: #507bfc;
			box-shadow: 2px 5px 15px rgba(80,123,252,0.5);
			transition: all ease 0.3s;
		}
		#team .box:hover{
			box-shadow: 2px 2px 30px rgba(4,15,49,0.1);
			transform: scale(1.01);
			transition: all ease 0.1s;
		}
		@media(max-width:612px){
			#team .box{
				flex-grow: 0.7;
			}
		}


.team .content .title, .team-list .content .title {
    font-size: 18px;
}
.services_listing .team.box_serv:hover {
     border-bottom: 5px solid #ff7800; 
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 15%);
    box-shadow: 0 0 5px rgb(0 0 0 / 15%);
}


.w-90 {
    width: 100%;
}
.about-left-side .about-sec-info:nth-child(1) {
    padding: 5% 0 0 4%;
}
.about-left-side .about-sec-info {
    background: rgba(0,0,0,0.9);
}

.about-sec-info:nth-child(1) {
    padding: 5% 0 0 4%;
}
.about-sec-info:nth-child(2) {
    padding: 5% 4% 0 0%;
}
.about-sec-info:nth-child(3) {
    padding: 0% 0 5% 4%;
}
.about-sec-info:nth-child(4) {
    padding: 0% 4% 5% 0%;
}

.about-sec-info:nth-child(2) .about-box-main {
    border-right: 1px solid transparent;
}

.about-sec-info:nth-child(3) .about-box-main {
    border-bottom: 1px solid transparent;
}

.about-sec-info:nth-child(4) .about-box-main {
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.about-sec-info:nth-child(2) .about-box-main .about-text{
    padding-left: 20%;
}
.about-sec-info:nth-child(4) .about-box-main .about-text{
    padding-left: 20%;
}
.about-box-main {
    display: flex;
    border-right: 1px solid rgb(255 255 255 / 20%);
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}
.about-sec-info {
    background: rgb(0 0 0 / 25%);
}

.about-box-main .about-text {
    padding: 18% 12%;text-align:center;width:100%;
}
.about-box-main .about-text h5 {
    font-size: 36px;
    margin: 0 0 10px;
    line-height: 1.4;font-weight: 500; color: #fff;
}

.about-box-main .about-text p {
    font-size: 18px;
    line-height: 26px;margin:0;color: #fff;
}	

.o-services-intro-2{padding: 75px 0px;}
.o-services-intro-2 .text-bg {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 27px 0px #e3e3e3;
    -moz-box-shadow: 0px 0px 27px 0px #e3e3e3;
    box-shadow: 0px 0px 27px 0px #e3e3e3;
    padding: 50px 60px 30px;
    margin-bottom: 60px;
    position: relative;
}
.o-services-intro-2 .text-bg span {
    font-size: 36px;
    font-weight: 500;
}
.how-it-works-holder span.blue {
    font-size: 36px;
    font-family: 'Montserrat', sans-serif;
    color: #5EACF9 !important;
    margin-bottom: 15px;
    display: inline-block;
    font-weight: 600;
}
.o-services-intro-2 .how-it-works-holder .text-bg h5 {
    margin-bottom: 10px;
}

.how-it-works-holder p {
    font-size: 16px !important;
    line-height: 30px !important;
}
	
.box-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
	border: 1px solid #eee;
    padding: 10px; height:100%;  
}

.tab-content>.tab-pane{min-height:435px;}	
	
	.box-wrap .icon {
		flex: 0 0 4rem;
		width: 100%;
		position: relative;
		margin-right: 2rem;
		position: relative;
    }
	.box-wrap .icon img {
    width: 100%;
    height: auto;
    min-height: 100%;
    height: 100%;    
}
.box-wrap .content img{
	 width: 70px;margin-bottom:20px;
    
}
.box-wrap .content h3 {
    font-size: 18px;
    letter-spacing: -.06rem;
    margin: 0 0 10px;
    font-weight: 600;
}
.box-wrap .content p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: normal;
    margin: 0;
    color: #212529;line-height: 22px;
}
.nav-pills-custom .nav-link span{color: #212529;}	
.technology, .technology-list{padding:0;margin:0;list-style:none;}
.technology-list li{display:inline-block;background:#fff;font-size:13px;padding: 5px;border-radius:2px;margin-bottom:5px;}
.technology-list li a{color:#212529;text-decoration:none;}
.technology li{display:inline-block;border:1px solid #444;padding: 3px;margin-bottom:10px;}
.service-info{border-radius:15px;height:100%;}
.service-info a {
    padding: 15px 15px;
    display: block; text-decoration:none;color:#212529;
}
.service-info.light-blue{background:#e6f0f6;}
.service-info .service-icon{display:block;margin-bottom:10px;}
.service-info .service-icon img{width:75px;height:auto;}
.service-info h4{font-size:20px;line-height:24px;margin-bottom: 10px;font-weight: 800;}
.service-info p{line-height:22px;margin-bottom:10px;}
.caption-div {
    overflow: hidden;
    position: relative;
    display: flex;
    min-height: 708px; border-radius: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.caption-div:after{
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgb(0 0 0 / 70%);
}
.service-overlay {
       z-index: 9;
      color: #fff;padding:0px 20px;
}
.service-overlay h4 {
   font-size:26px;color:#fff;margin-bottom:25px;font-weight:bold;
}
.service-overlay p{
   color:#fff; line-height:25px;
}
.service-page{bottom:50px;}
.banner-height{height:100vh;}
.light-white{background:#f7f5f4;}

.light-yellow{background:#fcf0e4;}
.light-gray{background:#f4f6f8;}
.light-violet{background:#effafb;}
/****team****/

.dropdown:hover .dropdown-menu {
    display: block;
}




/***case studies css start here***/
.case_studies_box{background-color: #f7f7f7;
    border-radius: 2.4rem;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    margin: 0 0 1rem;}
	
.case_studies_box.bg-green1 {
    background-color: #dfeeea;
}	
.case_studies_box.bg-blue1 {
    background-color: #f1f5fb;
}
.case_studies_box.bg-yellow1 {
    background-color: #ffe595;
}

.case_studies_box.bg-green2 {
       background-color: #d4e9e2;
}
 .case_studies_box.bg-gray {
    background-color: #ebebeb;
}
 .case_studies_box.bg-beige1 {
    background-color: #e4cda7;
}

.case_studies_box.bg-blue2 {
    background-color: #d0e9ff;
}

.case_studies_box.bg-gray1 {
    background-color: #c9ccd5;
}

.case_studies_box .circle {
    position: absolute;
    width: 24rem;
    height: 24rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform-origin: center;
    background: #000;
    opacity: .06;
    border-radius: 50%;
}
.case_studies_box:hover .circle {
    animation: pulse 1s ease-out;
    animation-delay: 1s;
}

.case_studies_box .image {
    width: 100%;
    position: relative;
}
.case_studies_box_content {
    margin-bottom: 30px;
}
.case_studies_box_content h3{font-size:26px;font-weight:700;margin-bottom:15px;}
.service_txt li{margin-bottom:10px;display: inline-block;
    width: 70px;
    border: 1px solid #e9e9e9;
    padding: 4px 2px;text-align:center;margin-bottom:5px;cursor:pointer;}
.service_txt.database li{width:100px;}
.case_studies_box_content p b{font-weight:700;}

.case_studies_box_content p.skills b{float:left;margin-right:10px;margin-top: 4px;}
.case_studies_box_content p.skills{margin-top:20px;}
.service_txt li img {
    height: 30px !important;filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
	object-fit:unset !important;
}
.service_txt li:hover img{
	-webkit-filter: grayscale(0);
    filter: none;
}
@keyframes pulse{
	0%{
		transform:translate(-50%,-50%) scale(1)}
		33.33%{transform:translate(-50%,-50%) scale(.95)}
		66.33%{transform:translate(-50%,-50%) scale(1.05)}
		100%{transform:translate(-50%,-50%) scale(1)}
		}
/***case studies css start here***/


/**********/
section.industry_box  .container + .container .row:nth-child(even) {flex-direction: row-reverse;}
section.industry_box img {height: 250px;object-fit: cover;width: 100%;}
section.industry_box .row {margin-bottom: 40px;}
section.industry_box {position: relative;}
section.industry_box .container + .container:after  {content: ''; position: absolute;height: 100%; width: 5px;top: 0;background: url(../img/border.jpg) repeat-y 0 0;left: 50%;}
section.industry_box .container + .container .row .col-md-12 {height: 310px;padding: 40px;}
section.industry_box a.btn.btn-default {
    width: auto;
    border-radius: 50px !important;
}
.content_box_row a {
    width: 120px;
    height: 40px;
    border: 2px solid #333c4e;
    border-radius: 0 !important;
    border-color: #00bcf2;
    color: #00bcf2;
}

.container.position-relative .row:after {top: 57px;content: "";background: #fff;width: 20px;height: 20px;position: absolute;
border-radius: 50px;border: 2px solid #ff7800;right: 0;left: 1px;text-align: center;margin: 0 auto;z-index: 99;}
.container.position-relative .row {position: relative;}
.content_box_row h4 {font-size: 26px;margin: 0 0 15px 0;color: #000;
    font-weight: bold;}
section.industry_box .container + .container .row:nth-child(even) .content_box_row {text-align: right;}
.content_box_row  p {font-size: 16px;line-height:28px; margin-bottom: 15px;}
.content_box_row a {width: 120px;height: 40px;border: 2px solid #333c4e;border-radius: 0 !important;border-color: #ff7800;color: #ff7800;}
.container.position-relative .row.content_box_row:nth-child(odd) .col-md-12:first-child {text-align: right;}
section.industry_box .container + .container:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 5px;
    top: 0;
    background: url(../images/border.jpg) repeat-y 0 0;
    left: 50%;
}
.section_sub_heading{font-size:18px;line-height:28px;}
.section-gray{background:#f1f1f1;}
/**********/