@import "https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300";
@import "https://fonts.googleapis.com/css?family=Roboto:400,500,300,700,100";
@import "https://fonts.googleapis.com/css?family=Lato:300,400,700,900";

body {
    margin: 0;
    padding: 0;
    font-family: "Open Sans", sans-serif;
}

b {
    font-weight: 600;
}

.font-clr b {
    font-weight: 700;
    color: #dc143c;
}

.header-clr b {
    font-weight: 700;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    cursor: pointer;
}
/*h2 {
    margin-bottom: 50px;
    padding-bottom: 8px;
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    color: #000;
}*/
p.left {
    text-align: left;
}

.container {
    position: relative;
}
.btm-pdn{
    padding-bottom: 30px;
}
.navbar {
    margin-bottom: 0;
}

ul.nav.nav-tabs.responsive.csnavalignment {
    padding-bottom: 40px;
}

.section-one {
    display: block;
    width: 100%;
    float: left;
    background-attachment: fixed;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(../images/bg-choose-us.jpg);
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .sprite,
    .section-one .right-content li::after,
    .section-one .left-content li::after,
    .closed .icon-close,
    .contact-details address p::before,
    .responsive-tab a.title::after,
    .new-cms1 li::before,
    .analytics li::before,
    .black-bg h3 .lines4 {
        display: inline-block;
        background-image: url(../images/sprite.png);
        background-repeat: no-repeat;
    }

.padding-0 {
    padding: 0;
}

.paddingtop-0 {
    padding-top: 0;
}

.paddingright-0 {
    padding-right: 0;
}

.paddingleft-0 {
    padding-left: 0;
}

.paddingbottom-0 {
    padding-bottom: 0;
}

.margin-0 {
    margin: 0;
}

.margintop-0 {
    margin-top: 0;
}

.marginright-0 {
    margin-right: 0;
}

.marginleft-0 {
    margin-left: 0;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.margleft {
    margin-left: 16px;
}

.hvr-bounce-in {
    display: inline-block;
    transform: translateZ(0px);
    backface-visibility: hidden;
    transition-duration: 0.5s;
    vertical-align: middle;
}

    .hvr-bounce-in:hover,
    .hvr-bounce-in:focus,
    .hvr-bounce-in:active {
        transform: scale(1.1);
        transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    }

.main-head {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: none;
    z-index: 999;
    /*  webkit-transition: all 0.4s ease;*/
    background: rgba(0, 0, 0, 0.6);
    transition: all 0.4s ease;
}

.phoneNuber:before {
    background: none !important;
}

.phoneNuber strong {
    color: #163b8e;
}

.phoneNuber {
    margin-left: 0;
    padding: 5px 0 0 60px !important;
    background-attachment: scroll;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(../images/phone-icon.png);
    background-position-x: left;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: 6px;
    color: #163baa;
    font-size: 18px !important;
}

.topBrading {
    -webkit-transition: all 0.4s ease;
    padding-top: 5px;
    transition: all 0.4s ease;
}

.sticky {
    -webkit-transition: all 0.4s ease;
    background: rgba(0, 0, 0, 0.6);
    transition: all 0.4s ease;
}

.topBrading .logo a {
    display: block;
}

.marginbottom-0 {
    margin-bottom: 0;
}

.line {
    position: absolute;
    right: 0;
    bottom: -4px;
    left: 0;
    width: 109px;
    height: 1px;
    margin: auto;
    background-position: -188px -136px;
    content: "";
}

.lines {
    position: absolute;
    right: 0;
    bottom: -4px;
    left: 0;
    width: 109px;
    height: 1px;
    margin: 0 auto;
    background-position: -188px -136px;
    content: "";
}

.heroText {
    margin-bottom: 10px;
    padding: 20% 0 8px;
    color: black;
    font-weight: 500;
    text-align: left;
    /*text-shadow: 3px 3px 4px #000;*/
    text-shadow: 1px 1px 2px #000;
}

.text-para {
margin-bottom: 10px;
padding: 13% 0 8px;
color: black;
font-weight: 500;
text-align: left;
/* text-shadow: 3px 3px 4px #000; */
text-shadow: 1px 1px 3px #000;
font-size: 20px;
}
.homepagesubsection.heroTextSmall {
    float: none;
    color: #fff;
}

.homepagesubsection h1.heroText {
    font-size: 30px;
}

.homepagesubsection .heroTextSmall a {
    transition: 400ms ease all;
    opacity: 1;
    border: none;
    font-weight: 700;
    text-align: center;
}

.homepagesubsection .heroTextSmall p {
    margin-bottom: 8px;
    color: #000;
    /* text-shadow: 1px 1px 3px #000;*/
}
section.homepagesubsection {
    background: #EBFCFF;
}

.homepagesubsection .card .bgimg1 {
    background: url('../images/home-page-banner-image.png') no-repeat top center;
    position: relative;
    background-size: cover;
    height: 648px;
    box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 15%);
}

.homepagesubsection .card .bgimg2 {
    background: url('../images/cyber-securitybanner.png') no-repeat top center;
    position: relative;
    background-size: cover;
    height: 648px;
    box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 15%);
}
.homepagesubsection .owl-dots {
    bottom: 53px;
    position: absolute;
    right: 757px;
}

    .homepagesubsection .owl-dots .owl-dot {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        display: inline-block;
        background: #888585;
        margin: 0 3px;
        border: 1px solid #fff;
    }

        .homepagesubsection .owl-dots .owl-dot.active {
            background-color: #000;
        }

    .homepagesubsection .owl-dots button.owl-dot:focus {
        outline: none;
    }

.headerFixed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

    .headerFixed .container {
        height: 100%;
    }

.heroTextSmall .service {
    margin-bottom: 50px;
    padding: 8px 8px 8px 0;
    border: 0 none;
    border-radius: 50px;
    background-attachment: scroll;
    background-color: #00d769;
    background-image: none;
    background-position-x: 0;
    background-position-y: 0;
    font-size: 16px;
}

    .heroTextSmall .service span {
        padding: 8px 22px;
        border-radius: 50px;
        background-color: #00a651;
        font-size: 16px;
    }

.bannerOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 580px;
    background-color: #000;
    opacity: 0.7;
    z-index: 9;
}

.m_arrow_btm {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    margin: auto;
}

.dropdown-menu {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 160px;
    margin: 2px 0 0;
    padding: 0;
    float: left;
    border: none;
    border-radius: 8px;
    background-clip: padding-box;
    background-color: #67b145;
    font-size: 14px;
    list-style: outside none none;
    text-align: left;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    z-index: 1000;
}

    .dropdown-menu > li > a {
        display: block;
        padding: 4px 20px;
        clear: both;
        color: #fff;
        font-weight: 400;
        line-height: 1.42857;
        white-space: nowrap;
    }

    .dropdown-menu .divider {
        -webkit-box-shadow: 0 1px 0 #80c361;
        height: 1px;
        margin: 0;
        overflow: hidden;
        border-bottom: 1px solid #539037;
        box-shadow: 0 1px 0 #80c361;
    }

.icon-close {
    display: none;
}

.bootstrap-select > .btn {
    width: 100%;
    padding-right: 25px;
    border: 1px solid #ccc;
    background-attachment: scroll;
    background-color: #f6f6f6;
    background-image: none;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    color: #999;
}

.blue-section2 img {
    margin: 0 auto;
    width: 100%;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    background: #fff !important;
    color: #000 !important;
}

.bootstrap-select .btn:focus {
    -webkit-box-shadow: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.bootstrap-select .dropdown-menu {
    background: #f6f6f6;
    background-attachment: scroll;
    background-image: none;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
}

    .bootstrap-select .dropdown-menu a {
        color: #999 !important;
    }

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    background-color: transparent;
}

.nav > li > a:hover {
    background-color: none;
}

.nav > li > a:focus {
    background-color: transparent;
    color: #242424;
}

.main-footer .socialMedia {
    z-index: 999;
    position: relative;
}

    .main-footer .socialMedia a {
        width: 28px;
        height: 28px;
        display: inline-block;
    }

.facebook {
    width: 41px;
    height: 41px;
    background-position: -7px -6px;
    cursor: pointer;
    z-index: 99;
}

    .facebook:hover {
        background-position: -7px -50px;
    }

.twitter:hover {
    background-position: -50px -50px;
}

.linkedin:hover {
    background-position: -93px -50px;
}

.twitter {
    width: 41px;
    height: 41px;
    background-position: -50px -6px;
    cursor: pointer;
    z-index: 99;
}

.linkedin {
    width: 41px;
    height: 41px;
    background-position: -93px -6px;
    cursor: pointer;
    z-index: 99;
}

.sprite,
.section-one .right-content li::after,
.section-one .left-content li::after,
.services-details .nav-tabs > li.active > a::after,
.services-details .nav > li > a:focus::after,
.services-details .nav > li > a:hover::after,
.points ul li::before,
.testing ul li::before,
.blue-section1 ul li::before,
.automation ul li::before,
.new-section article ul li::before,
.process article.one::before,
.process article.two::before,
.process article.three::before,
.process article.four::before,
.process article.five::before,
.process article.six::before,
.process article.seven::before,
.process article.eight::before,
.process article.nine::before,
.process article.four::before,
.black-bg4 ul li::before,
.new-cms2 li::before,
.bott h4 i.ic1,
.bott h4 i.ic2,
.bott h4 i.ic3 {
    display: inline-block;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
}

.servicesMenu {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    min-height: 146px;
    color: #fff;
}

    .servicesMenu i {
        display: block;
        margin: 0 auto 10px;
    }

    .servicesMenu a {
        display: block;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
    }

    .servicesMenu .item {
        text-align: center;
    }

    .servicesMenu .service1 {
        width: 77px;
        height: 50px;
        background-position: -7px -96px;
    }

    .servicesMenu i.sprite {
        height: 60px;
    }

    .servicesMenu .service2 {
        width: 91px;
        height: 48px;
        background-position: -143px -1px;
    }

    .servicesMenu .service3 {
        width: 57px;
        height: 55px;
        background-position: -146px -59px;
    }

    .servicesMenu .service4 {
        width: 55px;
        height: 57px;
        background-position: -306px -3px;
    }

    .servicesMenu .service5 {
        width: 83px;
        height: 54px;
        background-position: -210px -70px;
    }

    .servicesMenu .service6 {
        width: 58px;
        height: 62px;
        background-position: -241px -3px;
    }

.borderline {
    display: inline-block;
    width: 140px;
    height: 1px;
    margin: 0 0 20px;
    float: none;
    background: #00a651;
    background-attachment: scroll;
    background-image: none;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    text-align: center;
}

.section-one .container {
    padding-top: 100px;
    padding-bottom: 100px;
}

.section-one h2 {
    margin: 0;
    padding-bottom: 20px;
    text-align: center;
}

.adTechnologies,
.adTechnologies .hoverText {
    background: #ada397;
}

.truCollab,
.truCollab .hoverText {
    background: #dac292;
}

.security,
.security .hoverText {
    background: url(../images/bg-security.jpg) repeat left top;
}

.projectMethod,
.projectMethod .hoverText {
    background: url(../images/bg-project-method.jpg) repeat left top;
}

.customerCert,
.customerCert .hoverText {
    background: url(../images/bg-customercert.jpg) repeat left top;
}

.swiftDeliver,
.swiftDeliver .hoverText {
    background: #3ab1c8;
}

.trust,
.trust .hoverText {
    background: url(../images/bg-trust.jpg) repeat left top;
}

.engagement,
.engagement .hoverText {
    background: url(../images/bg-engagement.jpg) repeat left top;
}

    .customerCert span,
    .swiftDeliver span,
    .trust span,
    .engagement span {
        color: #000;
    }

    .customerCert .hoverText h2,
    .swiftDeliver .hoverText h2,
    .trust .hoverText h2,
    .engagement .hoverText h2 {
        color: #000;
    }

    .customerCert .hoverText ul li,
    .swiftDeliver .hoverText ul li,
    .trust .hoverText ul li,
    .engagement .hoverText ul li {
        background: #000 url(../images/bullet_black.png) no-repeat left top 8px;
        color: #000;
    }

.listings i {
    display: block;
    min-height: 62px;
    margin: 0 0 8px;
}

.listings span {
    display: block;
    font-family: Lato;
    font-size: 18px;
    font-weight: 300;
}

.listings {
    width: 100%;
}

    .listings .section {
        position: relative;
        height: 220px;
        padding: 48px 0 0;
        overflow: hidden;
        color: #fff;
        text-align: center;
    }

.section-one p {
    margin-bottom: 50px;
    color: #fff;
    text-align: center;
}

.section-one .col-sm-8 {
    margin: 0 auto;
    float: none;
}

.section-one .right-content h3 {
    margin-bottom: 10px;
    padding-right: 20px;
    color: #242424;
    font-size: 20px;
}

.section-one .right-content li {
    position: relative;
    margin-top: 6px;
    padding-right: 20px;
    color: #727272;
    font-size: 14px;
    list-style: none;
}

    .section-one .right-content li::after {
        position: absolute;
        top: 8px;
        right: 0;
        width: 8px;
        min-height: 8px;
        background-position: -110px -118px;
        content: "";
    }

.section-one .right-content article {
    position: relative;
    min-height: 170px;
    border-right: 1px dashed #c4c4c4;
}

    .section-one .right-content article:last-child {
        min-height: 100px;
        border-right: medium none !important;
    }

.section-one .left-content h3 {
    margin-bottom: 10px;
    padding-left: 20px;
    color: #242424;
    font-size: 20px;
}

.section-one .left-content li {
    position: relative;
    margin-top: 6px;
    padding-left: 20px;
    color: #727272;
    font-size: 14px;
    list-style: none;
}

    .section-one .left-content li::after {
        position: absolute;
        top: 6px;
        left: 0;
        width: 8px;
        min-height: 8px;
        background-position: -97px -118px;
        content: "";
    }

.section-one .left-content article {
    position: relative;
    min-height: 170px;
    border-left: 1px dashed #c4c4c4;
}

    .section-one .left-content article:last-child {
        min-height: 100px;
        border-left: medium none;
    }

.section-one .left-content .group {
    padding-bottom: 0;
    padding-left: 32px;
}

.lg-img {
    width: 100%;
    max-width: 242px;
    min-height: 388px;
    margin-top: 30%;
    background-position: -554px 2px;
}

.section-one .right-content .group {
    padding-right: 32px;
    padding-bottom: 0;
}

.icon1 {
    position: absolute;
    right: -30px;
    width: 56px;
    height: 62px;
    background-color: #fff;
    background-position: -12px -157px;
    cursor: pointer;
    z-index: 9;
}

    .icon1:hover {
        background-position: -77px -154px;
    }

.icon2 {
    position: absolute;
    right: -30px;
    width: 60px;
    height: 59px;
    background-color: #fff;
    background-position: -10px -223px;
    cursor: pointer;
    z-index: 9;
}

    .icon2:hover {
        background-position: -76px -222px;
    }

.icon3 {
    position: absolute;
    right: -30px;
    width: 60px;
    height: 59px;
    background-color: #fff;
    background-position: -143px -154px;
    cursor: pointer;
    z-index: 9;
}

    .icon3:hover {
        background-position: -208px -152px;
    }

.icon4 {
    position: absolute;
    right: -30px;
    width: 60px;
    height: 59px;
    background-color: #fff;
    background-position: -276px -152px;
    cursor: pointer;
    z-index: 9;
}

    .icon4:hover {
        background-position: -279px -221px;
    }

.icon5 {
    position: absolute;
    left: -30px;
    width: 60px;
    height: 59px;
    background-color: #fff;
    background-position: -344px -152px;
    cursor: pointer;
    z-index: 9;
}

    .icon5:hover {
        background-position: -343px -219px;
    }

.icon6 {
    position: absolute;
    left: -30px;
    width: 60px;
    height: 59px;
    background-color: #fff;
    background-position: -412px -152px;
    cursor: pointer;
    z-index: 9;
}

    .icon6:hover {
        background-position: -412px -218px;
    }

.icon7 {
    position: absolute;
    left: -30px;
    width: 60px;
    height: 59px;
    background-color: #fff;
    background-position: -8px -292px;
    cursor: pointer;
    z-index: 9;
}

    .icon7:hover {
        background-position: -74px -290px;
    }

.icon8 {
    position: absolute;
    left: -30px;
    width: 60px;
    height: 59px;
    background-color: #fff;
    background-position: -143px -290px;
    cursor: pointer;
    z-index: 9;
}

    .icon8:hover {
        background-position: -209px -289px;
    }

.section-two {
    -webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5);
    display: block;
    width: 100%;
    float: left;
    background-size: cover;
    text-align: center;
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5);
}

    .section-two .container {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .section-two h2 {
        position: relative;
        color: #fff;
    }

    .section-two img {
        max-width: 100%;
        margin-bottom: 50px;
        content: url(../images/development-process-desktop.png);
    }

    .section-two h4 {
        margin-bottom: 4px;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
    }

    .section-two .one {
        width: 66px;
        height: 60px;
        float: left;
        background-position: -303px -74px;
    }

    .section-two .two {
        width: 63px;
        height: 64px;
        float: left;
        background-position: -380px -5px;
    }

    .section-two .three {
        width: 41px;
        height: 58px;
        float: left;
        background-position: -458px -8px;
    }

    .section-two .four {
        width: 52px;
        height: 69px;
        float: left;
        background-position: -382px -75px;
    }

    .section-two .five {
        width: 64px;
        height: 71px;
        float: left;
        background-position: -458px -74px;
    }

    .section-two .six {
        width: 44px;
        height: 58px;
        float: left;
        background-position: -488px -161px;
    }

    .section-two .seven {
        width: 64px;
        height: 50px;
        float: left;
        background-position: -282px -291px;
    }

    .section-two .eight {
        width: 68px;
        height: 64px;
        float: left;
        background-position: -369px -284px;
    }

    .section-two .nine {
        width: 66px;
        height: 65px;
        float: left;
        background-position: -456px -283px;
    }

    .section-two p {
        color: #fff;
        font-size: 13px;
    }

    .section-two article {
        width: 78%;
        margin-bottom: 60px;
        padding-left: 6%;
        float: left;
    }

#scroll-container {
    overflow: hidden;
}

.section-three {
    width: 100%;
    min-height: 458px;
    padding: 50px 0;
    float: left;
    background: url(../images/bg.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}

    .section-three .col-sm-10 {
        margin: 0 auto;
        float: none;
    }

    .section-three h2 {
        position: relative;
    }

ul.tabs {
    width: 100%;
    height: 84px;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    text-align: center;
}

    ul.tabs li {
        display: inline-block;
        position: relative;
        margin: 0 4px 8px;
        padding: 3px 20px;
        overflow: hidden;
        border: 1px solid #4ccfff;
        color: #fff;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
    }

.tab_last {
    border-right: 1px solid #333;
}

.tabs li:hover {
    border: 1px solid #64bb3c;
    background-color: #64bb3c;
    color: #fff;
}

.tabs li.active {
    display: inline-block;
    border: 1px solid #64bb3c;
    background-color: #64bb3c;
    color: #fff;
}

.tab_container {
    width: 100%;
    float: left;
    clear: both;
    overflow: auto;
}

.tab_content {
    display: none;
    padding: 35px 0 10px;
    text-align: center;
}

    .tab_content img {
        display: inline-block;
        margin: 0 3px 4px;
    }

.tab_drawer_heading {
    display: none;
}

.main-footer {
    position: relative;
    width: 100%;
    float: left;
    background-color: #222;
}

    .main-footer .container {
        position: relative;
        padding-top: 16px;
        padding-bottom: 18px;
    }

    .main-footer ul {
        margin: 0 10px 0 0;
        padding: 0 0 0 16px;
        float: left;
        list-style: none;
    }

    .main-footer .top {
        width: 28px;
        outline: medium none;
        background: rgba(0, 0, 0, 0) url(../images/top-arrow1.png) no-repeat scroll 0 0;
        text-align: center;
        text-decoration: none;
        text-indent: -999em;
        background-size: contain;
        position: absolute;
        bottom: 0px;
        left: 96px;
    }

        .main-footer .top i {
            width: 16px;
            height: 25px;
            margin-top: 11px;
            background-position: -488px -235px;
        }

    .main-footer .links .title {
        margin-bottom: 3px;
        color: #fff;
        font-size: 16px;
    }

    .main-footer .links a {
        position: relative;
        color: #a8a8a8;
        font-size: 13px;
    }

    .main-footer .links span {
        position: relative;
        color: #a8a8a8;
        font-size: 13px;
    }

span .border-clr {
    color: #cacaca;
}

.main-footer .links a::before {
    display: inline-block;
    position: absolute;
    top: 5px;
    left: -14px;
    width: 6px;
    height: 9px;
    content: "";
}

.main-footer .links a:hover {
    color: #cacaca;
}

.main-footer ul li.title a {
    margin-bottom: 3px;
    color: #fff;
    font-size: 16px;
}

    .main-footer ul li.title a::before {
        background: none;
    }

.main-footer ul li.title {
    padding-right: 30px;
}

.main-footer p {
    margin-bottom: 16px;
    color: #fff;
    font-size: 14px;
    text-align: left;
}

.main-footer .links {
    margin-bottom: 20px;
}

.main-footer .social-media .facebook {
    width: 35px;
    height: 35px;
    background-position: -18px -354px;
}

.main-footer .social-media .twitter {
    width: 36px;
    height: 37px;
    background-position: -57px -352px;
}

.main-footer .social-media .linkdin {
    width: 36px;
    height: 36px;
    background-position: -99px -354px;
}

    .main-footer .social-media .facebook:hover,
    .main-footer .social-media .twitter:hover,
    .main-footer .social-media .linkdin:hover {
        opacity: 0.6;
    }

.inner-container {
    width: 100%;
    height: 349px;
    overflow: hidden;
}
/*.index-banner {
    -webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5);
    position: relative;
    background: url(../images/how-we-work-1400.jpg) no-repeat top center;
    background-size: cover;
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5);
}*/
/*.index-banner {
    background: url('../images/home-page-banner-image.png') no-repeat top center;
    position: relative;
    background-size: cover;
    height: 648px;
}*/

.about-banner {
    height: 400px;
    background: url(../images/banner2.jpg) no-repeat top center;
    background-size: cover;
}

.services-banner {
    background: url(../images/application-development-1400.jpg) no-repeat top center;
    background-size: cover;
}

.services-blockchainbanner {
    background: url(../images/block-chain-banner-img.jpg) no-repeat top center;
    background-size: cover;
    -webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
}

    .services-blockchainbanner .heading-container {
        bottom: 0;
        height: 398px;
        padding-top: 200px;
    }

.services-aimlbanner {
    background: url(../images/artificial_intelligence_banner.jpg) no-repeat top center;
    background-size: cover;
    -webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
}

    .services-aimlbanner .heading-container {
        bottom: 0;
        height: 398px;
        padding-top: 200px;
    }

.services-cybersecuritybanner {
    background: url(../images/cyber_security_banner.jpg) no-repeat top center;
    background-size: cover;
    -webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
}

    .services-cybersecuritybanner .heading-container {
        bottom: 0;
        height: 398px;
        padding-top: 200px;
    }

.services-cloudsolutionsbanner {
    background: url(../images/cloud_solutions_banner.jpg) no-repeat top center;
    background-size: cover;
    -webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0,0.25);
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
}

    .services-cloudsolutionsbanner .heading-container {
        bottom: 0;
        height: 398px;
        padding-top: 200px;
    }

.services-banner6 {
    -webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
    background: url(../images/our_development_process.jpg) no-repeat center center;
    background-size: cover;
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
}

    .services-banner6 .heading-container {
        bottom: 0;
        height: 398px;
        padding-top: 225px;
    }

.services-banner8 {
    -webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
    background: url(../images/engagement_models_banner.jpg) no-repeat top center;
    background-size: cover;
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
}

    .services-banner8 .heading-container {
        bottom: 0;
        height: 398px;
        padding-top: 225px;
    }

.services-banner7 {
    background: url(../images/banner5.jpg) no-repeat top center;
    background-size: cover;
}

    .services-banner7 .heading-container {
        bottom: 0;
        height: 398px;
        padding-top: 225px;
    }

.about-banner .heading-container {
    bottom: 0;
    height: 398px;
    padding-top: 200px;
}

.contact-banner {
    background: url(../images/banner1.jpg) no-repeat top center;
    background-size: cover;
}

.services-banner .heading-container {
    bottom: 0;
    height: 398px;
    padding-top: 200px;
}

.heading-container h1 {
    color: #fff;
    font-family: "Montserrat-Medium", sans-serif;
    font-size: 45px;
    font-weight: 100;
    text-align: left;
    margin-left: -4px;
    text-shadow: 1px 1px 4px #000;
}

.heading-container .breadcrumb {
    background: none;
    color: #fff;
    text-align: left;
    text-shadow: 1px 1px 4px #000;
}

    .heading-container .breadcrumb a {
        color: #fff;
        font-size: 16px;
    }

        .heading-container .breadcrumb span,
        .heading-container .breadcrumb a:hover {
            color: #6ac73f;
        }

    .heading-container .breadcrumb i {
        width: 15px;
        height: 13px;
        background-position: -131px -133px;
        margin-top: 5px;
        margin-left: 5px;
    }

        .heading-container .breadcrumb i.mar {
            margin-left: -6px;
        }

.inner-content {
    padding-top: 60px;
}

.center-icon {
    width: 77px;
    height: 75px;
    margin-bottom: -37px;
    background-position: -203px -350px;
}

.center-icon1 {
    position: absolute;
    right: 0;
    bottom: -37px;
    left: 0;
    width: 75px;
    height: 74px;
    margin: 0 auto;
    background-position: -245px -428px;
}

.center-icon2 {
    position: absolute;
    right: 0;
    left: 0;
    width: 78px;
    height: 78px;
    margin: 0 auto;
    margin-bottom: -37px;
    background-position: -320px -425px;
}

.center-icon3 {
    position: absolute;
    right: 0;
    bottom: -37px;
    left: 0;
    width: 75px;
    height: 75px;
    margin: 0 auto;
    background-position: -404px -425px;
}

.center-icon4 {
    position: absolute;
    right: 0;
    bottom: -37px;
    left: 0;
    width: 75px;
    height: 78px;
    margin: 0 auto;
    background-position: -482px -424px;
}

.center-icon5 {
    position: absolute;
    right: 0;
    left: 0;
    width: 75px;
    height: 76px;
    margin: 0 auto;
    margin-bottom: -37px;
    background-position: -374px -886px;
}

.center-icon6 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 75px;
    height: 78px;
    margin: 0 auto;
    margin-bottom: -37px;
    background-position: -664px -643px;
}

.center-icon7 {
    position: absolute;
    right: 0;
    bottom: -37px;
    left: 0;
    width: 73px;
    height: 77px;
    margin: 0 auto;
    background-position: -324px -423px;
}

#map-canvas {
    height: 530px;
}

.readMde {
    display: inline-block;
    margin-bottom: 20px;
    padding: 10px 18px;
    border: none;
    border-radius: 5px;
    background: #e63232;
    color: #fff;
    font-size: 14px;
}

    .readMde:hover,
    .readMde:focus,
    .readMde:active {
        outline: none;
        background: #b92626;
        color: #fff;
    }

    .readMde a {
        color: #fff;
    }

    .readMde:hover a {
        background: #fff;
        color: #fff;
    }

.contact-details strong {
    display: inline-block;
    margin-bottom: 10px;
    color: #163b8e;
    font-size: 18px;
}

.contact-details address {
    margin-bottom: 40px;
}

    .contact-details address p {
        position: relative;
        margin-bottom: 8px;
        padding-left: 18px;
        font-size: 14px;
        text-align: left;
    }

        .contact-details address p::before {
            position: absolute;
            top: 2px;
            left: -3px;
            width: 14px;
            height: 17px;
            background-position: -26px -401px;
            content: "";
        }

hr {
    border-color: #b7b7b7;
}

legend {
    margin: 50px 0 40px;
    color: #163b8e;
    font-size: 32px;
    text-align: center;
}

.form-inline {
    position: relative;
}

    .form-inline .input-group > .form-control, .form-inline .form-control {
        padding: 9px 14px 9px 38px;
        background-attachment: scroll;
        background-position-x: 0;
        background-position-y: 0;
        background-repeat: repeat;
        box-shadow: none;
    }

    .form-inline .name {
        position: absolute;
        top: 2px;
        left: 15px;
        width: 30px;
        height: 30px;
        background-position: -45px -395px;
        z-index: 99;
    }

    .form-inline .company {
        position: absolute;
        top: 2px;
        left: 15px;
        width: 30px;
        height: 30px;
        background-position: -79px -393px;
        z-index: 99;
    }

    .form-inline .email {
        position: absolute;
        top: 2px;
        left: 15px;
        width: 30px;
        height: 30px;
        background-position: -154px -395px;
        z-index: 99;
    }

    .form-inline .phone {
        position: absolute;
        top: 2px;
        left: 15px;
        width: 30px;
        height: 30px;
        background-position: -116px -396px;
        z-index: 99;
    }

    .form-inline .subject {
        position: absolute;
        top: 2px;
        left: 15px;
        width: 30px;
        height: 30px;
        background-position: -287px -344px;
        z-index: 99;
    }

textarea {
    min-height: 144px;
}

.textarea {
    padding: 9px 15px !important;
}

.contact-details .btn-primary {
    margin-top: 10px;
    margin-bottom: 40px;
    margin-left: 0;
    padding: 8px 30px;
    float: left;
    border: none;
    border-radius: 0;
    border-color: transparent;
    transition: 400ms ease all;
    font-weight: 700;
    color: #fff;
    font-size: 16px;
}

    .contact-details .btn-primary:hover {
        -webkit-box-shadow: none;
        border: none;
        background-color: #68b146;
        box-shadow: none;
        opacity: 0.8;
    }

    .contact-details .btn-primary:focus {
        -webkit-box-shadow: none;
        border: none;
        box-shadow: none;
    }

.about-details .content {
    display: table-cell;
}

.about-details h2 {
    margin-bottom: 0;
    color: #2d2d2d;
    font-size: 24px;
}

.align-right {
    float: right;
}

.about-details .mission {
    width: 69px;
    height: 68px;
    margin-right: 15px;
    float: left;
    background-position: -377px -356px;
}

.about-details .vision {
    width: 69px;
    height: 68px;
    margin-right: 15px;
    float: left;
    background-position: -458px -359px;
}

.abt-heading {
    width: 212px;
    height: 47px;
    background-position: -14px -442px;
}

.border-left {
    padding-left: 30px;
    height: 80px;
    border-left: 1px solid #d2d2d2;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group,
.bootstrap-select,
.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    float: none;
}

    .bootstrap-select.open .dropdown-menu.open {
        overflow: visible !important;
    }

    .bootstrap-select .selectpicker .check-mark {
        visibility: hidden;
    }

.view {
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    position: relative;
    width: 204px;
    height: 192px;
    padding: 12px 3px 6px 1px;
    overflow: hidden;
    border: 1px solid #b4b4b4;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
}

.view_team {
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    position: relative;
    width: 204px;
    padding: 12px 6px 6px;
    overflow: hidden;
    background: #e5e5e5;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
}

.team_name {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5em;
    text-align: left;
}

.team_designation {
    color: #000;
    font-size: 13px;
    line-height: 1.5em;
    text-align: left;
}

.team_follow_us {
    color: #000;
    font-size: 13px;
    line-height: 1.5em;
    text-align: left;
}

    .team_follow_us img {
        width: 20px;
    }

.view:hover,
.view_team:hover {
    background: #277ab8;
    background-attachment: scroll;
    background-image: none;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    color: #fff;
    cursor: pointer;
    opacity: 0;
    opacity: 1;
    transition: all 0.4s ease-in-out 0;
}

.view-first img {
    transition: all 0.2s linear 0;
}

.view img {
    display: block;
    position: relative;
    top: -12px;
    left: -12px;
}

.view-first .mask {
    background: rgba(70, 64, 157, 0.9);
    background-attachment: scroll;
    background-image: none;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    color: rgba(70, 64, 157, 0.9);
    opacity: 0;
    transition: all 0.4s ease-in-out 0;
}

.view .mask,
.view .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 223px;
    height: 192px;
    overflow: hidden;
}

.mask img {
    position: relative;
    top: 12px;
    left: -38px;
}

.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear 0;
}

.view p {
    position: relative;
    padding-right: 18px;
    color: #fff;
    font-size: 14px;
    line-height: 24px !important;
    text-align: center;
}

.namehd {
    font-size: 18px !important;
    text-align: center;
}

.margin-top-58 {
    margin-top: 58px;
}

.view-first:hover img {
    transform: scale(1.1, 1.1);
}

.view-first:hover .mask {
    cursor: pointer;
    opacity: 1;
}

.view-first:hover p {
    transition-delay: 0.1s;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    transform: translateY(0px);
    opacity: 1;
}

.team {
    text-align: center;
}

    .team a {
        display: inline-block;
        margin-bottom: 30px;
    }

.services-details .nav-tabs {
    border-bottom: medium none;
    text-align: center;
    display: block;
}

    .services-details .nav-tabs > li {
        display: inline-grid;
        margin: 0 0 10px;
        float: none;
    }

        .services-details .nav-tabs > li:last-child {
            margin-right: 0;
        }

            .services-details .nav-tabs > li:last-child a,
            .services-details .nav-tabs > li.active:last-child a {
                padding: 10px 18px;
            }

        .services-details .nav-tabs > li a,
        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:focus,
        .nav-tabs > li.active > a:hover {
            margin: 0;
            padding: 10px 24px;
            border-radius: 0;
            color: #646464;
            font-size: 16px;
            -webkit-box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
            box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
        }

        .services-details .nav-tabs > li.active > a,
        .services-details .nav > li > a:focus,
        .services-details .nav > li > a:hover {
            position: relative;
            border-radius: 0;
            background: #004a80;
            transition: 400ms ease all;
            opacity: 1;
            color: #fff;
        }

            .services-details .nav-tabs > li.active > a::after {
                position: absolute;
                bottom: -8px;
                left: 45%;
                width: 14px;
                height: 12px;
                background-position: -516px -510px;
                content: "";
            }

.services-details .tab-content {
    margin: 30px 0 0;
}

.cms p {
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}

.equal p {
    min-height: 115px;
}

.equal h4 {
    min-height: 51px;
}

.cms .line-height {
    line-height: 27.5px;
}

.content-center {
    display: inline-block;
    width: 100%;
    clear: both;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 20px;
}
/*.content-center h3 {
        display: block;
        position: relative;
        margin-top: 20px;
        margin-bottom: 35px;
        font-size: 30px;
        text-align: center;
    }*/
h1.centerline {
    position: relative;
    margin-top: 26px;
    margin-bottom: 35px;
    color: #163b8e;
    font-size: 28px;
    text-align: center;
}

.ico {
    width: 68px;
    height: 69px;
    background-position: -10px -508px;
}

.ico1 {
    width: 69px;
    height: 69px;
    background-position: -89px -507px;
}

.ico2 {
    width: 67px;
    height: 71px;
    background-position: -170px -507px;
}

.ico3 {
    width: 67px;
    height: 71px;
    background-position: -566px -430px;
}

.table-h4 {
    display: inline-block;
    width: 100%;
    margin: 15px 0;
    clear: both;
    text-align: right;
    color: #434242;
    font-size: 16px;
    font-weight: 600;
    height: 35px;
}

    .table-h4 span {
        margin-left: 14px;
    }

.content-center h4 {
    margin-top: 8px;
    margin-bottom: 4px;
    color: #434242;
    font-size: 16px;
    font-weight: 600;
}

.content-center p {
    color: #434242;
    font-size: 14px;
    text-align: center;
    padding-left: 0;
}

p.center {
    text-align: center;
}

.blue-section h3 {
    position: relative;
    margin-top: 30px;
    margin-bottom: 40px;
    color: #fff;
    font-size: 28px;
}

.lines1 {
    position: relative;
    bottom: 15px;
    width: 135px;
    height: 10px;
    background-position: -416px -578px;
}

.blue-section {
    display: inline-block;
    width: 100%;
    background: url(../images/bg1.jpg) no-repeat center top;
    background-size: cover;
}

    .blue-section ul {
        margin-bottom: 26px;
        float: left;
        list-style: none;
    }

        .blue-section ul li {
            display: inline-block;
            width: 33%;
            height: 40px;
            margin-bottom: 20px;
            color: #fff;
            font-size: 14px;
            text-align: left;
        }

.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
    display: inline-block;
    padding-bottom: 32px;
}

img.align-center.img-fluid {
    display: inline-block;
    padding-bottom: 25px;
    width: 100%;
}

.blue-section .one {
    width: 24px;
    height: 27px;
    background-position: -258px -518px;
}

.blue-section .two {
    width: 31px;
    height: 25px;
    background-position: -291px -520px;
}

.blue-section .three {
    width: 26px;
    height: 25px;
    background-position: -335px -523px;
}

.blue-section .four {
    width: 28px;
    height: 24px;
    background-position: -372px -523px;
}

.blue-section .five {
    width: 30px;
    height: 31px;
    background-position: -411px -517px;
}

.blue-section .six {
    width: 30px;
    height: 28px;
    background-position: -447px -519px;
}

.blue-section .seven {
    width: 28px;
    height: 30px;
    background-position: -480px -521px;
}

.blue-section .eight {
    width: 26px;
    height: 22px;
    background-position: -515px -528px;
}

.blue-section .nine {
    width: 26px;
    height: 27px;
    background-position: -257px -553px;
}

.blue-section .ten {
    width: 31px;
    height: 35px;
    background-position: -298px -555px;
}

.blue-section .eleven {
    width: 27px;
    height: 30px;
    background-position: -337px -557px;
}

.blue-section .tweleve {
    width: 33px;
    height: 34px;
    background-position: -372px -554px;
}

.blue-section li .sprite {
    position: relative;
    top: 10px;
    margin-right: 10px;
}

.blue-section1 {
    display: inline-block;
    width: 100%;
    min-height: 540px;
    padding-bottom: 20px;
    background: url(../images/managed-test-services-1400.jpg) no-repeat center top;
    background-size: cover;
}

    .blue-section1 p {
        margin-bottom: 20px;
        color: #fff;
        text-align: left;
    }

    .blue-section1 h4 {
        margin-top: 50px;
        margin-bottom: 15px;
        color: #fff;
        font-size: 18px;
        text-align: left;
    }

    .blue-section1 ul li {
        position: relative;
        margin-bottom: 15px;
        padding-left: 0;
        list-style: none;
        float: left;
        width: 420px;
    }

        .blue-section1 ul li::before {
            position: absolute;
            left: -36px;
            width: 25px;
            height: 23px;
            background-position: -260px -623px;
            content: "";
        }

.articles .row {
    margin-top: 54px;
}

.articles article {
    height: 250px;
    margin-bottom: 15px;
    padding: 5px 16px;
    background-color: #f6f6f6;
    text-align: left;
}

    .articles article .sprite {
        margin-top: 8px;
        margin-right: 20px;
        float: left;
    }

    .articles article .content {
        display: table-cell;
        width: 80%;
    }

        .articles article .content p {
            color: #454545;
            font-size: 14px;
        }

    .articles article .circle1 {
        width: 70px;
        height: 68px;
        background-position: -642px -434px;
    }

    .articles article .circle2 {
        width: 68px;
        height: 69px;
        background-position: -676px -504px;
    }

    .articles article .circle3 {
        width: 67px;
        height: 70px;
        background-position: -720px -429px;
    }

    .articles article .circle4 {
        width: 71px;
        height: 69px;
        background-position: -159px -585px;
    }

    .articles article .circle5 {
        width: 70px;
        height: 70px;
        background-position: -9px -583px;
    }

    .articles article .circle6 {
        width: 69px;
        height: 71px;
        background-position: -86px -581px;
    }

.points ul {
    display: inline-block;
    width: 100%;
    margin-top: 40px;
    list-style: none;
}

    .points ul li {
        display: inline-block;
        position: relative;
        width: 45%;
        min-height: 50px;
        margin-bottom: 20px;
        margin-left: 32px;
        color: #434242;
        font-size: 14px;
        vertical-align: top;
    }

        .points ul li::before {
            position: absolute;
            top: -2px;
            left: -34px;
            width: 26px;
            height: 27px;
            background-position: -260px -594px;
            content: "";
        }

.testing h3 {
    margin-bottom: 42px;
}

.testing p {
    margin-bottom: 40px;
}

.testing .services {
    height: 280px;
    padding: 0;
    background-color: #266aa9;
}

.testing h4 {
    margin: 0;
    padding: 12px 15px;
    background-color: #235d92;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
}

.testing ul {
    padding: 15px 2px;
    list-style: none;
}

    .testing ul li {
        position: relative;
        margin-bottom: 12px;
        margin-left: 34px;
        color: #fff;
        font-size: 14px;
        text-align: left;
    }

        .testing ul li::before {
            position: absolute;
            left: -25px;
            width: 18px;
            height: 18px;
            background-position: -294px -596px;
            content: "";
        }

.testing .color1 h4 {
    background-color: #3c7ab4;
}

.testing .color1 {
    background-color: #4790d4;
}

.testing .color2 h4 {
    background-color: #2591a4;
}

.testing .color2 {
    background-color: #29a3b8;
}

.testing .color3 h4 {
    background-color: #15b6bc;
}

.testing .color3 {
    background-color: #17c5cc;
}

.automation {
    margin: -20px 0 0;
    padding: 35px 0;
    background-color: #f0f0f0;
    text-align: left;
}

    .automation p {
        margin-bottom: 18px;
        color: #434242;
        font-size: 14px;
        text-align: left;
    }

    .automation h4 {
        margin-top: 30px;
        margin-bottom: 22px;
        color: #434242;
    }

    .automation ul {
        list-style: none;
    }

        .automation ul li {
            position: relative;
            margin-bottom: 46px;
            margin-left: 15px;
            padding-left: 15px;
            font-size: 14px;
            list-style: none;
            vertical-align: top;
        }

            .automation ul li::before {
                position: absolute;
                top: -2px;
                left: -20px;
                width: 25px;
                height: 25px;
                background-position: -260px -594px;
                content: "";
            }

.new-cms p,
.new-cms h4 {
    text-align: left;
    padding-left: 88px;
}

.new-cms1 {
    text-align: left;
}

.cms ol,
.cms ul {
    padding-left: 0;
}

.services ol,
.services ul {
    padding-left: 0;
}

.new-cms1 ol,
.new-cms1 ul {
    padding-left: 0;
}

.new-cms .group {
    margin: 10px 0;
    float: left;
}

.more-ctn {
    display: inline-block;
    width: 100%;
    margin-top: 50px;
    clear: both;
}

    .more-ctn h4 {
        margin-bottom: 15px;
    }

    .more-ctn article h4 {
        margin-bottom: 5px;
    }

.new-cms .group i {
    width: 72px;
    height: 76px;
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
    background-position: -322px -587px;
}

    .new-cms .group i.app2 {
        width: 74px;
        height: 75px;
        background-position: -400px -589px;
    }

    .new-cms .group i.app3 {
        width: 74px;
        height: 77px;
        background-position: -477px -589px;
    }

.new-cms1 .group article {
    display: table-cell;
}

.new-cms1 li {
    position: relative;
    width: 50%;
    height: 88px;
    margin-bottom: 25px;
    padding: 0 30px 0 35px;
    float: left;
    list-style: outside none none;
}

    .new-cms1 li h4 {
        color: #222;
        font-size: 15px;
        font-weight: 600;
    }

    .new-cms1 li::before {
        position: absolute;
        left: 0;
        width: 25px;
        height: 29px;
        background-position: -260px -588px;
        content: "";
    }

.new-cms2 p {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    clear: both;
    text-align: left;
}

    .new-cms2 p.text-center {
        text-align: center;
    }

.new-cms2 li {
    position: relative;
    min-width: 100%;
    margin-bottom: 15px;
    float: left;
    font-size: 14px;
    list-style: outside none none;
    text-align: left;
}

.new-cms2 h4 {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 15px;
    color: #222;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
}

.new-cms2 li::before {
    left: -14px;
    width: 25px;
    height: 29px;
    padding-right: 35px;
    float: left;
    background-position: -260px -594px;
    content: "";
}

.cloud-provides li {
    width: 100%;
}

.cloud-characteristics li {
    width: 50%;
}

.analytics,
.analytics h3 {
    overflow: hidden;
    text-align: left;
}

.analytics-ul {
    margin-top: 30px;
}

.analytics-li {
    margin-bottom: 20px;
    font-size: 14px;
}

    .analytics-li::before {
        width: 28px;
        height: 32px;
        margin-right: 5px;
        float: left;
        background-image: url(../images/sprite.png);
        background-position: -261px -623px;
        background-repeat: no-repeat;
        content: "";
    }

.analytics h3 img {
    width: 100%;
}

.cloud ul {
    margin-top: 0;
}

.black-bg {
    width: 100%;
    min-height: 610px;
    background: url(../images/analytics-and-data-1400.jpg) no-repeat center top 0;
    background-size: cover;
}

    .black-bg h3 {
        color: #fff;
    }

        .black-bg h3 .lines4 {
            position: relative;
            bottom: 15px;
            width: 141px;
            height: 10px;
            margin: 0;
            background-position: -417px -568px;
        }

    .black-bg p {
        margin-bottom: 30px;
        color: #fff;
        line-height: 26px;
    }

.cloud_back {
    background: url(../images/cloud-solutions-1400.jpg) no-repeat center top;
}

.cyber_sec_back {
    background: url(../images/cyber-security-background.png) no-repeat center top;
    -webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5);
}

.managed_services_back {
    background: url(../images/black-bg2.jpg) no-repeat center top;
    -webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5);
}

.black-bg1 {
    display: inline-block;
    clear: both;
    text-align: center;
    width: 100%;
    background-size: cover;
}

    .black-bg1 h3 {
        display: inline-block;
        position: relative;
        margin-top: 0;
        margin-bottom: 35px;
        color: #fff;
        font-size: 28px;
        text-align: center;
    }

        .black-bg1 h3 .lines4 {
            position: relative;
            bottom: 15px;
            width: 141px;
            height: 10px;
            margin: 0;
            background-position: -417px -568px;
        }

    .black-bg1 .container {
        padding-top: 40px;
    }

    .black-bg1 p {
        color: #fff;
    }

    .black-bg1 ul {
        margin-top: 40px;
        margin-bottom: 40px;
        margin-left: 15px;
        float: left;
        list-style: none;
        text-align: left;
    }

        .black-bg1 ul li {
            width: 33%;
            margin-top: 10px;
            margin-bottom: 10px;
            float: left;
            color: #fff;
            font-size: 14px;
        }

            .black-bg1 ul li::before {
                width: 22px;
                height: 22px;
                margin-right: 10px;
                float: left;
                background-image: url(../images/check_round_white.png);
                content: "";
            }

    .black-bg1 ol {
        margin-top: 0;
        margin-bottom: 40px;
        margin-left: 15px;
        float: left;
        text-align: left;
    }

        .black-bg1 ol li {
            width: 100%;
            margin-top: 10px;
            margin-bottom: 10px;
            float: left;
            color: #fff;
            font-size: 14px;
        }

            .black-bg1 ol li::before {
                width: 26px;
                height: 27px;
                margin-right: 10px;
                float: left;
                background-position: -261px -623px;
                content: "";
            }

.order-list-sec ol {
    margin-top: 0;
    margin-bottom: 40px;
    margin-left: 15px;
    float: left;
    text-align: left;
}

    .order-list-sec ol li {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        float: left;
        color: #000;
        font-size: 14px;
    }

        .order-list-sec ol li::before {
            width: 26px;
            height: 27px;
            margin-right: 10px;
            float: left;
            background-position: -261px -623px;
            content: "";
        }

.application-development {
    content: url(../images/application-development-services-excellence-1000.jpg);
    box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
}

.trajectus-mobility {
    content: url(../images/mobile-img-954.jpg);
}

.mb60 {
    margin-bottom: 60px;
}

.mt50 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.new-section {
    -webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.5);
    min-height: 495px;
    padding: 30px 0;
    background: url(../images/web-cms-benefits-desktop.jpg) no-repeat center center;
    background-size: cover;
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.5);
}

    .new-section article {
        margin-top: 30px;
    }

        .new-section article h4 {
            color: #0c2762;
            font-size: 24px;
        }

        .new-section article ul {
            margin-top: 30px;
            float: left;
            list-style: none;
        }

            .new-section article ul li {
                position: relative;
                width: 50%;
                margin-bottom: 10px;
                float: left;
                color: #000;
                font-size: 14px;
                line-height: 24px;
            }

                .new-section article ul li img {
                    left: -12px;
                    width: 14px;
                    height: 14px;
                    margin-top: 5px;
                    float: left;
                    content: url(../images/bullet-green.png);
                }

                .new-section article ul li span {
                    width: calc(100% - 14px);
                    padding-left: 15px;
                    float: left;
                }

.blue-section2 h3 {
    position: relative;
    margin-top: 30px;
    margin-bottom: -15px;
    color: #fff;
    font-size: 28px;
}

.blue-section2 {
    display: inline-block;
    width: 100%;
    min-height: 563px;
    margin-top: 26px;
    margin-bottom: -5px;
    background: rgba(0, 0, 0, 0) url(../images/blue-bg1.jpg) no-repeat scroll center top;
    background-size: cover;
}

.logos img {
    display: inline-block;
    margin: 10px 4px;
}

.last-bottom {
    margin-bottom: 30px;
    vertical-align: middle;
}

    .last-bottom span {
        display: inline-block;
        position: relative;
        top: 22px;
        margin-right: 15px;
        color: #68b146;
        font-size: 14px;
        vertical-align: top;
    }

    .last-bottom img {
        display: inline-block;
    }

.process .inline {
    display: inline-block;
}

.process h4 {
    margin-bottom: 8px;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    text-align: left;
}

.process p {
    margin-bottom: 18px;
    text-align: left;
}

.process ul,
.process ol {
    margin-bottom: 26px;
    margin-left: 15px;
    list-style: none;
    text-align: left;
    padding-left: 0;
}

    .process ul li {
        display: block;
        position: relative;
        margin-bottom: 8px;
        padding-left: 15px;
        font-size: 14px;
    }

        .process ul li ul {
            margin-top: 4px;
            margin-bottom: 20px;
        }

        .process ul li::before {
            left: -16px;
            position: absolute;
            width: 20px;
            height: 20px;
            margin-top: 1px;
            content: "";
            background-image: url('../images/right-mark-black.png');
        }

        .process ul li ul li::before {
            margin-bottom: 8px;
            margin-left: 12px;
            padding: 2px 0 6px 28px;
            background: url(../images/black-bullet.png) no-repeat 1px 5px;
            font-size: 14px;
            text-align: left;
        }

.process article {
    position: relative;
    padding-left: 102px;
}

    .process article.one::before {
        position: absolute;
        top: 29px;
        left: 0;
        width: 69px;
        height: 61px;
        background-position: -10px -989px;
        content: "";
    }

    .process article.two::before {
        position: absolute;
        top: 35px;
        left: 16px;
        width: 63px;
        height: 65px;
        background-position: -83px -989px;
        content: "";
    }

    .process article.three::before {
        position: absolute;
        top: 36px;
        left: 13px;
        width: 67px;
        height: 67px;
        background-position: -154px -989px;
        content: "";
    }

    .process article.four::before {
        position: absolute;
        top: 36px;
        left: 23px;
        width: 63px;
        height: 74px;
        background-position: -234px -989px;
        content: "";
    }

    .process article.five::before {
        position: absolute;
        top: 36px;
        left: 12px;
        width: 71px;
        height: 72px;
        background-position: -316px -989px;
        content: "";
    }

    .process article.six::before {
        position: absolute;
        top: 36px;
        left: 20px;
        width: 63px;
        height: 66px;
        background-position: -397px -989px;
        content: "";
    }

    .process article.seven::before {
        position: absolute;
        top: 36px;
        left: 16px;
        width: 66px;
        height: 60px;
        background-position: -475px -989px;
        content: "";
    }

    .process article.eight::before {
        position: absolute;
        top: 36px;
        left: 18px;
        width: 68px;
        height: 67px;
        background-position: -546px -989px;
        content: "";
    }

    .process article.nine::before {
        position: absolute;
        top: 36px;
        left: 18px;
        width: 66px;
        height: 68px;
        background-position: -620px -989px;
        content: "";
    }

.process {
    margin-bottom: 0;
}

.light-bg {
    background-color: #f3f3f3;
}

.black-bg3 {
    position: relative;
    width: 100%;
    min-height: 635px;
    padding: 60px 0;
    background: url(../images/black-bg2.jpg) no-repeat center top;
    background-size: cover;
}

    .black-bg3 h3 {
        position: relative;
        margin-bottom: 60px;
        color: #fff;
        font-size: 30px;
        text-align: center;
    }

        .black-bg3 h3 .lines4 {
            position: relative;
            bottom: 15px;
            width: 141px;
            height: 10px;
            background-position: -417px -568px;
        }

    .black-bg3 p {
        margin-bottom: 30px;
        color: #fff;
        line-height: 26px;
        text-align: left;
    }

.bott {
    display: inline-block;
    width: 100%;
    margin-bottom: 60px;
    text-align: center;
}

    .bott h4 {
        margin-bottom: 12px;
        font-weight: 600;
    }

    .bott .ic1 {
        width: 105px;
        height: 92px;
        background-position: -13px -858px;
    }

    .bott .ic2 {
        width: 105px;
        height: 88px;
        background-position: -132px -888px;
    }

    .bott .ic3 {
        width: 111px;
        height: 88px;
        background-position: -252px -888px;
    }

.color_white {
    color: #fff;
}

.table-responsive thead th {
    background-attachment: scroll;
    background-image: none;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    font-weight: 600;
    text-align: center;
    vertical-align: middle !important;
}

.table-responsive ul li {
    margin-bottom: 8px;
    padding: 2px 0 4px 20px;
    background: url(../images/arrow-rt.png) no-repeat 5px 7px;
    font-size: 14px;
    text-align: left;
    margin-left: -9px;
}

.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
    background-color: #f6f6f6;
    font-size: 14px;
}

.table-responsive ul {
    list-style: none;
}

.table-responsive td {
    font-size: 14px !important;
}

.content-center .color_black {
    margin: 10px 0 30px;
    text-align: right;
}

.color_black span {
    margin-left: 14px;
}

.color_black img {
    position: relative;
    top: 3px;
}

.cta {
    position: absolute;
    right: 15px;
    bottom: 96px;
    padding-left: 60px;
    background: url(../images/cta.png) no-repeat left center;
    font-size: 26px;
    font-weight: 700;
    line-height: normal;
}

    .cta a {
        color: #fff;
    }

    .cta em {
        display: block;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

.color-gray {
    display: block;
    width: 100%;
    background: #f1f1f1;
    background-attachment: scroll;
    background-image: none;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
}

.hoverText {
    position: absolute;
    top: 220px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px 0 0 30px;
    text-align: left;
    transition-duration: 0.6s;
    transition-property: all;
}

    .hoverText h2 {
        font-size: 20px;
        text-align: left;
    }

    .hoverText ul {
        margin: 0;
        padding: 0;
        text-align: left;
    }

        .hoverText ul li {
            margin: 0;
            padding: 0 0 0 16px;
            background: rgba(0, 0, 0, 0) url(../images/bullet.png) no-repeat left top 8px;
            font-size: 13px;
            line-height: 25px;
            list-style: none;
            text-align: left;
        }

.item > img {
    width: 100%;
}

.main-footer .links ul:first-child {
    padding: 0;
}

.main-footer ul li.footer-logo a::before {
    background: none;
}

.pull-left a {
    display: block;
}

.navbar-toggle {
    margin-bottom: 0;
}

    .navbar-toggle .icon-bar {
        display: block;
        position: relative;
        top: 0;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: #888;
    }

    .navbar-toggle .icon-close {
        display: none;
    }

    .navbar-toggle.closed .icon-close {
        display: block;
        width: 15px;
        height: 18px;
        background-position: -516px -242px;
    }

    .navbar-toggle.closed .navbar {
        display: none;
    }

.black-bg article {
    margin-bottom: 28px;
    color: #fff;
    text-align: left;
}

    .black-bg article h4 {
        color: #fff;
        font-size: 16px;
    }

    .black-bg article ul {
        margin-top: 10px;
        margin-left: 45px;
        list-style: none;
    }

        .black-bg article ul li {
            display: inline-block;
            position: relative;
            width: 33%;
            margin-top: 10px;
            margin-bottom: 10px;
            font-size: 14px;
        }

            .black-bg article ul li::before {
                width: 23px;
                height: 23px;
                float: left;
                background-image: url(../images/sprite.png);
                background-position: -288px -697px;
                background-repeat: no-repeat;
                content: "";
            }

    .black-bg article.one::before {
        width: 63px;
        height: 69px;
        margin-right: 15px;
        float: left;
        background-image: url(../images/sprite.png);
        background-position: -76px -690px;
        background-repeat: no-repeat;
        content: "";
    }

    .black-bg article.three::before {
        width: 63px;
        height: 69px;
        margin-right: 15px;
        float: left;
        background-image: url(../images/sprite.png);
        background-position: -12px -681px;
        background-repeat: no-repeat;
        content: "";
    }

    .black-bg article.two::before {
        width: 63px;
        height: 69px;
        margin-right: 15px;
        float: left;
        background-image: url(../images/sprite.png);
        background-position: -134px -685px;
        background-repeat: no-repeat;
        content: "";
    }

.cloud-solutions-saas {
    content: url(../images/cloud-solutions-saas-desktop.jpg);
}

.web-cms-key-area {
    content: url(../images/web-cmpic-desktop.png);
}

.cover {
    text-align: left;
}

    .cover h4 {
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .cover ul {
        margin-top: 20px;
        margin-left: 0;
        list-style: none;
    }

        .cover ul li {
            min-height: 25px;
            margin-bottom: 20px;
            font-size: 14px;
        }

            .cover ul li::before {
                width: 22px;
                height: 22px;
                margin-right: 10px;
                float: left;
                background-image: url(../images/sprite.png);
                background-position: -262px -623px;
                background-repeat: no-repeat;
                content: "";
            }

            .cover ul li ul {
                margin-top: 15px;
                margin-left: 20px;
                padding-left: 0;
            }

            .cover ul li li::before {
                top: -4px;
                left: -20px;
                width: 22px;
                height: 22px;
                background-position: -256px -700px;
                content: "";
            }

            .cover ul li ul li {
                display: inline-block;
                width: 100%;
                margin-right: 25px;
                padding-left: 12px;
            }

.development-process-img {
    content: url(../images/development-process-desktop-black.png);
}

.black-bg4 {
    width: 100%;
    background: #e3e3e3;
}

    .black-bg4 h3 {
        color: #000;
    }

        .black-bg4 h3 .lines4 {
            position: relative;
            bottom: 15px;
            width: 141px;
            height: 10px;
            background-position: -417px -568px;
        }

    .black-bg4 p {
        margin-bottom: 25px;
        color: #000;
        line-height: 26px;
        font-weight: 600;
    }

    .black-bg4 ul {
        list-style: outside none none;
        text-align: left;
    }

        .black-bg4 ul li {
            position: relative;
            width: 50%;
            margin-bottom: 16px;
            float: left;
            color: #fff;
            font-size: 14px;
        }

            .black-bg4 ul li::before {
                background-image: url(../images/black-right-mark.png);
                background-repeat: no-repeat;
                content: "";
                float: left;
                height: 20px;
                width: 50px;
            }

            .black-bg4 ul li span {
                display: table;
                color: #000;
            }

.contact-details ul,
.contact-details ol {
    padding-left: 0;
}

.contact-details .file {
    display: inline-block;
    position: relative;
    width: 100%;
}

    .contact-details .file .input {
        position: absolute;
        top: 0;
        opacity: 0;
    }

    .contact-details .file .label-info {
        display: block;
        width: calc(100% - 113px);
        min-height: 40px;
        padding: 11px 14px 14px 14px;
        overflow: hidden;
        border: 1px solid #ccc;
        border-radius: 0.25em;
        background-color: #f6f6f6;
        color: #939393;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        text-align: left;
        white-space: nowrap;
    }

    .contact-details .file #upload-file-info {
        position: absolute;
        width: calc(100% - 130px);
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .contact-details .file a {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 0;
        background-color: #0072bc;
    }

.accordion-parent .accordion {
    width: 100%;
    padding: 10px;
    border: none;
    outline: none;
    background-color: #eee;
    color: #444;
    font-size: 15px;
    text-align: left;
    cursor: pointer;
    transition: 0.4s;
}

    .accordion-parent .active,
    .accordion-parent .accordion:hover {
        background-color: #ccc;
    }

    .accordion-parent .accordion:after {
        margin-left: 5px;
        float: right;
        color: #777;
        font-weight: 700;
        content: "\002B";
    }

.accordion-parent .active:after {
    content: "\2212";
}

.accordion-parent .panel {
    max-height: 0;
    padding: 0 18px;
    overflow: hidden;
    background-color: #fff;
    transition: max-height 0.2s ease-out;
}

.accordion-parent table td:first-child {
    padding: 5px 5px 5px 0;
    font-weight: 700;
    text-align: left;
}

.accordion-parent table td:last-child {
    padding: 5px 5px 5px 20px;
    text-align: left;
}

.header-fixed {
    -webkit-transition: all 0.4s ease;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #000;
    transition: all 0.4s ease;
    z-index: 99;
}

.navheader-fixed {
    -webkit-transition: all 0.4s ease;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background: rgba(0, 0, 0, 0.6);
    transition: all 0.4s ease;
    z-index: 99;
}

.social-media {
    text-align: right;
}

    .social-media a {
        display: inline-block;
        padding-left: 5px;
    }

        .social-media a :hover {
            transform: scale(1.1, 1.1);
        }

.trajectus-blog {
    padding-top: 130px;
    padding-bottom: 120px;
    background: url(../images/blog-header.png) no-repeat center top;
    background-size: cover;
}

    .trajectus-blog h1 {
        margin-left: 14px;
        color: #fff;
        font-family: "Roboto", sans-serif;
        font-size: 60px;
        font-weight: 400;
        text-align: left;
    }

.blog-middle.details {
    margin-top: 50px;
}

.blog-middle {
    padding-top: 30px;
}

    .blog-middle h1 {
        color: #000;
        font-family: "Roboto", sans-serif;
        font-size: 32px;
        font-weight: 600;
        text-align: left;
    }

.title-green {
    color: #50d80c;
    font-size: 13px;
}

.title-gray {
    color: #5c5c5c;
    font-size: 13px;
}

.title-blue {
    color: #213e8f;
    font-size: 13px;
}

.left-green-border {
    margin-top: -4px;
    padding-left: 15px;
    border-left: 5px solid #45d70a;
}

.left-trans-border {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 14px;
}

.read-more {
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 20px;
    border: 1px solid #aeaeae;
    background: #f0f0f0;
    color: #000;
    font-size: 14px;
}

.header-color {
    color: #dc143c;
}

.margin-top {
    margin-top: 8px;
}

.read-more:hover,
.read-more:focus,
.read-more:active {
    outline: none;
    background: #f0f0f0;
    color: #000;
}

.read-more a {
    color: #000;
}

.read-more:hover a {
    background: #f0f0f0;
    color: #000;
}

.border-gray {
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #bdbdbd;
}

.see-all-green {
    color: #50d80c;
    font-size: 14px;
}

.blog-section {
    padding-top: 30px;
}

    .blog-section h3 {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        padding-top: 10px;
        padding-bottom: 5px;
        overflow: hidden;
        color: #000;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.5em;
    }

    .blog-section h4 {
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        margin-bottom: 10px;
        overflow: hidden;
        color: #666;
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        height: 150px;
    }

    .blog-section.last {
        padding-bottom: 30px;
    }

.search-section {
    padding: 10px;
    border: 1px solid #8d8d8d;
    border-radius: 5px;
}

    .search-section h5 {
        padding-bottom: 5px;
        color: #000;
        font-size: 14px;
        font-weight: 600;
    }

.search-form {
    position: relative;
}

.search-input {
    width: 100%;
    padding: 5px 40px 5px 10px;
    border: none;
    border-radius: 5px;
    outline: none;
    background: #eaeaea;
    color: #5a6674;
    font-size: 14px;
}

.search-button {
    position: absolute;
    top: 3px;
    right: 15px;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: none;
    outline: none !important;
    background: none;
    cursor: pointer;
}

.blog-post-group {
    padding-top: 15px;
    position: relative;
}

    .blog-post-group h2 {
        width: 100%;
        margin: 10px 0 20px;
        padding-bottom: 0;
        border-bottom: 1px solid #c1c1c1;
        line-height: 1px;
        text-align: left;
    }

        .blog-post-group h2 span {
            padding: 0 10px 0 0;
            background: #fff;
            color: #243b7f;
            font-size: 24px;
            font-weight: 400;
        }

        .blog-post-group h2:after {
            position: absolute;
            top: 22px;
            right: 12px;
            width: 10px;
            height: 10px;
            content: url(../images/blog-green-dot.png);
        }

span#sappostcolor {
    color: green;
}

.blog-post-list {
    padding-top: 5px;
}

    .blog-post-list .topic {
        position: relative;
        right: -5px;
        font-size: 14px;
    }

    .blog-post-list .count {
        position: relative;
        right: -5px;
        color: #213e8f;
        font-size: 14px;
        font-weight: 600;
    }

.blog-right-ads {
    padding-top: 25px;
    padding-bottom: 15px;
}

.subscribe-sec {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #163a8e;
}

    .subscribe-sec .heading {
        height: 70px;
        color: #fff;
        font-size: 30px;
        font-weight: 300;
        line-height: 70px;
    }

    .subscribe-sec .caption {
        padding-bottom: 10px;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
    }

    .subscribe-sec #subscribeinput {
        width: 100%;
        padding: 10px;
        border: none;
        border-radius: 5px;
        font-size: 14px;
    }

    .subscribe-sec #subscribenow {
        width: 110%;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        background: #4cd70c;
        color: #fff;
        font-size: 13px;
    }

.section-end {
    padding-bottom: 30px;
}

.blog-order-list ul {
    list-style: none;
}

    .blog-order-list ul li {
        position: relative;
        width: 50%;
        margin-top: 0px;
        margin-bottom: 5px;
        float: left;
        color: #000;
        font-size: 14px;
    }

        .blog-order-list ul li::before {
            width: 30px;
            height: 10px;
            margin-left: -31px;
            margin-top: 8px;
            float: left;
            background-image: url(../images/black-bullet.png);
            background-repeat: no-repeat;
            content: "";
        }

        .blog-order-list ul li span {
            display: flex;
            padding-right: 68px;
        }

.insightful h2 {
    margin-bottom: 0;
    color: #000;
    font-size: 26px;
    font-weight: 600;
}

.insightful h3 {
    color: #000;
    font-size: 17px;
    font-weight: 600;
}

.author {
    display: inline-block;
    vertical-align: top;
    padding-left: 15px;
}

    .author .first {
        color: #163a8e;
        font-weight: 700;
        font-size: 14px;
    }

    .author .second {
        font-weight: 700;
    }

    .author .third {
        color: #163a8e;
        font-weight: 700;
        font-size: 13px;
    }

    .author .four a {
        color: #00f;
        font-weight: 700;
        font-size: 13px;
        text-decoration: underline;
    }

.mb-70 {
    margin-bottom: 50px;
}

.shareon {
    text-align: right;
}

    .shareon span {
        position: relative;
    }

.table-blog-first {
    width: 100%;
    margin-bottom: 1rem;
    border-collapse: collapse;
    background-color: transparent;
}

    .table-blog-first td,
    .table-blog-first th {
        padding: 0.75rem;
        vertical-align: top;
    }

    .table-blog-first th {
        border: 1px solid #e7e7e6;
        background-color: #2a5c8b;
        color: #fff;
    }

    .table-blog-first td {
        border: 1px solid #e7e7e6;
        color: #000;
    }

    .table-blog-first tbody tr {
        background-color: #fff;
    }

        .table-blog-first tbody tr:nth-of-type(odd) {
            background-color: rgba(0, 0, 0, 0.05);
        }

.table-blog-second {
    width: 100%;
    margin-bottom: 1rem;
    border-collapse: collapse;
    background-color: transparent;
}

    .table-blog-second td,
    .table-blog-second th {
        padding: 0.75rem;
        vertical-align: top;
    }

    .table-blog-second th {
        border: 1px solid #e7e7e6;
        background-color: #2a5c8b;
        color: #fff;
    }

    .table-blog-second td {
        border: 1px solid #e7e7e6;
        color: #000;
    }

    .table-blog-second tbody tr {
        background-color: #fff;
    }

        .table-blog-second tbody tr:nth-of-type(odd) {
            background-color: rgba(0, 0, 0, 0.05);
        }

.author-img {
    width: 106px;
    border: 1px solid #5c5c5c;
    border-radius: 5px;
}

.bullet-green ul {
    list-style: none;
    padding-left: 0;
}

.bullet-green p {
    text-align: left;
}

.bullet-green ul li {
    margin-left: 12px;
    padding: 1px 0 0px 28px;
    background: url(../images/black-bullet.png) no-repeat 1px 9px;
    font-size: 14px;
    text-align: left;
}

    .bullet-green ul li b {
        font-weight: 700;
    }

    .bullet-green ul li ul li {
        margin-bottom: 8px;
        padding: 2px 0 0px 28px;
        background: url(../images/black-bullet.png) no-repeat 1px 7px;
        font-size: 14px;
        text-align: left;
    }

.bullet-green ol {
    padding-left: 0;
}

    .bullet-green ol li {
        margin-bottom: 8px;
        margin-left: 15px;
        padding: 2px 0 0px 15px;
        font-size: 14px;
        text-align: left;
    }

        .bullet-green ol li b {
            font-weight: 700;
        }

        .bullet-green ol li ol li {
            margin-bottom: 8px;
            padding: 2px 0 6px 15px;
            font-size: 14px;
            list-style-type: lower-alpha;
            text-align: left;
        }

.ordered-lists ol {
    padding-left: 15px;
    font-size: 14px;
    font-weight: 600;
}

    .ordered-lists ol li {
        padding-left: 15px;
    }

        .ordered-lists ol li .title {
            margin-top: 5px;
            font-weight: 600;
        }

        .ordered-lists ol li .detail {
            margin-bottom: 10px;
            color: #000;
            font-weight: 400;
        }

            .ordered-lists ol li .detail ul li {
                margin-bottom: 5px;
                padding-left: 30px;
                color: #000;
            }

.order-list ol {
    padding-left: 15px;
}

    .order-list ol li {
        color: #3c3c3c;
        font-size: 14px;
        font-weight: 700;
        padding-left: 15px;
    }

        .order-list ol li .title {
            margin-top: 15px;
            margin-bottom: 5px;
        }

        .order-list ol li .detail {
            margin-bottom: 10px;
            color: #000;
            font-size: 14px;
            font-weight: 400;
        }

.order-list ul {
    list-style: none;
    padding-left: 0;
}

    .order-list ul li {
        margin-bottom: 8px;
        padding: 1px 0 4px 30px;
        background: url(../images/black-bullet.png) no-repeat 1px 7px;
        font-size: 14px;
        text-align: left;
    }

        .order-list ul li b {
            font-weight: 700;
        }

        .order-list ul li p {
            margin-bottom: 5px;
            text-align: left;
        }

.list-style-decimal {
    list-style-type: decimal;
}

.list-style-lower-alpha {
    list-style-type: lower-alpha;
}

.list-style-lower-roman {
    list-style-type: lower-roman;
}

.order-list-blog ol li {
    padding-left: 15px;
    line-height: 1.5em;
}

    .order-list-blog ol li ol {
        padding-left: 15px;
    }

        .order-list-blog ol li ol li {
            padding-left: 15px;
            line-height: 1.5em;
        }

            .order-list-blog ol li ol li ol {
                padding-left: 15px;
            }

                .order-list-blog ol li ol li ol li {
                    padding-left: 15px;
                    margin-bottom: 5px;
                }

                    .order-list-blog ol li ol li ol li::marker {
                        font-weight: 600;
                    }

.bullet-blue ul {
    list-style: none;
    padding-left: 30px;
}

.bullet-blue p {
    padding-top: 5px;
    padding-bottom: 5px;
}

.bullet-blue ul li {
    padding: 2px 0 6px 30px;
    background: url(../images/black-bullet.png) no-repeat 1px 8px;
    font-size: 14px;
    text-align: left;
}

.with-bottom-line {
    margin: 20px 0 25px 0 !important;
    text-align: center !important;
    position: relative !important;
    padding: 0 !important;
}

.contact-details .bootstrap-select {
    margin-bottom: 14px;
}

.engagement_model p {
    font-weight: 700;
    margin-top: 20px;
    color: #00008b;
}

.managed-services-case-studies .title {
    color: #4bd60b;
    text-align: left;
    padding-bottom: 20px;
    font-size: 20px;
}

.managed-services-case-studies .img {
    color: #fff;
    text-align: left;
}

.managed-services-case-studies .text {
    color: #fff;
    text-align: left;
    padding-bottom: 30px;
}

.order-list-sec ul {
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 15px;
    float: left;
    list-style: none;
    text-align: left;
}

    .order-list-sec ul.white li {
        color: #fff;
    }

    .order-list-sec ul.black li {
        color: #000;
    }

    .order-list-sec ul li {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        float: left;
        font-size: 14px;
    }

        .order-list-sec ul li::before {
            width: 26px;
            height: 27px;
            margin-right: 10px;
            background-position: -261px -623px;
            content: "";
            display: inline-block;
            background-image: url(../images/sprite.png);
            background-repeat: no-repeat;
        }

.section-blog-carousel h2 {
    position: relative;
    color: #000;
}

.customer-quotes {
    width: 100%;
    min-height: 458px;
    float: left;
    background: #eef1f6;
    background-attachment: fixed;
    background-size: cover;
}

    .customer-quotes .container {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .customer-quotes .half-line {
        position: absolute;
        bottom: 30px;
        left: 35%;
        width: 109px;
        height: 1px;
        background-color: #000;
        content: "";
    }

    .customer-quotes ::-webkit-scrollbar {
        width: 0;
    }

    .customer-quotes h2 {
        position: relative;
        color: #000;
        font-size: 32px;
        font-weight: 600;
    }

    .customer-quotes .owl-carousel .owl-item {
        transition: all 0.3s ease-in-out;
    }

        .customer-quotes .owl-carousel .owl-item .card {
            position: relative;
            height: 470px;
            padding: 55px 20px 20px 20px;
            transform: scale3d(0.9, 0.9, 0.9);
            border-radius: 10px;
            background: #fff;
            transition: all 0.3s ease-in-out;
            -webkit-box-shadow: 0 2px 2px rgb(0 42 88 / 8%), 0 4px 4px rgb(0 42 88 / 8%), 0 8px 8px rgb(0 42 88 / 8%);
            box-shadow: 0 2px 2px rgb(0 42 88 / 8%), 0 4px 4px rgb(0 42 88 / 8%), 0 8px 8px rgb(0 42 88 / 8%);
        }

            .customer-quotes .owl-carousel .owl-item .card .logo {
                position: relative;
                margin: 20px auto 0 auto;
                text-align: center;
            }

                .customer-quotes .owl-carousel .owl-item .card .logo img {
                    max-height: 100px;
                    margin: 0 auto;
                    object-fit: contain;
                }

            .customer-quotes .owl-carousel .owl-item .card .testimonial {
                height: 200px;
                overflow: auto;
            }

    .customer-quotes .owl-carousel .owl-stage-outer {
        padding-top: 20px;
        padding-bottom: 40px;
        overflow-y: auto !important;
    }

    .customer-quotes .owl-carousel .owl-item .card p {
        margin-bottom: 10px;
    }

    .customer-quotes .left-double-quote {
        font-family: sans-serif;
        font-size: 106px;
        line-height: 0;
    }

    .customer-quotes .owl-carousel .owl-item .card .name {
        position: relative;
        padding-top: 50px;
        font-weight: 600;
        text-align: center;
    }

    .customer-quotes .owl-carousel .owl-dots {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .customer-quotes .owl-theme .owl-dots .owl-dot span {
        width: 13px;
        height: 13px;
        margin: 5px;
        border-radius: 50% !important;
        background: #000 !important;
        opacity: 0.8;
    }

    .customer-quotes .owl-carousel .owl-item.active.center .card {
        transform: scale3d(1, 1, 1);
        background: #163a8e;
        color: #fff;
    }

        .customer-quotes .owl-carousel .owl-item.active.center .card .half-line {
            background-color: #fff;
        }

        .customer-quotes .owl-carousel .owl-item.active.center .card .name {
            color: #0bfd84;
        }

    .customer-quotes .owl-theme .owl-dots .owl-dot.active span,
    .customer-quotes .owl-theme .owl-dots .owl-dot:hover span {
        width: 13px;
        height: 13px;
        background: #cdcdcd !important;
        opacity: 1;
    }

    .customer-quotes .owl-carousel .owl-item.active.center #scroll-text {
        -moz-animation: my-animation 10s linear infinite;
        -moz-transform: translateY(100%);
        -webkit-animation: my-animation 10s linear infinite;
        -webkit-transform: translateY(100%);
        height: 100%;
        transform: translateY(100%);
        text-align: center;
        animation: my-animation 10s linear infinite;
    }

    .customer-quotes .owl-prev,
    .customer-quotes .owl-next {
        display: inline-block;
        background-image: url(../images/sprite.png);
        background-repeat: no-repeat;
    }

    .customer-quotes .owl-carousel .owl-item .newcustomer img {
        width: 22%;
        position: relative;
        float: right;
        left: 19px;
        bottom: 62px;
    }

.section-capabilities {
    width: 100%;
    min-height: 458px;
    float: left;
    background: #fff no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}

.section-capabilities {
    background-color: #e3e3e3;
    padding-bottom: 30px;
}

    .section-capabilities .half-line {
        position: absolute;
        bottom: 30px;
        left: 35%;
        width: 109px;
        height: 1px;
        background-color: #000;
        content: "";
    }

    .section-capabilities ::-webkit-scrollbar {
        width: 0;
    }

    .section-capabilities h2 {
        position: relative;
        color: #000;
        font-size: 45px;
        font-weight: 600;
    }

.text-clr {
    /*    color: #dc143c; */
    font-weight: 600;
}

.headerfontstyle {
    font-size: 32px;
    font-weight: 600;
}

.subheadfontstyle {
    font-size: 32px;
    font-weight: 600;
}

.green {
    color: #66cf37;
}

.subheadtext {
    padding-top: 12px;
    font-size: 21px;
    font-family: "Montserrat-Medium", sans-serif;
}

.headfontstyle {
    font-size: 30px;
    font-weight: 600;
}

.btmpadding {
    padding-bottom: 36px;
}

.blockchaintext {
    padding-top: 30px;
    font-size: 32px;
    line-height: 36px;
    font-weight: 600;
}

.bcimgalignment {
    padding-top: 12px;
}

.vertical.carousel .carousel-item {
    overflow: hidden;
}

.vertical.carousel .carousel-item-next:not(.carousel-item-start),
.vertical.carousel .active.carousel-item-end {
    transform: translateY(100%);
}

.vertical.carousel .carousel-item-prev:not(.carousel-item-end),
.vertical.carousel .active.carousel-item-start {
    transform: translateY(-100%);
}

.vertical.carousel .carousel-indicators {
    top: 0;
    right: unset;
    margin-right: 1rem;
    background-color: red;
    flex-direction: column;
    margin-left: 200px;
}

    .vertical.carousel .carousel-indicators [data-bs-target] {
        height: 14px;
        width: 8px;
    }

.vertical.carousel .carousel-control-prev,
.vertical.carousel .carousel-control-next {
    width: 100%;
    height: 60px;
    padding-right: 406px;
}

.vertical.carousel .carousel-control-prev-icon {
    background: #f5f5f5 url(../images/arrow-up.png) no-repeat center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #434242;
}

.vertical.carousel .carousel-control-next-icon {
    background: #f5f5f5 url(../images/arrow-down.png) no-repeat center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #434242;
}

.vertical.carousel .carousel-control-next {
    top: unset;
    bottom: 0;
}

.cardbody {
    padding: 1.5em;
    border-radius: 0 !important;
    height: 100%;
}

p.card-text {
    text-align: left;
}

.tartist-tiny-slider-wrap {
    width: 100%;
    padding: 0;
}

.tartist-tiny-slider .wrap {
    display: inline-grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.tartist-tiny-slider__item {
    display: inline-block;
    height: 300px;
    font-size: 1.2em;
    background-color: #4a4a4a;
    color: #fff;
}

    .tartist-tiny-slider__item .img {
        height: 200px;
    }

        .tartist-tiny-slider__item .img img {
            width: 100%;
            height: 100%;
            object-fit: fill;
        }

    .tartist-tiny-slider__item .text {
        height: 100px;
        padding-top: 10px;
        font-size: 14px;
    }

        .tartist-tiny-slider__item .text .heading {
            font-size: 16px;
            font-weight: 600;
            color: #7fff00;
            text-align: center;
        }

        .tartist-tiny-slider__item .text .title {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .tartist-tiny-slider__item .text .link {
            text-align: right;
        }

        .tartist-tiny-slider__item .text .btn-link {
            font-size: 14px;
            text-decoration: none;
            color: #00bfff;
        }

.tns-nav {
    text-align: center;
    margin-top: 30px;
}

    .tns-nav button {
        width: 15px;
        height: 15px;
        border-radius: 20px;
        border: none;
        margin: 0 5px;
        background-color: #a6a4a4;
    }

        .tns-nav button.tns-nav-active {
            background-color: #2779a8;
        }

.fixed-screen {
    position: fixed;
    bottom: 2px;
    right: 3px;
    z-index: 9;
    opacity: 0.8;
    border: none;
    font-weight: 600;
}

.section_title h2 {
    width: 100%;
    font-family: "Open Sans", sans-serif;
    color: #1c1b17;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 20px;
    text-align: center;
}

.home_thehub .hub_block.big {
    height: 395px;
}

.home_headlines {
    border-bottom: solid 1px #e5e8ec;
    width: 100%;
    min-height: 458px;
    float: left;
    background-color: #f7f7f7;
    background-attachment: fixed;
    background-size: cover;
}

    .home_headlines .headline_block {
        background: #fff;
        padding: 10px;
        position: relative;
        margin: 0 15px 30px;
        -webkit-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s;
        -webkit-box-shadow: 0 2px 2px rgb(0 42 88 / 8%), 0 4px 4px rgb(0 42 88 / 8%), 0 8px 8px rgb(0 42 88 / 8%);
        box-shadow: 0 2px 2px rgb(0 42 88 / 8%), 0 4px 4px rgb(0 42 88 / 8%), 0 8px 8px rgb(0 42 88 / 8%);
    }

        .home_headlines .headline_block img {
            max-height: 400px;
            width: 100%;
        }

        .home_headlines .headline_block .news_image {
            width: 100%;
            display: inline-block;
            height: 240px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            background-repeat: no-repeat;
            -webkit-transition: all ease-in-out 0.3s;
            -moz-transition: all ease-in-out 0.3s;
            transition: all ease-in-out 0.3s;
        }

.news_box_sub {
    display: inline-block;
    width: 100%;
    padding: 15px 25px;
}

.home_headlines .headline_block .cat_date {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    font-size: 14px;
    color: #1a1d20;
    text-transform: uppercase;
    font-weight: 600;
}

    .home_headlines .headline_block .cat_date .catbox {
        font-weight: 600;
        float: left;
        margin: 0 27px 0 0;
    }

.home_headlines .headline_block .news h2,
.home_headlines .headline_block .news h2 a {
    color: #1a1d20;
}

.home_headlines .headline_block h2 {
    font-weight: 400;
    color: #1a1d20;
    margin: 0;
    padding: 9px 36px 0 0;
    font-weight: 600;
}

.col-lg-6.card_width {
    width: 572px;
}

a.readmore:hover {
    color: red;
    text-decoration: underline;
}

section.blogs-subsection {
    width: 100%;
    background: #fff no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}

div#TestimonialsSubsection {
    padding-top: 30px;
    position: relative;
}

.blogs-subsection .container {
    padding-top: 10px;
    padding-bottom: 20px;
}

.blogs-subsection .slider .card {
    background: #fff;
    flex: 1;
    border: none;
}

.blogs-subsection .owl-nav {
    position: absolute;
    right: 0;
    bottom: 50px;
    display: block !important;
}

.blogs-subsection .slider .card .content {
    padding-left: 10px;
    height: 300px;
}

.blogs-subsection .card .content .title {
    font-size: 25px;
    font-weight: 600;
    padding-bottom: 5px;
}

.blogs-subsection .card .content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
}

.blogs-subsection .card .content .btn {
    display: inline-block;
    text-align: left;
}

.blogs-subsection .owl-nav.disabled .owl-prev {
    background-image: url(../images/arr-left.png);
    position: absolute;
    right: 30px;
    width: 14px;
    height: 22px;
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.blogs-subsection .owl-nav.disabled .owl-next {
    background-image: url(../images/arr-right.png);
    position: absolute;
    width: 13px;
    right: 0;
    height: 22px;
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.blogs-subsection .owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
}

.blogs-subsection .owl-carousel .card .name {
    position: relative;
    padding-top: 47px;
    font-weight: 600;
    padding-bottom: 8px;
    text-align: center;
}

.blogs-subsection .owl-carousel .card .logo {
    width: auto !important;
    display: block !important;
    margin: 0 0 30px;
    max-width: 200px;
}

.testi-right-logo {
    margin-top: 40px;
    float: right;
    position: relative;
}

.testimonial-block-left {
    text-align: center;
    max-width: 300px;
    float: left;
}

    .testimonial-block-left img {
        width: auto !important;
        display: block !important;
        margin: 0 0 30px;
        max-width: 200px;
    }

.blogs-subsection .testi-right-logo .test-quote {
    max-width: 40px !important;
    width: 100% !important;
}

.blogs-subsection .owl-carousel .card .testimonial {
    height: 200px;
    overflow: auto;
}
#RedirecttoCustomerTestimonial .with-bottom-line {
    margin-top: 50px !important;
}

#Redirectourservices .with-bottom-line {
    margin-top: 50px !important;
}

div#RedirecttoHowWeWork .with-bottom-line {
    margin-top: 50px !important;
}

/*<\-------------serveces offered Styles starts----/>*/

.services-offered {
    background-color: #CCCCCC;
   /* padding-top: 5px;*/
}

    .services-offered h2.with-bottom-line {
        font-size: 32px;
        color: #000;
        font-weight: 600;
        margin-top: 50px !important;
    }

.services-offered .woffer-block-left h2 {
    font-size: 35px;
    font-weight: 500;
    color: #000;
    margin-bottom: 18px;
}

.services-offered .woffer-block-left-content {
    padding-top: 72px;
}

.services-offered .woffer-right-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.services-offered .woffer-right-first,
.woffer-right-second,
.woffer-right-third {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

    .services-offered .woffer-right-first a,
    .woffer-right-second a,
    .woffer-right-third a {
        display: block;
        overflow: hidden;
        border-radius: 12px;
    }

    .services-offered .woffer-right-first img,
    .woffer-right-second img,
    .woffer-right-third img {
        width: 100%;
    }

    .services-offered .woffer-right-first h3,
    .woffer-right-second h3,
    .woffer-right-third h3,
    .woffer-img-new h3 {
        color: #fff;
        font-weight: 400;
        position: absolute;
        bottom: 20px;
        left: 16px;
        font-size: 16px;
        transition: all linear 0.4s;
        z-index: 1;
    }

    .services-offered .woffer-right-first .buttonBlue,
    .woffer-right-second .buttonBlue,
    .woffer-right-third .buttonBlue,
    .woffer-img-new .buttonBlue {
        position: absolute;
        right: 20px;
        bottom: 20px;
        min-width: auto;
        padding: 5px 18px;
        font-size: 13px;
        z-index: 1;
    }

    .services-offered .woffer-right-first .buttonWhite,
    .woffer-right-second .buttonWhite,
    .woffer-right-third .buttonWhite,
    .woffer-img-new .buttonWhite {
        position: absolute;
        right: 15px;
        bottom: 20px;
        min-width: auto;
        padding: 5px 18px;
        font-size: 13px;
        z-index: 1;
        font-weight: 600;
    }

.services-offered .woffer-right-second,
.woffer-right-third {
    width: 49%;
}

a.buttonWhite,
.buttonWhite {
    background: #fff;
    border-radius: 50px;
    font-weight: 500;
    font-size: 18px;
    padding: 12px 10px;
    text-decoration: none;
    display: inline-block;
    min-width: 170px;
    text-align: center;
    transition: 0.3s ease;
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
    font-size: 16px;
}

.services-offered .woffer-img-new img {
    width: 100%;
    max-height: 256px;
}

.services-offered .woffer-block-left h2 span.typewrite {
    color: #1faaf0;
}

.services-offered .offer-hover,
.woffer-img-new .offer-hover {
    color: #fff;
    position: absolute;
    bottom: -20px;
    left: 16px;
    font-size: 13px;
    right: 98px;
    opacity: 0;
    transition: all linear 0.4s;
    line-height: 1.3;
    z-index: 1;
    text-align: left;
    margin: 0;
}

.services-offered span.buttonWhite.redirectButton:hover {
    background: #1faaf0;
    color: #000;
}

.services-offered .woffer-img-new {
    margin-bottom: 15px;
}

    .services-offered .woffer-img-new a {
        display: block;
        overflow: hidden;
        position: relative;
        border-radius: 12px;
    }

.services-offered .woffer-block-left {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: space-between;
    flex-direction: column;
}

.services-offered .woffer-right-inner a:hover h3 {
    bottom: 60px;
}

.services-offered .woffer-right-inner a:hover .offer-hover,
.woffer-img-new a:hover .offer-hover {
    opacity: 1;
    bottom: 10px;
}

.services-offered .woffer-right-inner a:hover img {
    transform: scale(1.1);
}

.services-offered .woffer-right-first a:hover h3 {
    bottom: 30px !important;
}

.services-offered .woffer-right-first a:hover .offer-hover {
    opacity: 1;
    bottom: 17px;
}

.services-offered .woffer-right-inner a:hover h3,
.woffer-img-new a:hover h3 {
    bottom: 60px;
}

.services-offered .woffer-img-new a:hover h3 {
    bottom: 44px !important;
}

.services-offered .woffer-right-inner a img,
.woffer-img-new a img {
    transition: all linear 0.4s;
    padding-bottom: 0;
}

.services-offered .woffer-img-new a:hover img {
    transform: scale(1.1);
}

.services-offered .woffer-right-second a:hover h3 {
    bottom: 44px;
}
.services-offered .woffer-img-new img,
.services-offered .woffer-right-second img,
.services-offered .woffer-right-third img {
    height: 170px;
}

.services-offered .dropdown {
    position: relative;
    display: inline-block;
    top: 10px
}

.services-offered .dropdown-content {
    display: none;
    position: absolute;
    min-width: 200px;
    z-index: 1;
}

    .services-offered .dropdown-content a {
        text-decoration: none;
        display: block;
    }

.services-offered .dropdown:hover .dropdown-content {
    display: inline-block;
}

.services-offered .dropdown-content .btnposition {
    position: absolute;
    top: 45px;
    left: -327px;
    min-width: 204px
}

.services-offered .dropdown-content .btnpsn {
    position: absolute;
    top: 45px;
    left: -88px;
    min-width: 206px;
}

.services-offered .readmorebtn {
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    line-height: 1.9em;
    border-radius: 0.25rem;
}

.css-button {
    color: #FFFFFF;
    font-size: 16px;
    border-radius: 5px;
    border: solid 1px #3866a3;
    text-shadow: 1px 1px 0px #528ECC;
    box-shadow: inset 1px 1px 0px 0px #BBDAF7;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    font-family: Arial;
    background: linear-gradient(180deg, #63B8EE 10%, #468CCF 100%);
    display: inline-flex;
    align-items: center;
    padding: 0;
}

    .css-button:hover {
        background: linear-gradient(180deg, #468CCF 10%, #63B8EE 100%);
    }

.css-button-text {
    position: relative;
    padding: 10px 18px;
}

.css-button-icon {
    position: relative;
    border-left: 1px solid #ffffff29;
    box-shadow: inset rgb(0 0 0 / 14%) 1px 0 0;
    padding: 10px 10px;
}

.card {
    border: none !important;
}

.row.services-offered.blogs {
    background: none;
}

.row.blogs-btn {
    text-align: end;
    padding: 0px 4px 5px;
}

.paragraphalignment {
    text-align: left;
}

a.btn.btn-primary {
    transition: 400ms ease all;
    opacity: 1;
    border: none;
}

/*</------------services offered styles end------/>*/


.brands {
    width: 100%;
    padding-top: 90px;
    padding-bottom: 90px;
}

.brands_slider_container {
    height: 130px;
    border: solid 1px #e8e8e8;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    padding-left: 97px;
    padding-right: 97px;
    background: #fff;
}

.brands_slider {
    height: 100%;
    margin-top: 50px;
}

.brands_item {
    height: 100%;
}

    .brands_item img {
        max-width: 100%;
    }

.slick-slider {
    padding-bottom: 30px;
    height: 130px;
}

.brands_nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 5px;
    cursor: pointer;
}

    .brands_nav i {
        color: #e5e5e5;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .brands_nav:hover i {
        color: #676767;
    }

.brands_prev {
    left: 40px;
}

.brands_next {
    right: 40px;
}

.our-customers {
    width: 100%;
    overflow: hidden;
    background-color: #fff;
}

    .our-customers .img {
        margin: 22px 14px;
        width: 250px;
    }

    .our-customers .logo {
        display: block;
        float: left;
        height: 100%;
        min-height: 1px;
        padding: 10px 20px;
    }

        .our-customers .logo a {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100px;
            background: #fff;
            border-radius: 5px;
            box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
        }

    .our-customers .slick-slide {
        width: 200px !important;
    }

        .our-customers .slick-slide img {
            width: auto;
            max-height: 100%;
            margin: auto;
            display: block;
            max-width: 100%;
        }

    .our-customers .container {
        background-color: #fff;
    }

/*</--------Engagementmodel page styles starts------/>*/

.engagementmodel-page .scroll-menu {
    display: none;
    background: #eee;
    position: fixed;
    top: 210px;
    left: 10%;
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 17px 17px 31px 0 rgb(19 63 107 / 19%);
    -moz-box-shadow: 17px 17px 31px 0 rgba(19, 63, 107, 0.19);
    box-shadow: 17px 17px 31px 0 rgb(19 63 107 / 19%);
}

    .engagementmodel-page .scroll-menu .nav-item {
        border-bottom: 1px solid rgba(19, 63, 107, 0.19);
    }

.engagementmodel-page #scroll1,
.engagementmodel-page #scroll2,
.engagementmodel-page #scroll3,
.engagementmodel-page #scroll4,
.engagementmodel-page #scroll5,
.engagementmodel-page #scroll6 {
    padding-top: 48px;
}

.engagementmodel-page .scrollspy-example {
    position: relative;
    margin-top: 45px;
}

.engagementmodel-page .enggmodelimages {
    text-align: center;
    margin-top: 34px;
    margin-bottom: 30px;
}

.engagementmodel-page ul.nav.nav-pills {
    margin-top: 10px;
    color: #000;
}

    .engagementmodel-page ul.nav.nav-pills a.nav-link {
        color: #000;
    }

        .engagementmodel-page ul.nav.nav-pills a.nav-link:hover {
            color: #fff !important;
            background-color: #0d6efd !important;
        }

        .engagementmodel-page ul.nav.nav-pills a.nav-link:active {
            color: #fff !important;
            background-color: #0d6efd !important;
        }

.engagementmodel-page .nav-pills .nav-link.active,
.engagementmodel-page .nav-pills .show > .nav-link {
    color: #fff !important;
    background-color: #0d6efd !important;
}
/*</--------Engagementmodel page styles end------/>*/

/*</--------our development process page styles starts------/>*/

.our-development-process-page .scroll-menu {
    display: block;
    background: #eee;
    position: fixed;
    top: 270px;
    left: 10%;
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 17px 17px 31px 0 rgb(19 63 107 / 19%);
    -moz-box-shadow: 17px 17px 31px 0 rgba(19, 63, 107, 0.19);
    box-shadow: 17px 17px 31px 0 rgb(19 63 107 / 19%);
}

    .our-development-process-page .scroll-menu .nav-item {
        border-bottom: 1px solid rgba(19, 63, 107, 0.19);
    }

.our-development-process-page #scroll1,
.our-development-process-page #scroll2,
.our-development-process-page #scroll3,
.our-development-process-page #scroll4,
.our-development-process-page #scroll5,
.our-development-process-page #scroll6,
.our-development-process-page #scroll7,
.our-development-process-page #scroll8,
.our-development-process-page #scroll9 {
    padding-top: 40px;
}

.our-development-process-page ul.nav.nav-pills {
    margin-top: 10px;
    color: #000;
}

    .our-development-process-page ul.nav.nav-pills a.nav-link {
        color: #000;
    }

        .our-development-process-page ul.nav.nav-pills a.nav-link:hover {
            color: #fff !important;
            background-color: #0d6efd !important;
        }

        .our-development-process-page ul.nav.nav-pills a.nav-link:active {
            color: #fff !important;
            background-color: #0d6efd !important;
        }

.our-development-process-page .nav-pills .nav-link.active,
.our-development-process-page .nav-pills .show > .nav-link {
    color: #fff !important;
    background-color: #0d6efd !important;
}
/*</--------our development process page styles end------/>*/

label.error {
    display: none !important;
}

.bootbox-close-button.close {
    display: none !important;
}

li.displayitems {
    width: 48%;
    display: inline-flex;
}

.header-fixed .social-media img {
    border-radius: 50%;
    width: 32px;
    height: 32px;
}

.services-banner9 {
    -webkit-box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 25%);
    background: url(../images/certifications-banner.jpg) no-repeat center center;
    background-size: cover;
    box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 25%);
}

    .services-banner9 .heading-container {
        bottom: 0;
        height: 398px;
        padding-top: 190px;
    }

.certifications-img {
    /*border: 1px solid rgba(0,0,0,.125);*/
    /*-webkit-box-shadow: 0 2px 2px rgb(0 42 88 / 8%), 0 4px 4px rgb(0 42 88 / 8%), 0 8px 8px rgb(0 42 88 / 8%);*/
    /*box-shadow: 0 2px 2px rgb(0 42 88 / 8%), 0 4px 4px rgb(0 42 88 / 8%), 0 8px 8px rgb(0 42 88 / 8%);*/
    width: 100%;
    height: 300px;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
}

img.img-fluid.iso {
    margin-left: 325px;
}

.certifications .col-sm-12 {
    text-align: center;
}

.certifications img {
    max-height: 270px;
    max-width: 350px;
    padding: 15px;
}

/*<----salesforce and cyber security styles--->*/

section.subsectiontwo {
    width: 100%;
    background: #fff no-repeat center center;
    /*    background-attachment: fixed;
*/ background-size: cover;
    background: url('../images/cyber-securityinner-banner.png') top center no-repeat;
    background-size: cover;
    padding-top: 40px;
    height: 650px;
    box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 10%);
}
section.cyber-security {
    width: 100%;
    background: #fff no-repeat center center;
    /*    background-attachment: fixed;
*/ background-size: cover;
    background: url('../images/sales-force-cyber-security.png') top center no-repeat;
    background-size: cover;
    padding-top: 40px;
    height: 650px;
    box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 10%);
}
    .paralignment {
        padding-top: 25%;
    }

div#SecoundSubsection {
    padding: 40px 0px;
    position: relative;
}

.subsectiontwo h2.with-bottom-line {
    font-size: 32px;
    color: white;
    font-weight: 600;
    text-shadow: 3px 3px 4px #000;
}

.slider-content p {
    font-size: 18px;
    padding-bottom: 12px;
    padding: 5% 8% 0px;
    color: white;
    line-height: 1.7em;
    text-shadow: 3px 3px 4px #000;
}

.subsectiontwo .card .slider-content a {
    color: #fff;
    text-decoration: none;
    text-align: center;
}


.subsectiontwo a {
    color: #f53d3d;
}

.subsectiontwo img.img-fluid {
    height: 445px;
    width: 100%
}

section.subsectionthree {
    width: 100%;
    background: #fff no-repeat center center;
    background-attachment: fixed;
    background-color: #CCCCCC;
    padding: 30px 0px;
}
.service-col-below {
    background-color: white;
    height: 220px;
    padding: 18px;
    font-size: 15px;
}
.service-col {
    background-color: white;
    padding: 18px;
    font-size: 15px;
    height: 220px;
}

.subsectionthree .service-heading {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    align-items: center;
    margin-bottom: 16px;
}

.subsectionthree h2.with-bottom-line {
    font-size: 32px;
    color: #000;
    font-weight: 600;
}

.subsectionthree p {
    color: #707070;
    margin: 5px 0 10px;
    font-size: 14px;
    font-weight: 600;
}

.subsectionthree h3 {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 12px;
    margin: 0px;
}
.subsectionthree h2 {
    font-size: 15px;
    font-weight: 700;
    padding-bottom: 12px;
    margin: 0px;
}

.subsectionthree .service-icon {
    width: 56px;
    height: 60px;
}

.subsectionthree .card {
    flex: 1;
    border: none;
    background: #CCCCCC;
}
/*<---------Styles end------->*/

.fixed-screen-btn {
    opacity: 0.8;
    border: none;
    font-weight: 600;
    text-align: right;
}

ul.technologies-using {
    list-style: none;
    padding-left: 8px;
    width: 100%;
}

    ul.technologies-using li {
        color: #000;
        font-size: 14px;
        margin-bottom: 10px;
        margin-top: 10px;
        position: relative;
    }

        ul.technologies-using li::before {
            background-image: url(../images/black-right-mark.png);
            background-repeat: no-repeat;
            content: "";
            float: left;
            height: 24px;
            width: 24px;
            margin-right: 15px;
        }

/*<---------ourservices styles start--------->*/


section.ourservices {
    background-color: #EEEEEE;
    padding-bottom: 15px;
}
.projcard {
    position: relative;
    width: 100%;
    height: 300px;
    margin-bottom: 40px;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #ddd;
    font-size: 18px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 4px 21px -12px rgb(0 0 0 / 66%);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.projcard-blue::before {
    background-image: linear-gradient(-70deg, #0088FF, transparent 50%);
}
.projcard-img {
    position: absolute;
    height: 300px;
    width: 400px;
    top: 0;
    left: 0;
    transition: transform 0.2s ease;
}

.projcard-title {
    font-family: 'Voces', 'Open Sans', arial, sans-serif;
    font-size: 24px;
}
.projcard-textbox * {
    position: relative;
}
.projcard-textbox {
    position: absolute;
    top: 7%;
    bottom: 7%;
    left: 430px;
    width: calc(100% - 470px);
    font-size: 17px;
}
.projcard-subtitle {
    font-family: 'Voces', 'Open Sans', arial, sans-serif;
    color: #888;
}
.projcard-bar {
    left: -2px;
    width: 50px;
    height: 5px;
    margin: 10px 0;
    border-radius: 5px;
    background-color: #424242;
    transition: width 0.2s ease;
}
.projcard-description {
    z-index: 10;
    font-size: 15px;
    color: #424242;
    height: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.projcard-tagbox {
    position: absolute;
    bottom: 3%;
    font-size: 14px;
    cursor: default;
    user-select: none;
    pointer-events: none;
}
.projcard:hover .projcard-img {
    transform: scale(1.05) rotate(1deg);
}

.projcard-blue .projcard-bar {
    background-color: #0088FF;
}
    .projcard-container,
    .projcard-container * {
        box-sizing: border-box;
    }

.projcard-container {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}

    .projcard:hover {
        box-shadow: 0 34px 32px -33px rgba(0, 0, 0, .18);
        transform: translate(0px, -3px);
    }

    .projcard::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: linear-gradient(-70deg, #424242, transparent 50%);
        opacity: 0.07;
    }

    .projcard:nth-child(2n)::before {
        background-image: linear-gradient(-250deg, #424242, transparent 50%);
    }

.projcard-innerbox {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.projcard:nth-child(2n) .projcard-img {
    left: initial;
    right: 0;
}
.projcard:hover .projcard-bar {
    width: 70px;
}

.projcard:nth-child(2n) .projcard-textbox {
    left: initial;
    right: 430px;
}

.projcard-textbox::before,
.projcard-textbox::after {
    content: "";
    position: absolute;
    display: block;
    background: #ff0000bb;
    background: #fff;
    top: -20%;
    left: -55px;
    height: 135%;
    width: 60px;
    transform: rotate(8deg);
}

.projcard:nth-child(2n) .projcard-textbox::before {
    display: none;
}

.projcard-textbox::after {
    display: none;
    left: initial;
    right: -55px;
}

.projcard:nth-child(2n) .projcard-textbox::after {
    display: block;
}
.projcard-blue::before {
    background-image: linear-gradient(-70deg, #0088FF, transparent 50%);
}

.projcard-blue:nth-child(2n)::before {
    background-image: linear-gradient(-250deg, #0088FF, transparent 50%);
}

.projcard-red .projcard-bar {
    background-color: #D62F1F;
}

.projcard-red::before {
    background-image: linear-gradient(-70deg, #D62F1F, transparent 50%);
}

.projcard-red:nth-child(2n)::before {
    background-image: linear-gradient(-250deg, #D62F1F, transparent 50%);
}

.projcard-green .projcard-bar {
    background-color: #40BD00;
}

.projcard-green::before {
    background-image: linear-gradient(-70deg, #40BD00, transparent 50%);
}

.projcard-green:nth-child(2n)::before {
    background-image: linear-gradient(-250deg, #40BD00, transparent 50%);
}

.projcard-yellow .projcard-bar {
    background-color: #F5AF41;
}

.projcard-yellow::before {
    background-image: linear-gradient(-70deg, #F5AF41, transparent 50%);
}

.projcard-yellow:nth-child(2n)::before {
    background-image: linear-gradient(-250deg, #F5AF41, transparent 50%);
}

.projcard-orange .projcard-bar {
    background-color: #FF5722;
}

.projcard-orange::before {
    background-image: linear-gradient(-70deg, #FF5722, transparent 50%);
}

.projcard-orange:nth-child(2n)::before {
    background-image: linear-gradient(-250deg, #FF5722, transparent 50%);
}

.projcard-brown .projcard-bar {
    background-color: #C49863;
}

.projcard-brown::before {
    background-image: linear-gradient(-70deg, #C49863, transparent 50%);
}

.projcard-brown:nth-child(2n)::before {
    background-image: linear-gradient(-250deg, #C49863, transparent 50%);
}

.projcard-grey .projcard-bar {
    background-color: #424242;
}

.projcard-grey::before {
    background-image: linear-gradient(-70deg, #424242, transparent 50%);
}

.projcard-grey:nth-child(2n)::before {
    background-image: linear-gradient(-250deg, #424242, transparent 50%);
}

.projcard-customcolor .projcard-bar {
    background-color: var(--projcard-color);
}

.projcard-customcolor::before {
    background-image: linear-gradient(-70deg, var(--projcard-color), transparent 50%);
}

.projcard-customcolor:nth-child(2n)::before {
    background-image: linear-gradient(-250deg, var(--projcard-color), transparent 50%);
}
.projcard-tag {
    display: inline-block;
    background: #0088FF;
    color: white;
    border-radius: 3px 0 0 3px;
    line-height: 26px;
    padding: 0 10px 0 23px;
    position: relative;
    margin-right: 20px;
    cursor: default;
    user-select: none;
    transition: color 0.2s;
}

    .projcard-tag::before {
        content: '';
        position: absolute;
        background: #fff;
        border-radius: 10px;
        box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
        height: 6px;
        left: 10px;
        width: 6px;
        top: 10px;
    }

    .projcard-tag::after {
        content: '';
        position: absolute;
        border-bottom: 13px solid transparent;
        border-left: 10px solid #0088FF;
        border-top: 13px solid transparent;
        right: -11px;
        top: 0;
    }

   /* <----------styles end---------->*/