/* --------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

    0.  CSS Reset
    1   Helper Classes
    2.  Site Header
    3.  Site Footer
    4  

    17. Media Queries

    -----------------------------------------------------------------*/


/*  0. CSS Reset
/* ---------------------------------------------------------------*/
.container {
    width: 90%;
}
div.error {
    color: red;
    font-size: 70%;
}
html,

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
    border: none;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-align: inherit;
}

html {
    font-size: 62.5%; /* 1rem = 10px */
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

body {
    background: #fff;
    box-sizing: border-box;
    color: #333;
    font-family: Montserrat;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    font-size: 1.8rem;
    letter-spacing: -0.015em;
    text-align: left;
}

@supports ( font-variation-settings: normal ) {

    body {
     font-family: Montserrat;
 }
}

*,
*::before,
*::after {
    box-sizing: inherit;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    word-wrap: break-word;
}
/*.ndlCareerAbout .container, .ndlCareer .container {
    width: 70%;
    }*/
    h1 {
        color: #000;
        text-align: left;
        font-weight: 400;
        font-size: 2.2rem;
        line-height: 50px;
        letter-spacing: 2px;
        text-decoration: none;
        font-weight: 700;
        max-width: 100%;
        font-family: function-bold;
    }

    h3 {
        font-size: 1.9rem;
        text-transform: none;
        font-weight: 600;
        text-decoration: none;
    }
    p, blockquote, address {
        font-family: Montserrat;
        font-size: 1.6rem;
        font-weight: 100;
        line-height: 3.5rem;
    }
    .hero-content-wrap  h1 {
        color: #fff;
        font-weight: 700;
        max-width: 100%;
        font-family: function-bold;
        font-size: 3rem;
        letter-spacing: -2px;
    }

    .hero-banner h1 {
        font-size: 2rem;
        line-height: 3rem;
        font-weight: 500;

    }
    /* -------------------------------------------------------------------------- */

/*  3. Helper Classes / Common classes
/* -------------------------------------------------------------------------- */
.responsive {
    width: 100%;
}
a:hover {
    color: unset;
    text-decoration: none;
}
.m-t-20 {
    margin-top: 20px!important;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.font-h {
  font-family: function-bold!important  ;
}
span.line-blue {
    background-color: #000;
    height: .2rem;
    display:none;
}
.bg-gray {
    background-color: #f8f8f8;
}
h3:hover span.line-blue {
    width: 100%;
    transition: 0.5s;
}
.font-one {
    font-family: 'Montserrat';
    font-weight: bold;
}
.font-two {
    font-family: Montserrat;
}
.blue-font {
    color:#f24848;
}
.float-right{
    float: right;
}
.d-block {
    display: block;
}
.d-mob {
    display:block;
}
.h-mob {
    display:none;
}
button.button-black.reset:hover {
 color: red;
 border:none;
}
button.button-black.reset {
    background-color: #f2f2f2;
    border:none;
    outline: none !important;
    width: 100%;
    display: block;
    font-size: 1rem;
    padding: 1.8rem 2rem;
    outline: none;
    font-weight: 500;
    text-align: center;
    margin: auto;
}

.red-button {
    display: block;
    width: 100%;
    background: #f24848;
    font-size: 1rem;
    padding: 1.8rem 2rem;
    outline: none;
    font-weight: 500;
    text-align: center;
    border: 1px solid #f24848;
    color: #fff;
    margin: auto;
    
}
.red-button:hover {
    background: #b71a1a;
    color: #fff!important;
    text-decoration: none;
    border: 1px solid #b71a1a;
}
.button-black {
    font-size: 14px;
    color: #f24848;
    text-align: center;
    text-transform: uppercase;
    width: 225px;
    padding: 15px;
    display: inline-block;
    border: 1px solid #f24848;
    transition: 0.5s;
    letter-spacing: 3px;
    font-family: 'Montserrat';
}
.button-black:hover {
    background: #0c62fb;
    color: #fff;
    transition: 0.5s;
}
.border-white-btn {
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-transform: CAPITALIZE;
    /*   width: 225px;*/
    padding: 15px;
    display: inline-block;
    border: 1px solid #fff;
    transition: 0.5s;
    letter-spacing: 3px;
    font-family: 'Montserrat';
}
.border-white-btn:hover {
    font-size: 16px;
    color:#0c62fb;
    text-align: center;
    text-transform: CAPITALIZE;
    /*   width: 225px;*/
    padding: 15px;
    display: inline-block;
    border: 1px solid #fff;
    transition: 0.5s;
    letter-spacing: 3px;
    font-family: 'Montserrat';
    background-color: #fff;
}
.border-blue-btn {
    font-size: 16px;
    color: #0c62fb;
    text-align: center;
    text-transform: CAPITALIZE;
    /*   width: 225px;*/
    padding: 15px;
    display: inline-block;
    border: 1px solid #0c62fb;
    transition: 0.5s;
    letter-spacing: 3px;
    font-family: 'Montserrat';
}
.border-blue-btn:hover {
    background: #0c62fb;
    color: #fff;
    transition: 0.5s;
}
.gray-btn {
    font-size: 16px;
    color: #0c62fb;
    text-align: center;
    text-transform: CAPITALIZE;
    /*   width: 225px;*/
    padding: 15px;
    display: inline-block;
    border: 1px solid #0c62fb;
    transition: 0.5s;
    letter-spacing: 3px;
    font-family: 'Montserrat';
}
.gray-btn:hover {
    background: #0c62fb;
    color: #fff;
    transition: 0.5s;
}
a.btn.gray-btn {
    background: #ccc;
    border: none;
    border-radius: unset;
    color: #333;
    padding: 1rem 3rem;
    font-weight: 500;
}
a.btn.gray-btn:hover{
    background: #333;
    border-radius: unset;
    color: #fff;
}
.button-width {
    max-width: 180px;
}
.themeBtn {
    font-size: 1.6rem;
    padding: 1rem 1rem;
    border-radius: 0;
    line-height: 1.1;
    display: -ms-flexbox;
    margin-top: 1rem;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
}
.btn.themeBtn:hover {
    color: #0c62fb;
    background-color: #fff;
    text-decoration: none;
}
.wrapBtn a:hover {
   background:#fff;
   color:#0c62fb; 
   text-decoration: none;
}

.btnArrow:before {

    content: url(../images/arrow-right.svg);
}
.wrapBtn:hover  .btnArrow:before {
    content: url(../images/arrow-blue.svg);
}
a.btn.themeBtn:focus {
    color: #fff;
}
.btnArrow {
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.blogbtn {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    padding: 1rem 2.5rem;
    cursor: pointer;
    user-select: none;
    color: #fff !important;
    letter-spacing: 0.3px;
    background: #000;
    /* width: 230px; */
    transition: all .5s ease;
    display: inline-block;
    overflow: hidden;
    white-space: normal;
    font-family: "Montserrat";
}
.blogbtn {
    background: #f24848;
    font-size: 1.4rem;
    padding: 1.8rem 2rem;
    outline: none;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    border: 1px solid #f24848;
    color: #fff;
    margin: auto;
    letter-spacing: 3px;
}
a.blogbtn:hover {
   background: #b71a1a;
   color: #fff!important;
   text-decoration: none;
   border: 1px solid #b71a1a;
}
.btn-blue {
    display: inline-block;
    min-width: 200px;
    padding: 1.8rem 2.5rem;
    cursor: pointer;
    text-align: center;
    color: #0c62fb;
    border: .1rem solid #0c62fb;
    font-size: 1.8rem;
    line-height: 1.6rem;
    position: relative;
    border-radius: 0px;
    font-weight: bold;
    z-index: 1;
    font-family: "Montserrat"; 
}
.btn-blue:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0c62fb!important;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
    color: #fff;
}
.btn-blue:hover:before, .btn-blue:focus:before, .btn-blue:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.blue-fill-btn {
    background: #333;
    padding: 1.2rem .5rem;
    border-radius: 0;
    line-height: 1.1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    margin: 0 5rem;
    font-weight: 700;
    font-family: montserrat;
}
.bg-fill-btn {
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    width: 18.5rem;
    padding: 1.8rem 2.5rem;
    display: inline-block;
    background: #0c62fb;
    transition: 0.5s;
    border: none;
    letter-spacing: 3px;
    position: relative;
    z-index: 1;
}
.bg-fill-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    border: 1px solid #0c62fb;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.bg-fill-btn:hover, .bg-fill-btn:focus, .bg-fill-btn:active {
    color: #0c62fb;
}
.bg-fill-btn:hover:before, .bg-fill-btn:focus:before, .bg-fill-btn:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.button-pink {
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    text-transform:capitalize;
    width: 185px;
    padding: 12px;
    display: inline-block;
    background: #f24848;
    transition: 0.5s;
    border: none;
    letter-spacing: 3px;
}

.home_banner .inner-content .button-pink {
    font-weight: 600;
    width: 20rem;
    padding: 1.3rem 0;
    font-family: 'Montserrat';
    margin-top: 2rem;
    text-decoration: none;
}
.button-pink:hover {
    background: #f24848;
    color: #ffffff !important;
    transition: 0.5s;
    text-decoration: none;
}

.small-red-border {
    display: block;
    width: 75px;
    margin: 10px auto 30px;
    height: 3px;
    background-color: #f24848;
}
.border {
    width: 50px;
    height: 2px;
    background: #f24848!important;
    display: block;
    margin: 10px auto 30px;
}

input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

.p-l-100 {
    padding-left: 100px;
}
.mt-2{
    margin-top: 2rem;
}
.mt-3{
    margin-top: 3rem;
}
.mb-3 {
    margin-bottom: 3rem;
}

.mt-4 {
    margin-top: 4rem;
}

.no-margin {
    margin: 0;
}
.no-padding {
    padding: 0;
}
.screen-height {
    min-height: 100vh;
}
.admin-bar .screen-height {
    min-height: calc(100vh - 32px);
}
.screen-width {
    position: relative;
    left: calc(50% - 50vw);
    width: 100vw;
}

/* Sections ---------------------------------- */

section {
    padding: 2rem 0;
    width: 100%;
}
.p-t-0 {
    padding-top: 0;
}
.p-t-50 {
    padding-top: 5rem;
}
.mt-5 {
    margin-top: 4rem;
}
/* Colors ------------------------------------ */

/* COLOR */

.color-blue,
.color-blue-hover:focus,
.color-blue-hover:hover {
   color: #0c62fb;
}

/* BACKGROUND COLOR */
.border-blue {
    width: 50px;
    height: 2px;
    background: #f24848!important;
    display: block;
    margin: 10px auto 30px;
}
/*----------------------------------------------------------------------------- */


/*  1. Site Header
/* -------------------------------------------------------------------------- */
.clearHeader .menubtn {
    background: url(../images/menuicon.png) right top no-repeat;
    opacity: .6;
}
.menubtn {
    margin: 12px 15px 0px 0;

}

.navbar {
   border: 1px solid transparent;
}

nav {
    background: transparent;
}
nav ul a, nav ul li a, nav ul li ul a {
    padding: 10px 47px;
    padding-right: 0;
    font-weight: bold;
    font-size: initial;
    text-decoration: none;
}
nav ul li:hover {
    background:transparent;
    text-decoration: none;
}
nav ul a:hover {
    color: #f24848;
    text-decoration: none;
}

.navbar-nav>li>a {
    display: block;
    cursor: pointer;
    font-size: 2.5rem;
    line-height: 4.5rem;
    width: 100%;
    text-align: left;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: blue;
}
header {
    padding: 0px 0;
    z-index: 99999;
}

.pos-relative {
    position: relative;
} 

.topHeader {
    background-color:#e1decf;
}


.jobHeader {
    background-color: rgba(255,255,255,.9);
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 999999;
    transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
    -webkit-animation: opacity 1s;
    box-shadow: none!important;
}

.whiteHeader {
    background-color:rgba(255,255,255,.9);
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 999;
    box-shadow: 0 0 20px -2px #474747;
    transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
    -webkit-animation: opacity 1s;
    /* -webkit-animation: expand .9s; */
}
/*.case .clearHeader nav ul a {
    color: #000;
    }*/
    .whiteHeader .case a.navbar-brand.logo1 {
        display: block;
    }
    .clearHeader .case a.navbar-brand.logo2 {
        display: none;
    }
    .whiteHeader .case a.navbar-brand.logo1 {
        display: none;
    }
    .clearHeader a.navbar-brand.logo2 {
        display: none;
    }
    .clearHeader a.navbar-brand.logo1 {
        display: block;
    }

    .navbar
    header .container {
        max-width: 100%;
    }
    .navbar-header {
        margin-top: 0;
        margin-bottom: 0px;
    }
    .navbar-header .logo2 img {
        max-width: 13rem;
        max-width: 100%;
    }
    .navbar-header .logo1 img, .navbar-header .logo2 img {
        max-width: 13rem;
        /*  filter: grayscale(1);*/
    }
    .jobHeader .logo2 {
        display: none;
    }

    .home .clearHeader .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background:white;
    }
    .clearHeader .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background: #f24848;
    }
    .whiteHeader .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background:#f24848;
    }
    .jobHeader .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background: #f24a4a;
    }
    .clearHeader nav ul a {
        font-family: montserrat;
        text-decoration: none;
        color: #000;
        font-weight: 500;
    }
    .clearHeader.top-header nav ul a {
        font-family: montserrat;
        text-decoration: none;
        color: #333;
        font-weight: 500;

    }
    .clearHeader nav ul a:hover {
        background-color: transparent;
    }
    .navbar-brand {
        float: left;
    }
    ul#nav {
        float: right;
        padding: 6px 0;
        margin-top: 14px;
        margin-bottom: 0px;
    }
    nav ul a, nav ul li a, nav ul li ul a {
        padding: 10px 47px;
        padding-right: 0;
        font-weight: 500;
        color: #333;
        font-family: montserrat;
    }
    /*----------------------------------------------------------------------------- */


/*  1. Index Page
/* -------------------------------------------------------------------------- */

.sec-one .container .top-wrap {
    padding-top: 4rem;
}
.footer_banner {
    background: linear-gradient(0deg, #080f1000, #02020200 71%),url(../images/iHNNuWJPZJwY.svg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    max-width: 100%;
}
.sec-two {
    /*padding-top: 7.5rem;*/
    /*  padding-bottom: 7.5rem;*/
    background: #fff;
}
.home_banner {
    position: relative;
    background: linear-gradient(0deg, #080f1000, #02020200 71%),url(../images/lnQ1Z7y11toh.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    max-width: 100%;
    height: 90vh;
}
.home_banner h1 {
    font-size: 2rem;
    line-height: 1.5;
    /* margin-top: 10vh;*/
    font-weight: bold;
    text-transform: none;
    color: #fff;
    text-align: center;
}

.home_banner .inner-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    height: max-content;
    margin: auto;
    text-align: center;
    width: inherit;
    max-width: 300px;
}

.sec-one .card {
    padding: 1.5rem 1.5rem;
    margin-top: 1rem;
    border-color: transparent;
    border-radius: 7px;
    box-shadow: 0 1px 10px 0 hsla(0,0%,70.2%,.5);
    border: 1px solid #e6e6e6;
    transition: .3s;
}
.whiteHeader .logo1 {
    display: none;
}
.whiteHeader .logo2 {
    display: block;
}

.sec-one .card .blue-fill-btn {
    opacity: 1;
    transform: translateY(8px);
    transition: all .2s ease-in-out;
    font-weight: 500;
    font-size: 1.5rem;
    box-shadow: none;
}

.sec-one .card:hover  .blue-fill-btn {
    opacity: 1;
    transition: all .2s ease-in-out;
    transform: translateY(0);
    color: #fff;
    font-weight: 500;
}

.sec-one .card figcaption {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 3.5rem;
}
.sec-one .card .card-info figure.icon {
    max-width: 3.1875rem;
    margin-right: 1.5rem;
    margin-bottom: 0;
}
.sec-one .card .card-info figure.icon img {
    max-width: 90%;
}

.sec-one .card .illustration img {
    max-width: 10rem;
    margin-bottom: 1rem;
    max-height: 15.0625rem;
    height: 100%;
}
.card .card-info .text {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.57;
    
}
.sec-one .card .card-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.5rem 0;
    border-top: .0625rem solid #d8d8d8;
    margin-bottom: 0;
    position: relative;
}
.sec-one .card .list {
    list-style: disc;
    padding-left: 1.25rem;
    margin-left: 1.25rem;
}
.sec-one .card .list li {
    font-size: 1.2rem;
    line-height: 2.5rem;
    color: #4b4b4b;
    margin-bottom: .25rem;
}
.what-we-do .sec-one-cont h2 {
    font-family: "Montserrat";
    font-size: 3rem;
    line-height: 6.5rem;
    font-weight: 200;
}
.sec-two.image-link {
    position: relative;
    display: block;
}
.home-case-study {
    margin-top: 3rem;
}



.image-link:after {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    border-top-right-radius: 6px;
    background-image: url(../images/g7bMisQHyxRF.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    bottom: 0px;
    right: 15px;
    opacity: 1;
    background-color: red;
    transition:  transform 3s;
    transform: rotate( 90deg );
}

#backgd {
    color: #242424;
    /* background-color: #FFE9CD; */
    background-image: url(../images/wtCQ8x75DSaM.svg);
    background-size: 14%;
    background-repeat: no-repeat;
    background-position-y: 65%;
    background-position-x: 93%;
}
#backgd_1 {
    color: #fff;
    /* background-color: #29201A; */
    background-image: url(../images/gbm68oEwbASC.svg);
    background-size: 14%;
    background-repeat: no-repeat;
    background-position-y: 65%;
    background-position-x: 93%;
}
#backgd_2 {
    background-size: 20%;
}

#backgd_2 {
    color: #fff;
    /* background-color: #3C5BFF; */
    background-image: url(../images/VHpGznQGGv5q.svg);
    background-size: 14%;
    background-repeat: no-repeat;
    background-position-y: 65%;
    background-position-x: 93%;
}
.solution1 {
    color: #242424;
    /* background-color: #FFE9CD; */
    background-image: url(../images/wtCQ8x75DSaM.svg);
    background-size: 14%;
    background-repeat: no-repeat;
    background-position-y: 65%;
    background-position-x: 93%;
}
.solution2 {
    color: #fff;
    /* background-color: #29201A; */
    background-image: url(../images/gbm68oEwbASC.svg);
    background-size: 14%;
    background-repeat: no-repeat;
    background-position-y: 65%;
    background-position-x: 93%;
}
.solution3 {
    background-size: 20%;
}

.solution3 {
    color: #fff;
    /* background-color: #3C5BFF; */
    background-image: url(../images/VHpGznQGGv5q.svg);
    background-size: 14%;
    background-repeat: no-repeat;
    background-position-y: 65%;
    background-position-x: 93%;
}
.we-wrap h4 {
    font-weight: 800;
    font-size: 16px;
    font-family: Montserrat;


}

.we-wrap h4:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 25px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border: 6px solid;
    border-radius: 50%;
}
.we-wrap.one :before {
    border-color:#ff4081;
}
.we-wrap.two :before {
    border-color: #40c4ff;
}
.we-wrap.three :before {
    border-color:#ffd740;
}
.we-wrap p {
    margin-top: 2rem;
}
.sec-two .image-link:hover:after {
    opacity: 1;
    background-color: #f24848;
}

.case_study_page_only .image-tile.home {
    position: relative;
    bottom: 0;
    left: 6rem;
}
.image-tile.home {
    position: absolute;
    bottom: 0;
    left: 6rem;
}
.image-tile.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    background-color: rgba(0,0,0,0.5);
    /* opacity: .5; */
    height: 100%;
    width: 92%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 3%;
    border-radius: 8px;
}
.image-tile p{
    color: #fff;
}
.image-tile a {
    color: #fff;
}

.sec-two h2 {
    font-family: "Montserrat";
    font-size: 1.6rem;
    line-height: 3.5rem;
    font-weight: 200;
}
.what-we-do .sec-one-cont h2 {
    font-family: "Montserrat";
    font-size: 1.6rem;
    line-height: 3.5rem;
    font-weight: 200;
}
.sec-two .recent-work-row h2 {
    font-family: "Montserrat";
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: 200;
    margin-top: 2rem;

}
.right-wrap img.img-fluid {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-radius: 7px;
}
.recent-work-row>div:nth-of-type(2n) {
    margin-top: 80px;
}
.case_study_page_only .recent-work-row>div:nth-of-type(2n) {
    margin-top: 0px;
}
.sec-two a.sub-label {
    font-size: 1.5rem;
    color: #333;
}
.image-tile span.category {
    font-size: 1.3rem;
    color: #fff;
}
.sec-two a.work-title {
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
}
.image-tile h2 {
    margin-bottom: .5rem;
}
.image-tile span.category {
    font-size: 1.3rem;
    padding-left: 0;
}
.blue-heading {
    display: inline-block;
    /*margin-bottom: 2rem;*/
}
.blue-heading h3 {
    color:#000;
    font-size: 1.9rem;
    text-transform: none;
    line-height: 3.9rem;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 1rem;
    letter-spacing: normal;
}
#tech_sec .container {
    width: 80%;
}
.slide5__info {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 margin-top: 3.5%;
 width: 100%;
 margin-top: 3rem;
 margin: auto;
}

.color-bg figure {
    margin-top: 2rem;
}
.color-bg figure img {
  /*  max-height: 200px;*/
  width: max-content;
  object-fit: cover;
  background-size: 50%;
  background-position: top;
}
.icon_tech {
 width: 33.33%;
 margin: auto;
}

.icon_tech img {
 
    border-radius: 8px;
    background-color: #ebf3f5;
    padding: 1.5rem;
    border: solid 2px transparent;
}

.icon_tech:hover img {
    text-decoration: none;
    background: #fff;
    border-color: #2c3145;
}

.index_tech_wrap {
 margin-top: 6%;
}

.icon_tech img {
 width: 90%;
 height: auto;
 padding: 2rem;
}
.icon_tech {
    padding: .7rem;
}
.icon_tech .big img {
 padding: 3rem;
}
.icon_tech img {
 /* width: 60%;*/
 height: auto;
 padding: 2rem;
}

a.btn-second {
  padding: 15px 20px;
  background-color: transparent;
  border: 1px solid #f24848;
  border-radius: 5px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #333;
  
}
a.btn-second:hover {
    color: #fff;
    background: #f24848;
    border: 1px solid red;
}
.service-box {
    transition: box-shadow .2s ease-out, -webkit-box-shadow .2s ease-out;
    padding: 43px 0px 20px 0px;
    text-align: center;
    margin-bottom: 0px;
    padding: 43px 0px 20px 0px;
    text-align: center;
    margin-bottom: 0px;
}
.service-box:hover {
    box-shadow: 0 4px 12px 0 rgba(185, 185, 185, 0.12), 0 12px 40px 0 rgba(206, 206, 206, 0.24);
    z-index: 1;
    transition: all 500ms ease-in-out;
    cursor: pointer;
}
.service-box h3 {
    font-size: 1.7rem;
    font-weight: 700;
    margin-bottom: 2.3rem;
    color: #000;
    text-transform: none;
}
.row.box-limit {
    max-width: 300px;
    margin: auto;
}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    height: max-content;
    margin: auto;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: .5;
}
.carousel-control.right {
    background-image: none;
}
.carousel-control.left {
    background-image: none;
}

.carousel-inner {
    margin-top: 2rem;
}
.carousel-indicators {
    display: none;
}
.banner-home {
   background: linear-gradient(to right, #212027 0%, #0a0a2f99 20%, #07142b91 100%), url(../images/lnQ1Z7y11toh.jpg) right bottom no-repeat;
   /* background-size: 50vw; */
   background-position: center;
   background-size: cover;

}
.service-box p {
    font-size: 13px;
    text-align: left;
    line-height: 2.4rem;
    color: #9e9c9c;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: 0.02em;
    line-height: 1.4;
    color: #6D6C6C;
    width: 80%;
}
.service-box img {
    margin-bottom: 14px;
    width: 60%;
}
.service-box span.arrow {
    color: #01949b;
    opacity: 1;
}
.service-box:hover span.arrow {
    left: 10px;
}
.service-box .float-left:first-child {
    width: 35%;
}
.float-left {
    float: left!important;
}

.service-box .float-left.last {
    width: 65%;
    text-align: left;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}
.service-box span.arrow {
    opacity: 1 !important;
    position: relative;
    width: auto;
    top: 0;
    margin-bottom: 0;
    left: 0;
    margin-top: 3rem !important;
    display: inline-block !important;
    float: none;
    padding-bottom: 0;
    padding-right: 15px;
    -webkit-transition: all .2s ease 0s;
}
p.banner-text.c-white {
    font-size: 1.3rem;
    color: #fff;
    padding-top: 3rem;
    padding-bottom: 3rem;
    line-height: 3rem;
}
.home-case-study img {
   
    width: 100%;
    object-fit: cover;
}

p.client-intro {
    font-size: 1.6rem;
    text-align: left;
    margin: 0 auto 30px;
    /* max-width: 965px; */
    line-height: 3.5rem;
}
.home-client-wrap {
  /*  max-width: 100rem;*/
  padding-top: 3rem;
  margin: 0 auto;
}
.home-client-wrap span.blue-border {
    background: blue;
    width: 100px;
    height: 3px;
    display: block;
    margin-top: 1rem;
}
.home-client-wrap .div-5 {
    width: 50%;
    float: left;
   /* padding: 0 15px;
   margin: 15px 0px; */
}
.home-client-wrap .div-5 img.width90 {
    width: 60%;
    filter: grayscale(1);
}
.home-client-wrap .width90 {
    max-width: 100% !important;
}
.home-client-wrap .col-md-2 {
    width: 20%;
    margin: auto;
}
.casestudy-client-wrap .col-md-2 {
    width: 20%;
    margin: auto;
}
.casestudy-client-wrap .div-5 {
    width: 20%;
    float: left;
    padding: 0 15px;
    margin: 15px 0px;
    text-align: center;
}
.casestudy-client-wrap.bottom-clients .div-5 {
    width: 33.33%;
    float: left;
    padding: 0 15px;
    margin: 15px 0px;
}
.casestudy-client-wrap .div-5 img.width90 {
    width: 100%;
    padding-right: 4rem;
}
.casestudy-client-wrap .width90 {
    max-width: 50%;
}
.bottom-clients .width90 {
    max-width: 80%;
}
.clients h3 {
    font-size: 1.9rem;
    padding-top: 1rem;
}
.clients p.intro {
    max-width: 967px;
}
.client-box {
    display: table;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 40px;
}


.section_light-blue {
    margin-bottom: 0px;
    padding-bottom: 40px;
    margin-top: 0;
}
.logo-wrap {
    padding: 3rem 0;
}

.testimonial_table {
    display: table;
    height: auto;
    margin: auto;
}

.testimonial__text {
   max-width: 460px;
   vertical-align: middle;
   display: table-cell;
   font-family: "Montserrat";

}
.ndlCareer-form .field, #ndlContactForm .field {
    font-size: 1.6rem;
    padding: 10px 10px 10px 60px;
}

.ndlCareer-form .field {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 1.6rem;
    padding: 10px 10px 10px 5px;
    -webkit-appearance: none;
    display: block;
    color: #242424;
    width: 100%;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #757575;
    resize: none;
    margin-bottom: 5rem;
}

img.blue-quote {
    max-width: 8%;
}
.testimonial__text img{
  width: 25%;
}
.testimonial__text p {
    margin: 20px 0 20px;
    line-height: 2;
    color: #333;
    font-size: 1.6rem;
    font-weight: normal;
}
.testimonial__author {
    font-size: 1.4rem;
    font-weight: 600;
}
.testi-img-wrap {
   width: 80%; 
   margin: auto;
   text-align: center;
}


.home-boxes img {
    width: 99.9%;
    height: auto;
    object-fit: cover;
}
.sec-five .home-boxes {
    margin-top: 100px;
}
.sec-five .backgd {
    line-height: 2.5rem;
    font-size: 1.2rem;
}
.backgd {
    width: 80%;
    background-color: #fff;
    padding: 18px;
    display: block;
    position: absolute;
    right: 0;
    margin: 0 auto;
    top: 90%;
}
a.a-link {
    font-size: 1.8rem;
    text-decoration: underline;
    color: #0c62fb;
}
.row.work {
    /*margin-top: 10px;*/
    margin-bottom: 8rem;
}
.work .backgd {
    right: 1.5rem;
    margin: 0 auto;
    top: 90%;
}
.work p {
    color: #7a7a7a;
    float: right;
    display: block;
    font-size: 1.8rem;
}
.sec-two .work .backgd {
    background-color: #fff;
    font-size: 1.4rem;
    line-height: 20px;
}
.backgd:hover {
    background-color: #0c62fb !important;
    color: #fff;
    cursor: pointer;
}
.insightsLeftTable {
    display: table;
    text-align: left;
    height: auto;
}
.insights-leftCell {
    display: table-cell;
    vertical-align: middle;
    margin: auto;
    height: max-content;
}

.main_heading_3 {
    font-size: 2.2rem;
    text-transform: none;
    line-height: 3.5rem;
    padding-bottom: 2rem;
    font-weight: 400;
    color: #000;
    font-family: "Montserrat";
}

.last-popup h3 {
  /*  max-width: 90%;*/
  font-size: 2rem;
  font-weight: bolder;
  margin: 0px;
  line-height: 1.5;
  color: #000;
  letter-spacing: 1px;
  text-transform: none;
  font-family:Montserrat;
}
.sec-six h2 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 4rem;
    margin-top: 0;
    text-align: left;
    color: #000!important;
}

.ser-cont h2 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 4rem;
    margin-top: 0;
    text-align: left;
    color: #000!important;
}
.service-box {
    padding: 24px 36px;
    padding-left: 15px;
    border-radius: 6px;
    color: #181818;
    /* background-color: #6AFDEF; */
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    height: auto;
    box-shadow: 0 0 27px 5px rgb(190 179 190 / 15%);
    width: 100%;
}
.sec-six .content-wrap {
    max-width: 100%;
    padding: 2rem;
}
.sec-six .content-wrap.right {
    max-width: 100%;
    padding: 0rem;
    margin-top: 2rem;
}
.sec-six .content-wrap p {
    color: #000;
    font-family: Montserrat;
    font-size: 1.6rem;
    padding-bottom: 5rem;
}


.sec-six .content-wrap h3 {
    color: #000;
    font-family: Montserrat;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.5rem;
    padding-right: 0;
    padding-top: 12px;
    padding-bottom: 3rem;
}
.content-wrap.right h3 {
    color: #000;
    font-family: Montserrat;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3.5rem;
    padding-bottom: 2rem;
    margin-top: 0;
}
.content-wrap.right li {
    color: #000;
    font-family: Montserrat;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 5px;
}
.list-line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: inherit;
    /*  padding: 1.5rem 0;*/
    margin-bottom: 0;
    position: relative;
}
.list-line  figure.icon {
    margin-right: 1.125rem;
}
.list-line figure.icon {
    max-width: 8rem;
    margin-right: 6rem;
    /* margin-bottom: 0; */
    margin-bottom:3rem;
}
.we-wrap {
    margin-bottom: 4rem;
}
.list-line .text {
    font-size: 1.5rem;
    line-height: 3rem;
}
p.about-legend.city {
    font-size: 2rem;
    font-weight: 500;
}
.about-heading-2 {
    display: block;
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 110%;
    font-weight: 600;
}
/*
}*/
p.about-detail {
    font-size: 1.6rem;
    line-height: 3.5rem;
    max-width: 100%;
    /* margin-left: auto; */
    margin: auto;
}
.about-legend.small {
    margin-top: 10px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(34,45,56,.1);
    font-size: 18px;
}
.about-subheading.full {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 2rem;
    line-height: 4rem;
    margin-top: 3rem;
}
#what-we-are .category {
    margin: 20px 0 0;
    padding: 6px 10px;
    border-radius: 18px;
    font-weight: 500;
    overflow: hidden;
    font-size: 1rem;
    width: max-content;
}
#what-we-are .category.one {
    background-color: #f1d3d3;
    color: #8e0909;
}
#what-we-are .category.two {
    background-color: #dcfdd3;
    color: #25790f;
}
#what-we-are p {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 2rem;
    margin-top: 1.6rem;
}
#what-we-are a.blogs {
    font-size: 1.2rem;
    color: #f24b4b;
    font-weight: 500;
}
/*----------------------------------------------------------------------------- */


/*  1. About Page
/* -------------------------------------------------------------------------- */
.hero-banner {
    padding-top: 100px;
    padding-bottom: 0px;
}
h3.about-main{
    font-family: "Montserrat";
    font-size: 1.6rem;
    line-height: 3.5rem;
    padding-bottom: 0;
    font-weight: 100;
    text-transform: none;
    text-align: left;
}
.approach img {
    /*padding-right: 35px;
    */    height:auto;
    object-fit: cover;
    width: 100%;
}

.grey-heading h3 {
    color: grey;
    font-size: 1.9rem;
    padding-bottom: 0rem;
    line-height: 3.5rem;
    font-weight: 600;
    text-decoration: none;
}
.approach .grey-heading {
    margin-top: 6rem;
}
.main_heading_4 {
    font-size: 2.2rem;
    line-height: 3.5rem;
    margin-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 400;
    color: #000;
    font-family: "Montserrat";
}

.para {
    font-size: 1.6rem;
    line-height: 3.5rem;
    padding-bottom: 1rem;
    font-family: Montserrat;
}
.para a {
    color: #0c62fb;
}

.believe .bluebox {
    /* display: block; */
    /* position: absolute; */
    left: 0;
    top: auto;
    right: 0;
    margin: auto;
    bottom: -4.5rem;
    color: #fff;
    background: #f24848;
    color: #fff;
    /* width: 75%; */
    padding: 2.5rem;
}

.believe .bluebox h4 {
    padding-bottom: 2rem;
    font-size: 2.2rem;
    color: #fff;
    font-weight: 600;
    line-height: 3rem;

}
.believe .bluebox p {
    font-family:Montserrat;
    font-size: 1.6rem !important;
    padding-bottom: 3rem;
    font-size: 2rem;
    line-height: 3.5rem;
    color: #fff;
}
.mobil-top-margin-10 {
    margin-top: 10rem;
}

/*----------------------------------------------------------------------------- */


/*  1. Service Page
/* -------------------------------------------------------------------------- */
.service-cards h3 {
    font-size: 1.3rem;
    line-height: 2.2rem;
    font-weight: 600;
    font-family: montserrat;
    max-width: 90%;
}
.service-image {
    position: relative;
    margin-top:3rem;
}
.service-banner{
  /*  width: 70%;*/
  float: right;
}
.service-banner img{
    width: 100%;
    object-fit: cover;
}
.over-figure {
    color: #333;
    /* border-bottom: 1.5px solid #333;*/
    color: #333;
    display: table;
}

/*.wrap-mob {
    padding:  0 3rem;
    }*/
    .over-wrap h2 {
        font-size: 2.2rem;
        line-height: 2;
    }
    .over-wrap-detail h2 {
       font-size: 2.2rem;
       line-height: 2;
       color: #fff;
   }
   .over-wrap-detail p {
    color: #fff;
}
.over-figure p.mt-4 {
    font-size: 1.8rem;
    max-width: 315px;
    font-weight: 300;
    line-height: 3.5rem;
    color: #fff;
}

.service-content-top h2 {
    font-family: "Montserrat";
    line-height: 4rem;
    padding-bottom: 4.7rem;
    font-weight: 100;
    padding-top: 0;
    text-transform: none;
}


.service-cards p.card-solution__tagline {
    font-size: 1.2rem;
    line-height: 2.2rem;
    margin-top: .8rem;
    font-weight: 500;
    color: #676464f2;
}
.grid-card-5 {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}
.card-solution {
    height: 100%;
    background-color: #f3f5f6;
    border-radius: 16px;
    transition: transform .25s;
    will-change: transform;
}
.in-home .card-solution {
    margin-right: 1.7rem;
}
.grid-card-5__item {
    width: 100%;
    padding: 5px;
}
.in-home .grid-card-5__item {
        width: 100%;
        padding: 5px;
    }

.card-solution--proposals {
    background-color: #eaefeb;
}
.card-solution--quotes {
    background-color: #f1f6e9;
}
.card-solution--contracts {
    background-color: #fdecdc;
}
.card-solution--esignatures {
    background-color: #f6e4eb;
}
.card-solution--payments {
    background-color: #e8f2fe;
}

.in-home .card-solution--proposals {
    background-color: #ffff;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.in-home .card-solution--quotes {
    background-color: #ffff;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.in-home .card-solution--contracts {
   background-color: #ffff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.in-home .card-solution--esignatures {
    background-color: #ffff;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.in-home .card-solution--payments {
    background-color: #ffff;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.card-solution__link {
    display: flex;
    padding: 20px;
    color: #242424;
}
.in-home .card-solution__link {
    display: flex;
    padding-top: 65px;
    padding-bottom: 65px;

    color: #242424;
}

.card-solution__cover {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 43px;
    margin-right: 20px;
}
.card-solution__icon {
    fill: #242424;
}
.tech-blocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    overflow-x: hidden;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding: 3rem 0;
}
.tech-cards-list {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    width: calc(100% - 6rem);
    user-select: none;
}
.tech-wrap {
    width: 48rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 31px;
    padding: 20px 0px 0px 0px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    transition: box-shadow .3s ease , -webkit-transform .3s ease;
    transition: transform .3s ease , box-shadow .3s ease , -webkit-transform .3s ease;
    cursor: pointer;
    min-height: 111px;
}
.right-content {
    width: calc(80% - 1rem);
    text-align: left;
    padding: 0 .5rem;
}
.left-icon {
    width: calc(20% - 1rem);
    padding: 0 .5rem;
}
.right-content-head {
    font-size: 1.6rem;
    display: block;
    padding-bottom: 8px;
    line-height: 28px;
    font-weight: 600;
    color: #4d4d4d !important;
}
.hide-mobile-tablets {
    display: none;
}
.right-text {
    font-size: 1.3rem;
    line-height: 22px;
    font-weight: 400!important;
    color: #666666 !important;
}
.right-text p {
    margin: 0 0 10px;
    padding: 0;
}
a.tech-wrap:hover {
    text-decoration: none;
}

p.service-intro {
    object-fit: contain;
    font-size: 1.6rem;
    text-align: left;
    margin: 0 auto 30px;
    letter-spacing: normal;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    max-width: 860px;
}
.box-section {
    margin-top: 4rem;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 3rem;
}
.box-section img.process-img {
    max-width: 50%;
}
.serviceCasestudy .imageoverText h4 {
    color: #fff;
    padding-bottom: 2rem;
    font-size: 1.9rem;
}
.serviceCasestudy .imageoverText {
    padding: 5rem;
    position: absolute;
    top: 6rem;
    bottom: 0;
    margin: auto;
    height: max-content;
    color: #fff;
}
.serviceCasestudy .imageoverText p {
    padding-bottom: 2rem;
    letter-spacing: 1px;
    line-height: 1.5;
}
.serviceCasestudy img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    border-radius: 7px;
}
.technology-section p {
    font-size: 2rem;
    font-weight: normal;
    line-height: 4.5rem;
    font-weight: 100;
}

.ndlInnercontnet h2:first-child {
    margin-top: 0;
}

/*----------------------------------------------------------------------------- */


/*  1. Service Detail Page
/* -------------------------------------------------------------------------- */
.digi-box {
    padding: 2rem;
    border-radius: 1.6rem;
    transition: transform .25s;
    will-change: transform;
}
.digi-box h2 {
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 600;
    font-family: montserrat;
    max-width: 90%;
}
.digi-box  p {
    font-size: 1.3rem;
    line-height: 2.2rem;
    margin-top: .8rem;
    font-weight: 500;
    color: #676464f2;
}
.service-detail h2 {
    padding-bottom: 3rem!important;
}

.service-detail h3.intro {
    font-size: 2rem;
    line-height: 4rem;
    text-align: left;
    font-weight: 100;
    font-family: "Montserrat";
    padding-bottom: 3rem;
}
.ndlInnercontnet h2 {
    color: #242424;
    margin: 30px 0 15px;
    font-size: 2.5rem;
    line-height: 1.5;
    text-transform: none;
    font-family: Montserrat;
}
.inner-service-wrap h3 {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 2.5rem;
}
td.category-label {
    position: relative;
    border-top: 1px solid #ddd;
    font-size: 1.8rem;
    font-family: Montserrat;
    padding: 3rem 0;
    padding-left: 4rem;
}
.service_detail.over-figure {
    background: #2dbd86!important;
}
/*----------------------------------------------------------------------------- */


/*  1. Careers Page
/* -------------------------------------------------------------------------- */
section.nb-careers-gallery.full-width-btm.row-fluid {
    display:none;
}
.nb-careers-gallery-top {
    margin-top: 60px;
}
.nb-careers-gallery-top [class^=col-], .nb-careers-gallery-btm [class^=col-] {
    padding: 5px;
}
.nb-careers-gallery-image {
    position: relative;
    transition: all .2s ease-out;
    bottom: 0;
    opacity: 1;
}
.team-list-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.team-item {
    align-items: center;
    border-radius: .16667rem;
    box-shadow: 1px 1px 2px 0 rgb(0 52 61 / 15%);
    display: flex;
    flex: 1 0 21%;
    flex-direction: column;
    height: 13rem;
    justify-content: center;
    padding: 1rem;
    margin: 1rem;
}
.socedge-section .team__subtitle {
 font-size: 1.2rem;
 font-weight: 700;
 letter-spacing: -.015rem;
 line-height: 1.8rem;
 text-align: center;
 margin: 1rem 0;
}

.ndlCareerAbout p, .ndlCareer p, .ndlCareer span {
    color: #595858;
    line-height: 3.5rem;
    font-weight: 100;
}
.ndlCareerAbout p {
    margin-bottom: 30px;
}
.ndlCareerAbout p.intro {
  font-size: 1.8rem;
  font-family: Montserrat;
  line-height: 3.5rem;
}
.p-last {
    font-size: 1.6rem;
    border-left: 4px solid #f24848;
    padding-left: 42px;
    width: 80%;
    font-style: italic;
    color: #989393 !important;
}
.job-testimonial .test-img-cell img.img-fluid {
    width: 50%;
    margin: auto;
}
.grey-heading h3 a {
    color: grey;
    font-size: 2rem;
    padding-bottom: 1.7rem;
    line-height: 2.9rem;
    font-weight: 600;
    text-decoration: none;
}
.list-career .row {
    max-width: 90%;
    margin: auto;
}
.list-career .col-md-3 {
    vertical-align: top;
    border-bottom: 1px solid #ddddddc4;
    padding: 3rem 0rem;
}
.list-career a {
    font-size: 1.8rem;
    line-height: 3.5rem;
    font-family: Montserrat;
    color: #333;

}
.list-career-mobile a.link {
    font-size: 1.4rem;
    line-height: 3.5rem;
    font-family: Montserrat;
    color: #f57171;
    font-weight: 200;

}
.list-career h3 {
    font-size: 2rem;
    line-height: 3.5rem;
    font-family: montserrat;
    color: #333;
}

.list-career-mobile h3 {
    font-size: 1.8rem;
    line-height: 2.5rem;
    font-family: montserrat;
    color: #333;
    margin-top: 2rem;
}
.list-career h3:hover {
    color: #808080ed;
}
.list-career p {
    font-family: montserrat;
    float: right;
    line-height: 3.5rem;
}
.link, .link:after {
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
}
.link {
    position: relative;
}
.list-career a.link{
    color: #f24848;
}
.link:hover:after {
    width: 100%;
}

.link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    height: 1px;
    width: 0;
    pointer-events: none;
}
.link--primary:after {
    background-color: #f24848;
}


/*----------------------------------------------------------------------------- */


/*  1. Career Detail
/* -------------------------------------------------------------------------- */
section.career-detail.ndlCareerAbout {
    padding-top: 120px;
}
aside {
    float: left;
    max-width: 335px;
}
.inside-img {
    padding-top: 10px;
    margin-bottom: 30px;
}

.photo-career {
    width: 100%;
    height: 320px;
    object-fit: cover;
    object-position: right;
    border-radius: 8px;
    max-width: 260px;
}
.sidebar-text h1 {
    font-size: 3rem!important;
    color: #242424;
}
.sidebar-text h4 {
    font-weight: 400;
    color: #9c9c9c;
    line-height: 15px;
    font-size:2.5rem;
    font-family: Montserrat;
}
.sidebar-text p {
    font-weight: 400;
    font-size: 2.8rem;
    color: #000;
    margin-bottom: 20px;
    line-height: 25px;

}

#content p.intro {
    text-align: left !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2;
    margin-top: 0;
    font-family: Montserrat;
}
.ndlCareerAbout h2 {
    color: #242424;
    line-height: 30px;
    font-size: 2rem;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-family: Montserrat;
}
.list-style {
    margin-bottom: 35px;
    display: block;
}
.list-style li {
    color: #252525;
    font-weight: 300;
    position: relative;
    padding-left: 22px;
    line-height: 1.5em;
    font-size: 1.8rem;
    margin-bottom: 15px;
}

.career-detail h2 {
    padding-top: 2%;
}
.ndlCareer-form h2 {
    font-size: 25px;
    color: #000;
    text-transform: inherit;
    margin-top: 30px;
}

/*----------------------------------------------------------------------------- */


/*  1. Casestudy Page
/* -------------------------------------------------------------------------- */
.banner-top-casestudy {
    /*background: linear-gradient( #e5e5e538 61.3%, white 39.9%);*/
    padding-top: 75px;
}
.inner-two {
    background: rgb(62, 48, 165);
    padding: 36px 15px 60px;
    position: relative;
    color: #fff;
    font-size: 22px;
    line-height: 32px;
}
.inner-two p {
    font-size: 2rem;
    padding-top: 1.5rem;
}
.case-brief {
    position: relative;
    z-index: 5;
    margin-top: -255px;
    padding: 50px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 7px 7px 50px -10px rgba(0,0,0,.1);
    line-height: 26px;
}
.bottom .case-box img {
   height: 500px;
   object-fit: cover;
   width: 100%;

}

.related-casestudy {
    background-repeat: no-repeat;
    display: table;
    min-height: 460px;
    padding: 20px 7%;
    width: 100%;
    margin-bottom: 40px;
    background-size: cover;
}
.case-one {
    background-image: linear-gradient(#00000045, #0000007d), url(../images/services-banner.jpg);
    color: #fff;
    min-height: 600px;
    margin-top:5rem;
}
.t-cell p {
    font-size: 1.6rem;
    max-width: 50%;
    line-height: 3rem;
    font-weight: 500;
}
.t-cell:first-child {
    width: 30%;
}
.t-cell {
    display: table-cell;
    vertical-align: middle;
}
.case-brief  h4.blue-font {
    font-weight: bold;
}
.cu-testimonial__header {
    margin-bottom: 70px;
}
.cu-testimonial__content {
    position: relative;
}
.cu-testimonial__disp {
    font-size: 2rem;
    color: #212128;
    opacity: .8;
    line-height: 3.2rem;
    max-width: 48rem;
    font-weight: 500;
}
.cu-testimonial__author {
    margin-top: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.cu-testimonial__author-img {
    width: 42px;
    height: 42px;
    margin-right: 15px;
    border-radius: 50%;
    overflow: hidden;
}
.case-logos .logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.case-brief p {
    margin: 1.5rem auto;
    font-size: 1.6rem;
    line-height: 3rem;
}
.case-client {
    max-width: 180px;
}
.case-client img {
    max-height: 50px;
    max-width: 100%;
    height: auto;
}
.case-table {
    display: table;
    width: 100%;
    height: 380px;
}
.about-table {
    display: table;
    width: 97%;
    margin-bottom:6rem;
}

.about-table-cell {
    display: block;
    vertical-align: middle;
    width: 100%;
}
.case-tab-cell {
    display: table-cell;
    vertical-align: middle;
}
.case-tab-cell:first-child {
    background: url(../images/vC2ABpamOh4W.jpg);
    background-position: center;
    background-size: cover;
}

.w40 {
    width: 40% !important;
}
.cu-casestudy__content {
    background: rgb(62, 48, 165);
    padding: 36px 60px 60px;
    position: relative;
    color: #fff;
    font-size: 22px;
    line-height: 32px;
}
.cu-casestudy__logo {
    margin-bottom: 15px;
}
.cu-testimonial__content:after {
    content: '';
    background: url(../images/cb-testimonial-quote.svg) no-repeat;
    display: inline-block;
    width: 140px;
    height: 110px;
    position: absolute;
    top: -15px;
    left: 2px;
    z-index: -1;
}
.cu-testimonial__disp {
    font-size: 2rem;
    color: #212128;
    opacity: .8;
    line-height: 3.2rem;
    max-width: 48rem;
    font-weight: 500;
}
.case-table {
    display: table;
    width: 100%;
    height: 380px;
}
.cu-freedom {
    display: table-cell;
    margin: auto;
    vertical-align: middle;
}
.cu-testimonial__content {
    position: relative;
}
.cu-testimonial__header {
    margin-bottom: 50px;
}

.cu-casestudy-white {
    max-width: 580px;
    min-height: 300px;
    background: #fff;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
    border-radius: 1px;
    overflow: hidden;
    display: block;
    -webkit-transition: -webkit-box-shadow .2s ease-out;
    transition: -webkit-box-shadow .2s ease-out;
    -o-transition: box-shadow .2s ease-out;
    transition: box-shadow .2s ease-out;
    transition: box-shadow .2s ease-out,-webkit-box-shadow .2s ease-out;
}
.cu-casestudy-white__disp {
    margin-bottom: 1rem;
    font-size: 1.6rem;
    line-height: 32px;
    color: #212128;
}
.cu-casestudy-white__content {
    padding: 36px 60px;
}
.cu-casestudy-white__actions {
    position: relative;
    color: #0c62fb;
    text-decoration: none;
    text-transform: capitalize;
    padding: .5rem 1.2rem;
    line-height: 1rem;
    font-size: 1.8rem;
    padding: 1rem 1rem;
    line-height: 1.1;
    display: -ms-flexbox;
    display: flex;
    position: relative;

}
.cu-casestudy-white__action {
    padding: 1.2rem 1rem;
    border-radius: 0;
    line-height: 1.1;
    display: -ms-flexbox;
    margin-top: 2rem;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #0c62fb;
    color: #0c62fb;
    font-size: 1.6rem;
    font-weight: 500;
}
.cu-casestudy-white__logo {
    margin-bottom: 24px;
    max-width: 160px;
}
.cu-casestudy-white__action .btnArrow {
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.cu-casestudy-white__action:hover {
    background: #0c62fb;
    color: #fff;
}
.cu-casestudy-white__action .btnArrow:before {
    content: url(../images/arrow-blue.svg);
}
.cu-casestudy-white__action:hover .btnArrow:before {
    content: url(../images/arrow-right.svg);
}
.btnArrow:before {
    content: url(../images/arrow-right.svg);
}


/*----------------------------------------------------------------------------- */


/*  1. Casestudy detail
/* -------------------------------------------------------------------------- */
.casestudy-head-wrap {
    max-width: 700px;
    text-align: left;
    font-family: "Montserrat";
    margin-top: 100px;
}
.casestudy-head-wrap h5 {
    font-size: 25px;
    font-family: "Montserrat";
    font-weight: bold;
}
.casestudy-head-wrap h6 {
    font-weight: bold;
    font-size: 18px;
    line-height: 80px;
    font-family: "Montserrat";
}
.casestudy-head-wrap p {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    font-family: Montserrat;
}
.CaseDetailContent p {
    margin: 30px 0px;
}
.CaseReadOne figure {
    padding: 30px;
    padding-left:0;
}
.CaseReadTwo.blueBackground {
    padding: 100px 0;
    color: #fff;
}
.CaseReadThree {
    padding: 100px 0;
}
.CaseReadFour.greyBackground {
    padding: 100px 0;
    color: #333;
}
.CaseReadFive.blueBackground {
    padding: 100px 0;
    color: #fff;
}
.CaseResult {
    padding: 100px 0px;
}
.casestudy-head-wrap h1 {
    margin-top: 10px;
    color: #242424;
    font-family: "Montserrat";
    text-align: left;
    font-weight: bold;
    font-size: 2rem;
    line-height: 42px;
    letter-spacing: 2px;
}
.CaseReadFour .textWrap {
    max-width: 600px;
    margin: auto;
}
.CaseResult p {
    font-size: 18px;
    max-width: 315px;
    text-align: center;
    color: #7a7c84;
    margin: auto!important;
}
.CaseReadSix {
    padding: 100px 0;
}
/*.CaseResult {
    padding: 100px 50px 25px;
    }*/
    .CaseResult .wrap {
        padding: 7rem 5rem;
        border-radius: 4px;
        background-color: #d8e8e3;
        box-shadow: 7px 7px 50px -10px rgba(0,0,0,.1);
        line-height: 26px;
    }
    .CaseResult .wrap p {
       color: #545353;
       font-weight:500;
   }
   .CaseResult .wrap h3 {
       color: #545353!important;
   }
   .m-t-30 {
    margin-top: 2rem;
}
.p-0 {
    padding: 0px;
}
.CaseReadFive .textWrap {
    max-width: 600px;
    margin: auto;
}
.blueBackground {
    background: #0c62fb;
}
.CaseReadTwo .textWrap {
    max-width: 600px;
    margin: auto;
}
.CaseDetailContent p {
    margin: 20px 0px 30px;
}
.greyBackground {
    background-color: #f1f1f1;
}
.CaseDetailContent p, .CaseDetailTop p {
    font-family: Montserrat;
    font-weight: 100;
}
.CaseReadOne h2 {
    font-size: 2.5rem;
    font-weight: 600;
    font-family: Montserrat;}

.CaseDetailContent li {
    font-size: 1.6rem;
    font-weight: 100;
    line-height: 3rem;
    text-align: left;
   
}
ul.tech-used li
{
 width: 70px;
}
 .other-casestudy img {
    height: max-content;
    object-fit: cover;
    transform: scale(1, 1);
    transition: transform 3s;
    overflow: hidden;
    max-height: 400px;
    height: 400px;
}
/*.image-link:hover img {
    transform: scale(1.05, 1.05);
    }*/
    /*----------------------------------------------------------------------------- */


/*  1. Contact
/* -------------------------------------------------------------------------- */
.Contact .WrapTable {
    display: table;
    max-width: 600px;
}
.ndlContact {
    padding: 50px 0;
}


h2.contact-text {
    font-size: 1.4rem !important;
    line-height: 1.5;
    margin-bottom: 3rem !important;
    color: #737171;
    font-family: Montserrat;
}
.ndlContact h3 {
    font-size: 2.2rem;
    margin-bottom: 0px;
    text-transform: none;

}

address h5 {
    margin-bottom: 25px;
    margin-top: 30px;
    position: relative;
}
address h5:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #000;
    left: 0;
    bottom: -9px;
    width: 57%;
    max-width: 115px;
}
address h5:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #000000ab;
    left: 0;
    bottom: 0;
    width: 50%;
    max-width: 115px;
}
address h6 {
    margin-bottom: 1.8rem;
}
.ndlContact address {
    font-size: 1.6rem;
    color: #242424;
    margin-bottom: 10px;
    line-height: 30px;
}
.ndlContact h2 {
    font-size: 2.2rem;
    margin-bottom: 0px;
    text-transform: none;
}
.contactAddres a {
    margin-top: 3rem;
}

/*1. Contact Form*/

.success_message {
    font-size: 14px;
    color: #4edc85;
}
.ndlContact form {
    box-sizing: border-box;
    width: 90%;
}

.ndlContact .group {
    position: relative;
    margin-bottom: 45px;
}

.ndlCareer-form .group {
    position: relative;
    margin-bottom: 15px;
}

#ndlContactForm .field {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 1rem;
    padding: 20px 10px 10px 5px;
    -webkit-appearance: none;
    display: block;
    color: #242424;
    width: 100%;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #757575;
    resize: none;
    margin-bottom: 40px;
}
#ndlContactForm .field:focus {
    outline: none;
}
.ndlCareer-form .field:focus ~ label, .ndlCareer-form .field.used ~ label, #ndlContactForm .field:focus ~ label, #ndlContactForm .field.used ~ label {
    top: -20px;
    transform: scale(.75);
    left: -2px;
    /* font-size: 14px; */
    color: #242424;
}

#ndlContactForm .field.used ~ label {
   top: -20px!important;
   transform: scale(.75);
   left: -2px;
   /* font-size: 14px; */
   color: #242424;}

   #ndlContactForm input.field:visited ~ label {

       top: -20px!important;
       transform: scale(.75);
       left: -2px;
       /* font-size: 14px; */
       color: #242424;
   }
   label.empty {
      top: -20px!important;
      transform: scale(.75);
      left: -2px;
      /* font-size: 14px; */
      color: #242424;
  }
  #ndlContactForm .highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}
.ndlCareer-form, #ndlContactForm .bar {
    position: relative;
    display: block;
    width: 100%;
}
.ndlContact .bar {
    position: relative;
    display: block;
    width: 10;
}
.ndlCareer-form .field:focus ~ .highlight, #ndlContactForm .field:focus ~ .highlight {
    animation: inputHighlighter 0.3s ease;
}
.ndlCareer-form label, #ndlContactForm label {
    color: #999;
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    transition: all 0.2s ease;
}
.list-career-mobile h3 {
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-family: montserrat;
    color: #333;
    margin-top: 2rem;
}
.apply-form {
    position: relative;
    height: 55px;
    margin-bottom: 50px;
    margin-top: 0;
}
.inputfile {
    width: 400px;
    height: 33px;
    opacity: 0;
    overflow: hidden;
    position: relative;
    z-index: 3;
    top: 9px;
    cursor: pointer;
}
.ndlCareer-form label, #ndlContactForm label {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    transition: all 0.2s ease;
}

/*--------*/
h2.last-post-title {
    font-size: 3rem;
    color: #fff;
    font-weight: 600;
    max-width: 100%;
    margin-top: 2rem;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-family: 'Function-bold';
}
.blog-wrapper h3 {
    font-size: 18px;
    line-height: 30px;
    text-transform: capitalize;
    text-align: left;
    font-weight: 700;
    padding-right: 5px;
    margin-bottom: 0;
    padding-top: 1rem;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: 'Function-bold';
    padding-bottom: 6rem;
    color: #888787;
}

h3.last-post-title {
    font-size: 2rem;
    margin-top: 2rem;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: 'Function-bold';
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

.category {
    border-radius: 8px;
    text-align: center;
    font-size: 1rem;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 0rem 0.9rem;
    width: max-content;
    margin-top: 2rem;
    line-height: 2rem;
}
.category.two {
    background-color: #dcfdd3;
    color: #25790f;
}
#Bottom-blogs h5.category.two {
    background-color: #dcfdd3;
    color: #25790f;
    border-radius: 6px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 0rem 0.9rem;
    width: max-content;
    margin-top: 2rem;
    line-height: 2rem;
}
.blog_content {
    position: absolute;
    top: 8rem;
    bottom: 0;
    height: max-content;
    margin: auto;
    max-width: 80%;
    text-align: left;
    padding: 3rem;
}
.category {
    border-radius: 8px;
    text-align: center;
    font-size: 1rem;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 0rem 0.9rem;
    width: max-content;
    margin-top: 2rem;
    line-height: 2rem;
}
.category.one {
    background-color: #F1ADBE;
    color: #B1181F;
}

.left-blog {
    overflow: hidden;
    border-radius : 7px;
}
.left-blog .background_single {
    background-image : linear-gradient(to right, #00000091 100%, black 20%, #00000091 100%), url(../images/sffK8k6ktmX7.jpg) !important ;
    background-size : cover;
    border-radius : 7px;
    position : relative; 
    display: block;
    transform: scale(1, 1);
    transition: transform 0.4s;
}
.left-blog:hover .background_single {
    transform: scale(1.05, 1.05);
}
.right-blog {
    overflow: hidden;
    border-radius : 7px;
}
.right-blog .background_single.one {
    background-image : linear-gradient(to right, #00000091 100%, black 20%, #00000091 100%), url(../images/MRD1fDJokXcG.jpg) !important ;
    background-size : cover;
    height : 41vh;
    border-radius : 7px;
    position : relative;
    display: block;
    transform: scale(1, 1);
    transition: transform 0.4s;
}
.right-blog:hover .background_single.one {
    transform: scale(1.05, 1.05);
}



.right-blog .background_single.two {
    background-image : linear-gradient(to right, #00000091 100%, black 20%, #00000091 100%), url(../images/6CZZI3VdgR35.jpg) !important ;
    background-size : cover;
    height : 40vh;
    border-radius : 7px;
    position : relative;
    display: block;
    transform: scale(1, 1);
    transition: transform 0.4s;
}
.right-blog:hover .background_single.two {
    transform: scale(1.05, 1.05);
}

.blog-child {
    overflow: hidden;
    border-radius : 7px;}

    .blog-wrapper .blog-child figure{
        background-size : cover;
        position : relative;
        display: block;
        transform: scale(1, 1);
        transition: transform 0.4s;
    }

    .blog-wrapper:hover .blog-child figure{
        transform: scale(1.05, 1.05);
    }


    .blog-content-wrap {
        top: 0;
        bottom: 0;
        height: max-content;
        margin: auto;
        vertical-align: middle;
        padding-top: 20rem;
        max-width: 75%;
        margin-left: 0;
        padding-bottom: 5px;
    }
    .blog-content-wrap h1 {
        color: #fff;
    }
    .banner-blog{
        background: url(../images/lnQ1Z7y11toh.jpg) right bottom no-repeat;
        /* background-size: 50vw; */
        background-position: center;
        background-size: cover;
    }
    .banner-blog-detail1 {
       background:  linear-gradient(to right, #00000091 100%, black 20%, #00000091 100%),url(../images/keidPKZix7Ut.jpg) right bottom no-repeat;
       background-position: center;
       background-size: cover;
   }
   .banner-blog-detail2 {
       background:  linear-gradient(to right, #00000091 100%, black 20%, #00000091 100%),url(../images/9InB4wIbES06.jpg) right bottom no-repeat;
       background-position: center;
       background-size: cover;
   }
   .banner-blog-detail3 {
       background:  linear-gradient(to right, #00000091 100%, black 20%, #00000091 100%),url(../images/BocaQc5MVQhZ.jpg) right bottom no-repeat;
       background-position: center;
       background-size: cover;
   }
   .banner-blog-detail4 {
       background:  linear-gradient(to right, #00000091 100%, black 20%, #00000091 100%),url(../images/nI2fFsZsRNNI.jpg) right bottom no-repeat;
       background-position: center;
       background-size: cover;
   }
   .banner-blog-detail5 {
       background:  linear-gradient(to right, #00000091 100%, black 20%, #00000091 100%),url(../images/I0uxObGDymg0.jpg) right bottom no-repeat;
       background-position: center;
       background-size: cover;
   }
   .banner-blog-detail6 {
       background:  linear-gradient(to right, #00000091 100%, black 20%, #00000091 100%),url(../images/saokrbsyi5Zq.jpg) right bottom no-repeat;
       background-position: center;
       background-size: cover;
   }

   .banner-blog-detail7 {
       background:  linear-gradient(to right, #00000091 100%, black 20%, #00000091 100%),url(../images/ET84QZcIoyq3.jpg) right bottom no-repeat;
       background-position: center;
       background-size: cover;
   }
   .banner-blog-detail8 {
       background:  linear-gradient(to right, #00000091 100%, black 20%, #00000091 100%),url(../images/kr9g92vZZvR3.jpg) right bottom no-repeat;
       background-position: center;
       background-size: cover;
   }
   .blog-body h4 {
    margin-bottom: 3rem;
    line-height: 4rem;
    font-size: 23px;
    font-family: Raleway, sans-serif !important;
    color: #000;
    font-style: italic;
}
.blog-body p {
    font-size: 1.8rem;
    font-weight: 100;
    line-height: 3.5rem;
}

.blog-body li {
    font-size: 1.8rem;
    font-weight: 100;
    line-height: 3.5rem;
}
.blog-body ul li {
    font-size: 1.8rem;
    font-weight: 100;
    line-height: 3.5rem;
    border-radius: 8px;
}
.other-blogs li {
    padding: 3rem 2.5rem 2.2rem;
    background-color: #f5f5f5;
    margin-bottom: 1.5rem;
}
.other-blogs li a {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3rem;
    color: #525151;
}
.other-blogs li a:hover {
    color: #000;
}
button.colored {
    font-weight: bold;
    width: fit-content;
    margin: 22px auto;
    position: absolute;
    text-decoration: none;
    margin-top: 3.5rem;
    display: inline-block;
    line-height: 100%;
    font-size: 1.4rem;
    padding: 2rem 7rem 2rem 2rem;
    position: relative;
    background: #005094;
    font-weight: 600;
    color: #fff;
    transition: all 0.3s;
    border-radius: 3px;
    border: none;
}
button.colored:before {
    content: "";
    display: block;
    width: 2rem;
    height: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 3rem;
    height: 1rem;
    vertical-align: middle;
    margin: auto;
    background-image: url(../images/zC1oYcXBUjqp.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
}
/*----------------------------------------------------------------------------- 


/*  1. Site Footer
/* -------------------------------------------------------------------------- */

section.Conatct-Us-Footer {
    margin-top: 10rem;
    position: relative;
    background-color: rgb(44, 75, 255);
    padding: 15rem 0px;
}
.Conatct-Us-Footer h2 {
    font-size: 3rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 4rem;
}
.Conatct-Us-Footer .wrap {
    max-width: 60%;
    margin: auto;
    line-height: 5rem;
}

.Conatct-Us-Footer .bg-left {
    height: 100%;
    width: 20%;
    background-image: url(../images/triangle-green.svg), url(../images/planet@2x.png), url(../images/circle-pink.svg);
    background-repeat: no-repeat;
    background-size: 40px, 180px, 60px;
    background-position: 120px 75px, -55px 160px, 88px 105%;
    position: absolute;
    top: 0px;
    left: 0;
}
.Conatct-Us-Footer .bg-right{
    height: 100%;
    width: 20%;
    background-image: url(../images/circle-brush@2x.png), url(../images/lines-orange.svg), url(../images/triangle-yellow.svg);
    background-repeat: no-repeat;
    background-size: 40px, 180px, 26px;
    background-position: 0px 30px, 137px 110px, 165px 246px;
    position: absolute;
    top: 0px;
    right: 0px;
}
.Conatct-Us-Footer .wrap a {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 18px;
    line-height: 4.1;
    font-weight: 500;
    border-radius: 5px;
    border: 0px;
    letter-spacing: 0.3px;
    cursor: pointer;
    user-select: none;
    appearance: none;
    position: relative;
    transition-property: background-color, border-color, color;
    transition-duration: 0.1s;
    transition-timing-function: ease-in;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0px;
    width :fit-content;
    flex: 0 0 auto;
    height: 74px;
    font-family: Roboto, sans-serif;
    color: rgb(255, 255, 255);
    padding: 0px 36px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 50px 5px;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    background-color: rgb(233, 114, 132);
    margin: 0px auto;
}
.footer-logo {
    width: 32%;
    text-align: left;
    /* margin-right: 70px;*/
    order: unset;
    align-items: normal;
    float: left;
}

.footer-listing h3 {
    margin-bottom: 5rem;
    font-size: 2.5rem;
    font-weight: 700;
}
.footer-logo  h1 {
    margin-bottom: 15rem;
}
ul.social-media {
    margin-bottom: 1rem;
}
.social-media a {
    margin-right: 5rem;
}
.social-media i.fa {
    font-size: 3rem;
    color: #333;
}


.footer-listing li {
    font-weight: 500;
    margin-bottom: 2.2rem;
    letter-spacing: normal;
    font-size: 1.4rem;
}
#footer p {
    font-size: 1.4rem;
    line-height:2.2rem;

}
.footer-listing h3 {
  margin-bottom: 2.5rem;
  font-size: 2.2rem;
  letter-spacing: .1rem;
  font-weight: 600;
}
a.see-work:hover  {
    color: #a8a8a8!important;
}
footer {
    background: #fafafa;
    padding: 70px 0px 65px;
    margin-top: 5rem;
}
li.title-li {
    color: #757575;
    font-weight: bold;
    line-height: 5rem;
}

footer a {
    line-height: normal;
    font-size: 1.3rem;
    letter-spacing: .1rem;
    font-weight: 500;
    color: #fff;
}
footer a:hover {
    color: #baa;
    transition: 0.5s;
    text-decoration: none;
}
footer p {
    font-size: 1.4rem;
    line-height: 2.2;
}
.further p {
    font-size: 1.6rem;
    color: #9e9e9e !important;
}
footer .col-md-4 img {
    max-width: 30%;
    filter: grayscale(100%) invert(100%) brightness(215%);
    opacity: 0.4;
}
footer hr {
    border-top: 1px solid #6359597a !important;
}
footer h4 {
    color: #757575;
    font-family: Montserrat;
    font-size: 1.5rem;
    letter-spacing: 0px !important;
    margin-bottom: 15px;
}
h2.footer-text {
    font-size: 1.8rem;
    margin-top: 2.6rem;
    line-height: 4rem;
}
.social-links h5 { font-size: 1.4rem;color: #fff;line-height: 3rem;}
.social-links a { font-size: 1.4rem;color: #fff;line-height: 3rem;}

.column-right ul {
    float: left;
    display: inline-block;
    color: #fff;
}
.column-right li {
    margin-top: 2.6rem;
}
p.copyright {
    line-height: normal;
    margin-top: 6px;
    color: #757575;
}

.further {
    color: #9e9e9e !important;
}
.further h3 {
    font-family: montserrat;
    margin-top: 0px;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: none;
}

.main-link a {
    line-height: normal;
    margin-bottom: 15px;
    font-weight: 500;
    display: block;
    font-size: 1.3rem;
}
.last-para p {
    color: #757575;
    margin-top: 2.5rem;
    font-size: 1.3rem;
    line-height: 2.7rem;
}
.social a {
    background-color: #757575;
    border-radius: .3rem;
    width: 3rem;
    height: 3rem;
    color: #fff;
    text-align: center;
    padding: .2rem;
    line-height: 1.8;
    display: inline-block;
    font-size: 1.5rem;
    margin: 0px 5px 0px 0px;
}
.social a:hover {
    background: #0c62fb;
    color: #fff;
}
.intro2 {
    font-size: 1.8rem;
    max-width: 90%;
    margin: 0 auto 50px;
    text-align: center;
    line-height: 3.5rem;
}

.Together-img img {
    margin-bottom: 30px;
    width: 100%;
}
.Together-img img {
    margin-bottom: 30px;
    width: 100%;
}
.Together-img .col-md-7 img {
    max-height: 350 px;
    object-fit: cover;
}
.list-career-mobile{
    display: block;
}
.list-career {
    display:none;
}

.career-mobile-wrap {
    border-bottom: solid .0625rem rgba(151,151,151,.4);
    padding: 1.5rem 0;
}
aside {
    display: none;
}
.show-mob {
    display: block;
}
.content-right {
    margin-top: 5rem;
}

.hide-mob{
    display: none;
}
.copyright-mob {
    display:block;
}
.mobil-top-margin-4 {
    margin-top: 4rem;
}



.footer-listing {
    /* width: 25%; */
    /* float: left; */
    /* padding-left: 10rem; */
    flex: 50%;
}

.footer-listing li {
    font-weight: 500;
    margin-bottom: 2rem;
    letter-spacing: normal;
    font-size: 1.4rem;
    padding-right: 6.5rem;
    list-style: none;
}


</style>

/*----------------------------------------------------------------------------- 


/*----------------------------------------------------------------------------- 


/*  1. Home pop up
/* -------------------------------------------------------------------------- */

.ndlCareer-form, #ndlContactForm .bar {
    position: relative;
    display: block;
    width: 100%;
}
.modal-content {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*.modal-dialog {
   width: 600px;
    margin: 75px auto;
    }*/
/*
.modal-dialog {
    width: 80%;
    margin: auto;
}
*/


.captcha {
    margin-bottom: 13px;
    display: inline-block;
    margin-top: 8px;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    position: absolute;
    right: 10px;
    z-index: 9999;
}
/*.action-popup .modal-body.ndlCareer-form {
    padding: 0;
}
*/


.bg-green {
    background-color: #f24848;
    text-align: center;
    padding-top: 2rem;
}
.bg-green img {
    margin-bottom: 0px;
    width: 170px;
}

.bg-green p.intro {
    color: #fff;
    font-size: 15px;
    font-family: Montserrat;
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 2rem;
}

.table-cell {
    display: block;
    width: 100%;
    vertical-align: middle;
}
/*.contact-popup .modal-dialog {
    width: 84%;
    }*/
    /*----------------------------------------------------------------------------- */


/*  1. Media Queries
/* -------------------------------------------------------------------------- */
@media (max-width: 374px) {
  .what-we-do.show-mob .col-lg-4.col-md-4.col-sm-12.col-xs-12.wrapper {
    float: left;
    list-style: none;
    position: relative;
    width: 290px;
}


.team-item {
    display: flex;
    flex: 1 0 30%;
    flex-direction: column;
}

.ser-cont h2 {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 4rem;
    margin-top: 0;
    text-align: left;
    color: #000!important;
}
.sec-one .card figcaption {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 2rem;
    margin-bottom: 2rem;
}

.sec-one .card {
    padding: 1.5rem 1.5rem;
    margin-top: 1rem;
    border-radius: 7px;
    transition: .3s;

}
.social a {
    width: 2rem;
    height: 2rem;
    padding: 0rem;
    font-size: 1.2rem;
    margin: 7px 5px 0px 0px;
}
.sec-one .card .illustration img {
    max-width: 7rem;
    margin-bottom: 1rem;
    max-height: 15.0625rem;
    height: 100%;margin-bottom: 0;
}
.further {
    margin-bottom: 3rem;
}
footer h4 {
    font-size: 1.2rem !important;
    margin-bottom:0; 
}
footer p {
    font-size: 1rem!important;
    line-height: 2.2;
}
.footer-list-p0 {
    padding: 0;
}
figure.mobile-banner {
    background-image: linear-gradient(320deg,#ff80cf,#ffbf80);
    padding-top: 1rem;
    padding-right: 1rem;
    position: absolute;
    width: 89%;
    height: 177px;
    top: -12px;
    right: 3px;
    z-index: -1;
}

.home-work {
    width: 340px!important;
    margin-right: 2rem;
}

}
@media (max-width: 768px) {


    figure.home-digital {
        display: none;
    }
    .we-wrap img {width: 10%;
        object-fit: contain;}

        .we-wrap h4 {
            font-weight: 800;
            font-size: 16px;
            font-family: Montserrat;
            padding-left: 4rem;

        }



    }

    @media (max-width: 1024px) {


      h2.footer-text {
        color: #fff;
        font-size: 2rem;
        line-height: 4rem;
        max-width: 90%;
    }

    figure.home-digital {
        margin: 5rem auto;
        position: relative;
    }

    
    .we-wrap p {
        font-size: 1.3rem;
    }
    #what-we-are .cell {
        display: block;
        width: 100%;
    }
}

@media (max-width: 992px) {
    .grow-cell {
        margin-top: 4rem!important;
    }

    .list-line {
        flex-direction: column;
        align-items: baseline;
        margin-top: 3rem;
    }
}
@media (max-width: 767px) {


    .we-wrap h4 {
        font-weight: 800;
        font-size: 16px;
        padding-left: 5rem;
        font-family: Montserrat;
    }
    .we-wrap p {
        margin-top: 2rem;
    }
    .grow-cell {
        margin-top: 4rem!important;
    }

    .list-line {
        flex-direction: column;
        align-items: baseline;
        margin-top: 3rem;
    }


    nav.navbar {
        margin-bottom: 10px;
    }

    div#myNavbar {
        height: 100vh;
    }
    .modal {
        position: fixed;
        right: 0;
        bottom: 0;
        vertical-align: middle;
        height: max-content;
        left: 0;
        z-index: 1050;
        display: none;
        overflow: hidden;
        outline: 0;
        top: inherit;
    }
    .modal-body {
        position: relative;
        padding: 0;
    }
    .col-lg-4.col-md-4.col-sm-4.col-xs-12.wrapper {
        width: 290px!important;
        margin-left: 0rem;
    }
    .sec-one .card {
        padding: 1.5rem 1.5rem;
        margin-top: 1rem;
        border-color: transparent;
        /*  background-color: #f7f6f6f2;*/
        transition: .3s;
        border: 1px solid rgba(230, 230, 230, 1);
        border-radius: 5px;
    }
    .card .card-info .text {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.57;
    }
    figure.home-digital {
        max-width: 60%;
        margin: auto;
    }



    .icon_tech:nth-last-child(-n + 3) {
        border-bottom: none;
    }
    .service-box {
        margin-bottom: 3rem;
    }
    .grow-cell {
        margin-top: 6rem;
    }
    .list-style li {
        color: #252525;
        font-weight: 300;
        position: initial;
        padding-left: 0;
        line-height: 3rem;
        font-size: 1.5rem;
        margin-bottom: 15px;
        list-style: none;
    }
    .left-blog {
        margin-bottom: 3rem;
    }
    .testimonial_table {
        margin-left: 0;
    }
    .mobile-p-0 {
        padding: 0;
    }
    .mobile-blogs {
        float: left;
        list-style: none;
        position: relative;
        width: 285px!important;
    }
    .bx-wrapper {
        margin-bottom: 0;
    }

    .home-work {
        width: 360px!important;
        margin-right: 2rem;
    }


    .hero-content-wrap {
        margin-top: 5rem;
    }
    

    nav ul li:last-child {
        padding: 10px 0;
        position: absolute;
        bottom: 0;
        color: #fff;
        background: #fd4545;
        position: absolute;
        bottom: 49px;
        left: 0;
        width: 100%;
        z-index: 1;
    }

    nav li:last-child  a{
        color: #fff;
    }
    .clearHeader nav ul a {
        color: #333;
    }
    .navbar-nav>li>a {
        text-align: center;
    }
    .navbar-nav>li>a {
        display: block;
        cursor: pointer;
        font-size: 1.8rem;
        line-height: 3.5rem;
        width: 100%;
    }
    .social a {
        width: 2rem;
        height: 2rem;
        padding: 0rem;
        font-size: 1.2rem;
        margin: 7px 5px 0px 0px;
    }
    .further {
        margin-bottom: 3rem;
    }
    .card-solution__cover img {
        width: 85%;
    }
    footer h4 {
        font-size: 1.6rem !important;
        color: #fff;
        margin-bottom:0;
    }
    footer p {
        font-size: 1.2rem;
        line-height: 2.2;
    }
}

@media (max-width: 800px) {

    .service-box {
        margin: 1rem 0;
    }
}
@media (min-width: 345px) {


  header .container , footer .container {
    width: 95%;
}

.sec-five .backgd {
    line-height: 2.5rem;
    font-size: 1.4rem;
}
.home_banner .inner-content {
    max-width: 360px;
}
.footer-list-p0 {
    padding: 0;
}
}

@media (min-width: 375px) {
  
    .sec-five .backgd {
        line-height: 2.5rem;
        font-size: 1.4rem;
    }
    .row.box-limit {
       max-width: 345px;
       margin: auto;
   }
   .home_banner .inner-content {
    max-width: 345px;
}
.footer-list-p0 {
    padding: 0;
}
figure.mobile-banner {
    top: -13px;
}
}
@media (min-width: 420px) {
  
}
@media (min-width: 480px) {
  
    figure.mobile-banner {
        width: 92%;
        height: 278px;
    }
    .icon_tech {
     width: 33.3333%;
     margin: auto;
 }
 .hero-banner h1 {
    font-size: 2.2rem;
    line-height: 4rem;
    font-weight: 500;
    /*color: #0c62fb;*/
}
.hero-content-wrap h1 {
    color: #fff;
    font-family: function-bold;
    text-align: left;
    font-weight: 700;
    line-height: 4.5rem;
    letter-spacing: 2px;
    text-decoration: none;
    font-size: 3rem;
    letter-spacing: -2px;
}

}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 

    p.banner-text.c-white {
        font-size: 1.6rem;
        color: #fff;
        max-width: 100%;
        padding-top: 3rem;
        padding-bottom: 3rem;
        line-height: 4rem;
    }

    .row.box-limit {
       max-width: 450px;
       margin: auto;
   }
   .home_banner .inner-content {
    max-width: 450px;
}
figure.mobile-banner {
    width: 94%;
    height: 337px;
}

.home-client-wrap .div-5 {
    width: 20%;
    float: left;
    /*  padding: 2rem 0rem;*/
}
h2.contact-text {
    font-size: 2.2rem !important;
    line-height: 1.5;
    margin-bottom: 40px !important;
    color: #737171;
    font-family: Montserrat;
}
.ndlCareer-form label, #ndlContactForm label {
    font-size: 1.4rem;  
}

.ndlCareer-form input:valid ~ label,{

    top: -20px;
    font-size: 14px;
    color: #000;
}
}
/* ---@@@@@@@@@@@@----*/

.hide-mobile {
    display: none;
}
.hide-desktop {
    display: block;
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .ndlCareerAbout h2 {
        font-size: 2rem;
        font-weight: 600;
    }
.image-link {
    overflow: hidden;
    border-radius: 6px;

}
.case_study_page_only .image-link {
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid #fafcff;
    background-color: #fafcff;
    box-shadow: rgb(10 16 34 / 10%) 0px 2px 2px;
   
}
.case_study_page_only .recent-work-row .image-link{
    height:550px;
}
.case_study_page_only .image-link:hover {
    box-shadow: rgb(10 16 24 / 5%) 0px 15px 15px;
}
.other-blogs li:hover {
    box-shadow: 0px 0px 10px 0px #ccc;
}
    .image-link:after {
        position: absolute;
        content: "";
        width: 68px;
        height: 68px;
        background-image: url(../images/g7bMisQHyxRF.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        bottom: 0px;
        right: 15px;
        opacity: 1;
        transition: all .25s ease-in-out;
        transform: rotate(90deg);
    }
    .sec-two .image-link:hover:after {
        opacity: 1;
        background-color: #f24848;
    }

    .sec-two .image-link:hover img{
      transform: scale(1.05, 1.05);
      
  }
      .sec-two.case_study_page_only .image-link:hover img{
      transform:none;
      
  }
  h2.contact-text {
    font-size: 1.9rem !important;
    line-height: 1.5;
    margin-bottom: 10px !important;
    color: #737171;
    font-family: Montserrat;
}
.shadow {
    background: #fff;
    padding: 34px;
    transition: box-shadow .3s;
    background-color: #fff;
    position: relative;
    box-shadow: -2px 6px 40px 0 rgba(0, 0, 0, 0.12);
}

.ndlCareer-form .field {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 1.6rem;
    padding: 10px 10px 10px 5px;
    -webkit-appearance: none;
    display: block;
    color: #242424;
    width: 100%;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #757575;
    resize: none;
}

.over-wrap {
    display: table-cell;
    vertical-align: middle;
    padding: 4rem 0;
}
p.about-detail {
    font-size: 1.6rem;
    line-height: 4.5rem;
    max-width: 97%;
    margin-left: auto;
}

.clearHeader.top-header nav ul a {
    font-family: montserrat;
    text-decoration: none;
    color: #fff;
    font-weight: 500;

}

.clearHeader {
    top: 0px;
    width: 100%;
    transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
    position: fixed;
    display: block;
}

.service-content-top h2 {
    font-family: "Montserrat";
    font-size: 2rem;
    line-height: 4rem;
    padding-bottom: 4.7rem;
    font-weight: 100;
    padding-top: 0;
    text-transform: none;
}
button.button-black.reset {
    background-color: #fff;
    border:none;
    outline: none !important;
    width: 100%;
    font-size: 1.7rem;
    display: block;
    padding: 1.8rem 1rem;

    outline: none;
    font-weight: 500;
    text-align: center;
    margin: auto;

}
.red-button {
    display: block;
    width: 100%;
    background: #f24848;
    font-size: 1.7rem;
    padding: 1.8rem 2rem;
    outline: none;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    border: 1px solid #f24848;
    color: #fff;
    margin: auto;
    letter-spacing: 3px;
} 
p.p-last {
    font-weight: 500;
}
p.p-last a {
    color: #f24848;
}
p.p-last a:hover {
    color: #000;
    border-bottom: 2px solid #f24848;
}
.socedge-wrap {
    max-width: 85%;
    padding: 80px 0px;
    margin: 0 auto;
}

p.about-detail {
    font-size: 2rem;
}

.team-item:nth-child( even ){
    margin-top: 4rem;
}
.socedge-team {
    padding-left: 4rem;
}
h2.footer-text {
    color: #fff;
    font-size: 2.5rem;
    line-height: 5rem;
    max-width: 80%;
}


.believe .row {
    max-width: 97%;
    margin: auto;
}
.about-heading-2 {
    display: block;
    margin-bottom: 1.6rem;
    font-size: 40px;
    line-height: 110%;
    font-weight: 600;
}

.p-left5 {
    padding-left: 5rem;
}

nav.navbar {
    margin-top: 5px;
    margin-bottom: 5px;
}

.ndlCareer-form form {
    margin: 35px 0;
}
.modal-body.ndlCareer-form form {
    width: 90%;
    margin: 0 auto;
}
.ndlCareer-form {
    padding:  0;
    /* background: #f9f9f952; */
    padding-top: 0;
}


.sec-one .card .blue-fill-btn {
    margin-top: 2rem;
    opacity: 1;
    transform: translateY(8px);
    transition: all .2s ease-in-out;
    font-weight: 500;
    font-size: 1.5rem;
    box-shadow: none;
}

.sec-one .card:hover {
    border-color: transparent;
    box-shadow: 0 5px 40px 0 rgb(95 95 95 / 28%);
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}
.sec-one .card .illustration {
    margin-bottom: 1.875rem;
}
.card .card-info .text {
    max-width: 60%;
}
.sec-one .card figcaption {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.5rem;
}


.ndlCareer-form .group {
    position: relative;
    margin-bottom: 0px;
}
.bg-green p.intro {
    color: #fff;
    font-size: 2rem;
    font-family: Montserrat;
    margin-top: 10px;
}
.action-popup form#ndlContactForm {
    padding: 50px 0px;
}

.table-cell {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.about-table-cell {
   display: block;
   vertical-align: middle;
   width: 100%;}

   .hide-mobile {
    display: block;
}
.hide-desktop {
    display: none;
}
.blog-wrapper .blog-child figure{
    max-height: 235px;
}


.left-blog .background_single {

    height : 86vh;
}

.over-figure {
    color: #000;
    /*  border-bottom: 1.5px solid #000;*/
    color: #fff;
    display: table;
}
.we-wrap {
    margin-left: 5rem;
}
.testiminial-table {
    display: table;width: 90%;margin: auto;
}
.testimonial-cell {
    display: table-cell;vertical-align: middle;height: max-content;margin: auto; width: 50%;
}

.about-subheading.full {
    width: 70%;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    color: #333;
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 4rem;
    margin-top: 3rem;
}
.grow-team {
    display: table;
    max-width: 90%;
}
.grow-cell {
    display: table-cell;vertical-align: middle;height: max-content;margin: auto;
}

.hero-content-wrap {
    top: 0;
    bottom: 0;
    height: max-content;
    margin: auto;
    vertical-align: middle;
    padding-top: 20rem;
    max-width: 63%;
    margin-left: 0;
    padding-bottom: 10px;
}

.blog-main .over-figure {
    background: #fff;
    color: #333;
    top: 14rem;
    right: 23rem;
    position: absolute;
    height: 25rem;
    display: table;
    max-width: 50%;
}
.blog-main .over-wrap {
    display: table-cell;
    vertical-align: middle;
    padding: 7rem 5rem;
    box-shadow: 0 0 10px 1px rgb(35 35 35 / 11%)!important;
    background-color: #fff;
}
h6.categ {
    color: #808080c4;
    font-size: 1.4rem;
}
.blog-main .over-wrap p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.technology-section  h3 {
    font-size: 3rem;
}
.openings h3.head {
    font-size: 3rem;
}
.inner-two {
    padding: 36px 60px 60px;
}
.list-line {
    padding: 1.5rem 0;
}
h3 {
    font-size: 3rem;
}
section {
    padding: 6rem 0;
    width: 100%;
}
header .container , footer .container {
    width: 95%;
}
.sec-two a.work-title {
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
}
.case_study_page_only .home-case-study a.work-title {
    color: #e95047;
    text-transform: uppercase;
    font-size: 14px;
    opacity: 0.8;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1px;
}
.other-case-study   .sec-two a.work-title {
    font-size: 2rem;
    font-weight: 600;
    color: #000;
}

.case_study_page_only .home-case-study p.special {
    color: black;
    line-height:3.5rem;
}
p.special {
    font-family: Montserrat;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.5rem;
}

.sec-one .card figcaption {
    font-size: 1.3rem;
    font-weight: 500;
    max-width: 100%;
    line-height: 2.5rem;
}
.sec-one .card .blue-fill-btn {
    opacity: 0;
}
.blogbtn {
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    padding: 1.8rem 3.5rem;
    cursor: pointer;
    user-select: none;
    color: #000 !important;
    letter-spacing: 0.3px;
    background:transparent;
    transition: all .5s ease;
    display: inline-block;
    overflow: hidden;
    white-space: normal;
    font-family: "Montserrat"; 
}

.sec-one .card .illustration img {
    max-width: 9rem;
    margin-bottom: 2rem;
    max-height: 15.0625rem;
    height: 100%;
}

.icon_tech {
 width: 33.3333%;
 margin: auto;
}
.home-client-wrap .div-5 {
    width: 20%;
    float: left;
    /*  padding: 2rem 0rem;*/
}
.sec-one .card .list li {
    font-size: 1.2rem;
    line-height: 3rem;
}
.card .card-info .text {
    font-size: 1.2rem;
}
.container.desktop-unset {
    max-width: 100%;
}

.sec-one .container .top-wrap {
    padding-top: 7rem;
}

.home_banner h1 {
    font-size: 3rem;
    line-height: 1.5;
    font-weight: bold;
    text-transform: none;
    color: #fff;
    text-align: center;
}
.testimonial-wrap {
    max-width: 100rem;
    margin: auto;
}
.collapse ul.nav.navbar-nav {
    width: unset;
    margin: 0 auto;
    padding: 0 0 0rem;
    float: right;
}

.navbar-nav>li>a {
    display: block;
    cursor: pointer;
    font-size: 1.4rem;
    line-height: 2.5rem;
    width: 100%;
    text-align: left;
    font-weight: 500;
    /* padding-right: 0; */
}
.mt-15 {
    margin-top: 20rem!important;
}
.p-r-35 {
 padding-right: 3.5rem; 
}
.p-r-0 {
    padding-right: 0;
}
.button-pink {
    font-size: 2rem;
}
h1 {
    font-size: 4rem;
    line-height: 65px;
    font-weight: 100;

}
.hero-banner h1 {
    font-size: 3rem;
    line-height: 5.5rem;
    font-weight: 500;
    
}
.service-image {
    position: relative;
    margin-top:8rem;
}
/*h3 {
    font-size: 3rem;
    }*/
    a.blogbtn {
        color: #fff!important;
    }
    .blogbtn {
      background: #f24848;
      font-size: 1.7rem;
      padding: 1.8rem 2rem;
      outline: none;
      font-weight: 500;
      line-height: 1.5;
      text-align: center;
      border: 1px solid #f24848;
      color: #fff;
      margin: auto;
      letter-spacing: 3px;

  }

  button.blg-btn {
      font-size: 1.7rem;
      padding: 1.8rem 2rem;
      width: 230px;
      font-weight: 500;
      border: none;
      background-color: #000;
  }
  button.blg-btn:hover {
    background-color: #333;
}
button.reset {
    background: none;
    font-size: 1.7rem;
    padding: 1.8rem 2rem;
    width: 230px;
    outline: none;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    color: #525252;
}

.we-wrap h4 {
    font-size: 2rem;
}
.list-career-mobile a.link {
    font-size: 1.6rem;
    line-height: 3.5rem;
    font-family: Montserrat;
    color: #0c62fb;
    font-weight: 200;

}
.copyright-mob {
    display: none;
}

.hide-mob{
    display: block;
}


.mobil-top-margin-4 {
    margin-top: 0rem;
}
.mobil-top-margin-10 {
    margin-top: 10rem;
}

p, blockquote, address {
    font-family: Montserrat;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 3.5rem;
}
.themeBtn {
    font-size: 1.8rem;
    padding: 1.5rem 1rem;
    margin-top: 2rem;
}
.button-width {
    max-width: 195px;
}
.last-popup h3 {
  max-width: 50%;
}
.desktop-top-margin-4{
    /*margin-top: 4rem;*/
}

/*----home-----*/
.row.box-limit {
    max-width: 675px;
    margin: auto;
}

.home_banner .inner-content {
    max-width: 580px;
}

.testimonial__text p {
    font-size: 1.8rem;
}
.testimonial__text img{
  width: unset;
}
.home-boxes img {
    height: 350px;
}

.sec-one .container .top-wrap {
    padding-top: 4rem;
}

/*.sec-five {
    padding: 100px 10px 50px;
    }*/
    .blue-heading h3 {
        font-size: 3rem;
    }
    .what-we-are-table {
        display: table;
    }

    .what-we-are-table .slider .col-md-6 {
        width: 350px!important;
    }
    .service-box h3 {
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 2.3rem;
        color: #000;
        text-transform: none;
    }

    .home_banner .inner-content .button-pink {
        width: 20rem;
        padding: 1.2rem 0;
        font-family: 'Montserrat';
        margin-top: 4rem;
        text-decoration: none;
    }
    .what-we-do .sec-one-cont h2 {
        font-family: "Montserrat";
        font-size: 2.5rem;
        line-height: 5.5rem;
        margin-top:2rem;
    }
/*.sec-two {
    padding-top: 7rem;
    padding-bottom: 1rem;

    }*/
    .sec-two .work .backgd {
        background-color: #fff;
        font-size: 1.6rem;
        line-height: 30px;
    }
    .sec-five .home-boxes {
        margin-top: 100px;
    }
    .sec-five .home-boxes.m-t-100 {
        margin-top: 0px!important;
    }
    .clients h3 {
        font-size: 3rem;
        padding-top: 1rem;
        text-align: left;
    }
    p.client-intro {
        font-size: 1.8rem;
        font-family: "Montserrat";
        font-size: 2.5rem;
        line-height: 5rem;
        font-weight: 200;
        text-align: left;
        margin-top: 2rem;
    }
    .sec-six .content-wrap {
        max-width: 90%;
        padding: 6rem 4rem 6rem;
    }
    .sec-six .content-wrap {
        max-width: 90%;
        padding: 6rem 4rem 6rem!important;
    }

    .home-clients  {

       /* background:linear-gradient(#fff, #f1f4f9, #fff)!important;*/
       background: linear-gradient( to bottom, #fff, #f1f4f9 40% , #fff 75%)!important;
   }
/*.section_light-blue {

    background:linear-gradient(#f1f4f9 1%,#fff 100%)!important;
    }*/
    section.home-clients {
        padding-bottom: 0rem;
        padding-top: 0rem;
    }
    section.section_light-blue{
        padding-top: 0;
    }
    .testimonial__text p {
        font-size: 2rem;
    }
    .main_heading_3 {
        font-size: 2.5rem;
        line-height: 4.5rem;
        padding-bottom: 5rem;
    }
    .home_banner {
        min-height: 85vh;
    }
    h3.main_heading_3 {
        max-width: 90%;
    }
    .sec-two h2 {
        font-family: "Montserrat";
        font-size: 2.5rem;
        line-height: 4.5rem;
        font-weight: 200;
        max-width: 77%;
    }

    
    #what-we-are .category {
        margin: 20px 0 0;
        padding: 6px 10px;
        border-radius: 18px;
        font-weight: 500;
        overflow: hidden;
        font-size: 1rem;
        width: max-content;
    }
    #what-we-are .category.one {
        background-color: #f1d3d3;
        color: #8e0909;
    }
    #what-we-are .category.two {
        background-color: #dcfdd3;
        color: #25790f;
    }
    #what-we-are .right-wrap p {
        display: inline-block;
        line-height: 2.8rem;
        vertical-align: middle;
        color: #545353;
        font-family: Montserrat!important;
        font-size: 1.8rem;
        font-weight: bold;
        text-transform: none;
        /* word-break: break-word; */
        overflow: hidden;
        margin-top: 1.5rem;
    }
    #what-we-are .right-wrap {
     padding: 1.5rem;
     background-color: #fff;
     border-radius: 7px;
     transition:.3s;
 }
 #what-we-are .right-wrap img {
    height: 26rem;
    object-fit: cover;
}
.blogs img {
    height: auto;
}
.right-wrap.one:hover  {
    box-shadow: 0 5px 40px 0 rgb(95 95 95 / 17%);
    -webkit-transform: scale(1.03);
    transform: scale(1.03);

}
.right-wrap.two:hover {
    box-shadow: 0 5px 40px 0 rgb(95 95 95 / 17%);
    -webkit-transform: scale(1.03);
    transform: scale(1.03);

}
.blogs {
    margin-top: 2rem;
    margin-top: 2rem;
    font-size: 1.2rem;
    font-weight: 500;
    padding: 1rem;
    display: block;
    color: #0c62fb;
    text-align: center;
    margin: 1.5rem auto;
    position: relative;
    margin-left: 0;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
    opacity: 0;
}
.right-wrap:hover a.blogs {
   color: #0c62fb;
   opacity: 1;

}
a.blogs span:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background-size: contain;
    background-image: url(../images/arrow-circle-right-blue.png);
    background-repeat: no-repeat;
    bottom: 0;
    top: 6px;
    /* right: 0;*/
    background-color: #fff;
    transition: all .25s ease-in-out;
}
.testimonial__text {
    height: 60rem;
}
.careers.testimonial__text {
    height: 50rem;
}
.testimonial__author {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.insightsLeftTable {
    display: table;
    text-align: left;
    height: 350px;
}
.list-line .text {
    font-size: 2rem;
    line-height: 3rem;
}
/*----about-----*/
.approach .grey-heading {
    margin-top: 3rem;
}
.believe .bluebox {
    left: auto;
    top: auto;
    right: 5rem;
    bottom: -4.5rem;
    color: #fff;
    width: 70%;
    padding: 2.5rem;
}
.para {
    font-size: 1.8rem;
    line-height: 4rem;
    padding-bottom: 3rem;
}

.believe .bluebox {
    display: block;
    position: absolute;
    
    top: auto;
    
    margin: auto;
    bottom: -80px;
    color: #fff;
    background: #f24848;
    color: #fff;
    width: 70%;
    padding: 2.5rem;
}
h3.about-main{
    font-size: 2.2rem;
    line-height: 5rem;
    max-width: 96%;
}

.grey-heading h3 {
    color: grey;
    font-size: 3rem;
    padding-bottom: 2rem;
    line-height: 3.5rem;
    font-weight: 600;
    text-decoration: none;
}

.main_heading_4 {
    font-size: 3rem;
    line-height: 5rem;
    padding-bottom: 2rem;
    font-weight: 400;
}
.blue-heading h3 {
 margin-bottom:0;
}
.blue-heading {
    display: inline-block;
    margin-bottom: 2rem;
}
.approach img {
    padding-right: 35px;
    height: 60rem;
}

/*----services-----*/
.service-cards p.card-solution__tagline {
    font-size: 1.3rem;
}
.serviceCasestudy .imageoverText {
    padding: 5rem;
    position: absolute;
    top: 6rem;
    bottom: 0;
    margin: auto;
    height: max-content;
    color: #fff;
    max-width: 50%;
}
.service-image {
    margin-top: 8rem;
}
.over-wrap {
    display: table-cell;
    vertical-align: middle;
    padding: 4rem 5rem;
    padding-left: 0;
}

.over-figure p.mt-4 {
    font-size: 2rem;
}

.serviceCasestudy img {
    height: 460px;
}

.serviceCasestudy .imageoverText h4 {
    color: #fff;
    padding-bottom: 3rem;
    font-size: 3.5rem;
}
.service-banner{
    width: 100%;
}
.service-banner img{
    height: 50rem;
    border-radius: 9px;
}

.color-bg {
    display: none;
}

#banner .row-wrap {
    /* padding: 10rem 0; */
    position: absolute;
    top: 0;
    bottom: 0;
    height: max-content;
    vertical-align: middle;
    margin: auto;
}

.banner-home {
    background: linear-gradient(to right, #212027 0%, #0a0a2f99 20%, #07142b91 100%), url(../images/lnQ1Z7y11toh.jpg) right bottom no-repeat;
    /* background-size: 50vw; */
    background-position: center;
    background-size: cover;
}
#banner figure.icon {
    width: 50%;
    position: absolute;
    right: -9px;
    top: -50px;
}
#banner figure.icon-left {
    padding-top: 15px;
    padding-right: 15px;
    position: absolute;
    z-index: 999;
    /* z-index: -1; */
    /*   background-image: linear-gradient(320deg,#ff80cf,#ffbf80);*/
    top: 130px;
    width: 100%;
    left: -49px;

}
#banner figure.icon-gradient {
    z-index: unset;
    padding-top: 15px;
    padding-right: 15px;
    position: absolute;
    /* z-index: -1; */
    background-image: linear-gradient(320deg,#ff80cf,#ffbf80);
    top: 130px;
    width: 97%;
    height: 195px;
    left: -33px;
}
.over-wrap h1.last-post-title {
    font-size: 3rem;
    padding-right: 3rem;
    line-height: 1.7;
}
figure.icon-bottom {
    width: 75%;
    bottom: -89px;
    position: absolute;
    right: -9px;
}
.over-wrap h2 {
    font-size: 4rem;
    line-height: 2;
    /* max-width: 344px;*/
    /*font-family: Montserrat;*/
    font-weight: bold;
}
.over-wrap.s-detail h2 {
    font-size: 3rem;
    line-height: 1.5;
    max-width: 310px;
    font-family: Montserrat;
    font-weight: bold;
}
.over-figure {
    background: transparent;
    color: #333;
    bottom: 0;
    top: 224px;
    position: absolute;
    display: table;
    height: max-content;
    left: 20rem;
}


.tech-used img {
    width: 100%;
    filter: grayscale();
    object-fit: contain;
}
ul.tech-used {
  display: flex;
  padding-top: 1rem;

}

.heading-black {
    color: #7d7d7d;
}
.wrap-mob {
 padding: 0; 
}
.over-figure p.desktop-top-margin-4 {
    font-size: 2rem;
    max-width: 315px;
}

.service-content-top h2 {
    font-family: "Montserrat";
    font-size: 2.2rem;
    line-height: 5rem;
    padding-bottom: 4.7rem;
    font-weight: 100;
    padding-top: 3rem;
    text-transform: none;
}

p.service-intro { 
    font-size: 2rem;
    line-height: 1.55;
    text-align: center;
}
.box-section img.process-img {
    max-width: 100%;
}
.box-section {
    margin-top: 45px;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 100px;
}
.card-solution__link {
    flex-direction: column;
    padding-bottom: 20px;
}

.grid-card-5 {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
    margin: auto;
}
.card-solution__cover {
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    height: 60px;
    margin-bottom: 40px;
    margin-right: 0;
}
.card-solution:hover {
    transform: translateY(-6px);
}

.service-cards h3 {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: 600;
    font-family: montserrat;
    max-width: 90%;
}
.hide-desktop {
    display: none;
}
.tech-wrap {
    margin-right: 28px;
}
.ndlInnercontnet {
    padding: 100px 0;
}
.ndlInnercontnet h2 {
    color: #242424;
    margin: 30px 0 15px;
    font-size: 3rem;
    line-height: 1.3;
    text-transform: none;
    font-family: Montserrat;
}
.service-detail h3.intro {
    font-size: 2.5rem;
    line-height: 5rem;
    text-align: left;
    font-weight: 100;
    font-family: "Montserrat";
    padding-bottom: 3rem;
}


.service_detail  .over-wrap {
    display: table-cell;
    vertical-align: middle;
    padding: 4rem 5rem;
    /* padding-right: 0;*/
}
.services-main .container {
    padding-top: 36px;
}
/*----casestudy-----*/
.cu-casestudy-white__disp {
    margin-bottom: 24px;
    font-size: 2rem;
    line-height: 32px;
    color: #212128;
}
.casestudy-client-wrap .col-md-2 {
    width: 20%;
    margin: auto;
}
.p-50 {
    padding: 90px 0px;
}
.p-40 {
    padding: 40px 0px;
}
.p-0 {
    padding: 0;
}



.casestudy-client-wrap.bottom-clients .div-5 {
    width: 20%;
    float: left;
    padding: 0 15px;
    margin: 15px 0px;
    padding-left: 0;
}
/*----careers-----*/
section_light-blue .container {
    width: 1100px;
}
.job-left img {
    height: 48rem;
}
section.nb-careers-gallery.full-width-btm.row-fluid {
    display:block;
}
/*.ndlCareerAbout .container, .ndlCareer .container {
    width: 70%;
    }*/
    .ndlCareerAbout p.intro {
      font-size: 2.2rem;
      font-family: Montserrat;
      line-height: 4.5rem;
  }
  .p-last {
    font-size: 2rem;
}
section.career-banner-mobile {
    display: none;
}

.nb-careers-gallery-image-one {
    max-width: 110px;
    float: right;
    position: relative;
}
.list-career-mobile h3 {
    font-size: 2rem;
    line-height: 3.5rem;
    margin-top: 2rem;
}
/*----contact-----*/
.Contact .WrapTable {
    display: table;
    height: 25rem;
    max-width: 600px;
}
.list-career-mobile a.link {
    font-size: 1.8rem;
}
.ndlContact {
    padding: 50px 0;
}
/*----Footer-----*/
.further h3 {
    font-size: 2rem;
    font-family: Montserrat;
}
footer .col-md-4 img {
    max-width: 45%;
}

.copyright-mob {
    display: none;
}
footer hr {
    margin-top: 4rem!important;
}
.show-mob {
    display: none;
}
}
/* ---@@@@@@@@@@@@----*/
/**/

@media (min-width: 900px) {
    .we-wrap img {width: 20%;
        object-fit: contain;}
     
         .grid-card-5__item {
        width: 20%;
    }

 .in-home .grid-card-5__item {
        width: 25%;
    }

.case-brief {
    position: relative;
    bottom: -50px;
    z-index: 5;
    margin-top: -255px;
    padding: 50px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 7px 7px 50px -10px rgba(0,0,0,.1);
    line-height: 26px;
    right:-50px;
}
}

@media (min-width: 900px) {

    .we-wrap img {width: 20%;
        object-fit: contain;}
    

    .table-cell.bg-green {
        width: 35%;
    }

    .sec-one .card figcaption {
        font-size: 1.8rem;
        font-weight: 500;
        /* max-width: 80%; */
        line-height: 3rem;
    }
    .card .card-info .text {
        font-size: 1.4rem;
    }
    .sec-one .card .list li {
        font-size: 1.7rem;
        line-height: 3rem;
    }
    .sec-one .card .illustration img {
        max-width: 15.625rem;
        margin-bottom: 0;
        max-height: 15.0625rem;
        height: 100%;
    }

    a.see-work {
        font-size: 3.4rem;
        line-height: 4.2rem;font-weight:700;  color: #fff;
        text-decoration: underline;
    }

    header .container, footer .container {
        width: 95%;
    }
    .container {
        width: 93%;
    }
    .row.footer-blocks {
        margin-top: 10rem;
        margin-bottom: 10rem;
    }
    .footer-title h4 {
        font-size: 3.3rem;
        line-height: 4.2rem;
        font-weight: 600;
        color: #ffffff;
    }
}

@media (max-width: 992px) {
    .footer-title h4 {
        padding-top: 4rem;
    }
    .footer-listing h3 {
        padding-top: 3rem;
    }
    a.see-work {
        font-size: 2rem;
        line-height: 4.2rem;font-weight:700;  color: #fff;
        text-decoration: underline;
        color: #fff;
    }
    .row.footer-blocks {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

  .sec-one .card {
    padding: 1.5rem 1.5rem;
    margin-top: 1rem;
    border-color: transparent;
    border-radius: 0;
    box-shadow:none;
    border: none;
    transition: .3s;
}

.navbar-nav>li>a {
    display: block;
    cursor: pointer;
    font-size: 1.6rem;
    line-height:normal;
    width: 100%;
    text-align: left;
    font-weight: 500;
    /* padding-right: 0;*/
}



.hero-banner h1 {
    font-size: 4.5rem;
    line-height: 7rem;
    font-weight: 600;
    color: #000;
    /* max-width: 70%; */
    font-family: function-bold;
    letter-spacing: -2px;
}
.career-mobile-wrap {
    padding: 3rem 0;
}


.icon_tech img {
    width: 100%;
    height: auto;
    padding: 2rem;
}
.hero-content-wrap h1 {
    color: #fff;
    font-family: function-bold;
    text-align: left;
    font-weight: 700;
    line-height: 6.5rem;
    letter-spacing: 2px;
    text-decoration: none;
    font-size: 4.5rem;
    letter-spacing: -2px;
}
.home-client-wrap .div-5 {
    width: 33.33%;
    float: left;
    /*  padding: 2rem 0rem;*/
}
.color-bg {
 /*  background-color:#fff0e7;;*/
 width: auto;
 height: 500px;
 display: block;
}

#banner {
    display: block;
}


.home-client-wrap .div-5 {
    width: 20%;
    float: left;
    /* padding: 2rem 0rem; */
}
.service-cards h3 {
    font-size: 1.4rem;
}
.sec-two.mobile {
    display: none;
}
.sec-two.desk {
    display:block;
}
.home_banner .inner-content {
    max-width: 900px;
}

.casestudy-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    vertical-align: middle;
    height: max-content;
    margin: auto;
}
.p-l-0 {
    padding-left: 0;
}
.col-md-12.homelink-case {
    text-align: right;
}


.last-popup h3 {
  max-width: 50%;
}

.icon_tech {
    width: 14%;
    margin: 1rem;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    border: solid 2px transparent;
}

.icon_tech:hover {
    text-decoration: none;
    background: #fff;/*
    border-color: #2c3145;*/
}

.show-mob {
    display: none !important;
}
#content p.intro {
    margin-top: 0rem;
}
aside {
    display: block;
}
.mobile-job-img{
    display: none;
}
.list-career-mobile{
    display: none;
}
.list-career {
    display: block;
}
.p-l-d-100 {
    padding-left: 100px;
}
.testimonial_table {
    display: table;
    height: auto;
    /*margin-left: 10%;*/
}
.main_heading_4 {
    font-size: 3.8rem;
}
.tech-wrap {
    width: 32rem;
}
.home_banner {
    max-height: 70vh;
}
.home_banner h1 {
    font-size: 4rem;
    line-height: 65px;
    margin-top: 10vh;
    font-weight: bold;
    text-transform: none;
    color: #fff;
    text-align: center;
}

.home_banner .inner-content {
    max-width: 80vw;
}
.max-limit {
    max-width: 76%;
    margin: 0 auto;
}
.home_banner {
    min-height: 94vh;
}
.contactAddres {
    margin-left: 6rem;
}
.sec-six h2 {
    color: #000;
    font-family: Montserrat;
    font-size: 3rem;
    font-weight: 700;
    line-height: 6rem;
    margin-left: -6px;
    margin-top: 0;
}
.service-box {
    padding: 24px 36px;
    padding-left: 15px;
    border-radius: 6px;
    color: #181818;
    /* background-color: #6AFDEF; */
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    height: auto;
    box-shadow: 0 0 27px 5px rgb(190 179 190 / 15%);
    width: 100%;
}
#backgd {
    color: #242424;
    /* background-color: #FFE9CD; */
    background-image: url(../images/wtCQ8x75DSaM.svg);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position-y: 22%;
    background-position-x: 93%;
}
#backgd_1 {
    color: #fff;
    /* background-color: #29201A; */
    background-image: url(../images/gbm68oEwbASC.svg);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position-y: 22%;
    background-position-x: 93%;
}
#backgd_2 {
    background-size: 20%;
}

#backgd_2 {
    color: #fff;
    /* background-color: #3C5BFF; */
    background-image: url(../images/VHpGznQGGv5q.svg);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position-y: 22%;
    background-position-x: 93%;
}


.solution1 {
    color: #242424;
    /* background-color: #FFE9CD; */
    background-image: url(../images/O2oWb3TN1yNX.svg);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position-y: 22%;
    background-position-x: 93%;
}
.solution2 {
    color: #fff;
    /* background-color: #29201A; */
    background-image: url(../images/Vjtvt7eHpfR9.svg);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position-y: 22%;
    background-position-x: 93%;
}
.solution3 {
    background-size: 20%;
}

.solution3 {
    color: #fff;
    /* background-color: #3C5BFF; */
    background-image: url(../images/N7a0Im9wYKpf.svg);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position-y: 22%;
    background-position-x: 93%;
}
.service-box:hover {
    box-shadow: 1px 1px 22px #ccc;
    width: 100%;
}
.our-service h2 {
    font-size: 30px;
    font-weight: 600;
    margin: 0px;
    line-height: 1.2;
    color: #000;
    letter-spacing: 3px;
    margin-bottom: 10px !important;
    max-width: 85%;
}
.ser-cont {
    text-align: left;
}
.ser-cont h2 {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: bold!important;
    line-height: 1.2 !important;
    margin: 0 0 16px !important;
    color: #000;/*
    height: 65px;*/
    text-align: left;
    max-width: 60%;
    font-family: 'Function-bold';
    letter-spacing: 3px;
}
.ser-cont p {
    max-width: 80%;
}

.service-head p {
  
    max-width: 80%;
    text-align: justify;
}
.sec-six .content-wrap h3 {
    color: #000;
    font-family: Montserrat;
    font-size: 27px;
    font-weight: 700;
    line-height: 40px;
    padding-right: 0;
    padding-top: 12px;
    padding-bottom: 55px;
}
.sec-six .content-wrap p {
    color: #000;
    font-family: Montserrat;
    font-size: 2rem;
    padding-bottom: 8rem;
}


.sec-six .content-wrap h3 {
    color: #000;
    font-family: Montserrat;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3.5rem;
    padding-right: 0;
    padding-top: 1.2rem;
    padding-bottom: 5.5rem;
}
.content-wrap.right h3 {
    color: #000;
    font-size: 2.8rem;
    line-height: 3.5rem;

}
.list-line .text {
    font-size: 2rem;
    line-height: 3rem;
}

}
/* ---@@@@@@@@@@@@----*/
@media (min-width: 1024px) {

    .home-case-study img {
        max-height: 550px;
        
        width: 100%;
        object-fit: cover;
        transform: scale(1, 1);
        transition:  transform 3s;
        overflow: hidden;
    }
    .case_study_page_only  .home-case-study img {
        max-height: 300px;      
        width: 100%;
        object-fit: cover;
        transform: scale(1, 1);
        transition:  transform 3s;
        overflow: hidden;
    }


}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 

    .card .card-info .text {
    font-size: 1.4rem;
}
.sec-one .card .list li {
    font-size: 1.6rem;
    line-height: 3rem;
}
    .row.card-wrapper {
        max-width: 95%;
        margin: auto;
    }

    .image-link:after {
        position: absolute;
        content: "";
        width: 68px;
        height: 68px;
        background-image: url(../images/g7bMisQHyxRF.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        bottom: 0px;
        right: 15px;
        opacity: 0;
        background-color: #fff;
        transition: all .25s ease-in-out;
        transform: rotate(90deg);
    }
.case_study_page_only .home-case-study .image-link:after,
.case_study_page_only .case_study_page .image-link:after
{
display:none;
}
.case_study_page_only .home-case-study .image-tile.home {
    position: relative;
    bottom: 0;
    left: 0rem;
    padding: 0rem 2rem;
}
.case_study_page_only .home-case-study {
    margin-top: 3rem;
    margin-bottom: 5rem;
}
    .Contact .WrapTable {
        display: table;
        height: 16rem;
        max-width: 600px;
    }
    figure.home-digital img {
        width: 75%;
        
    }
    p.banner-text.c-white {
        font-size: 2rem;
        color: #fff;
        max-width: 90%;
        padding-top: 3rem;
        padding-bottom: 3rem;
        line-height: 4rem;
    }

    .last-popup h3 {
      max-width: 40%;
  }

  .last-popup {
    padding: 6% 0 9%;
}

.service-cards p.card-solution__tagline {
    max-width: 95%;
}
.hero-banner h1 {
    font-size: 4.5rem;
    line-height: 7rem;
    font-weight: 600;
    color: #000;
    max-width: 85%;
    font-family: function-bold;
    letter-spacing: -2px;
}


#what-we-are .right-wrap {
 padding: 2.5rem;
}


.grid-card-5 {
    max-width: 93%;
}
.about-table-cell {
   display: table-cell;
   vertical-align: middle;
   width: 55%;}
   #what-we-are .cell  {
    display: table-cell;
    width: 50%;
}
#what-we-are .cell.left {
    width: 28%;
    vertical-align: middle;
}
.h-mob {
    display:block;
}
.d-mob {
    display: none;
}

.sec-one .card figcaption {
    font-size: 1.8rem;
    font-weight: 500;
    max-width: 80%;
    line-height: 3.5rem;
}
.hero-content-wrap h1 {
    color: #fff;
    font-family: function-bold;
    text-align: left;
    font-weight: 700;
    line-height: 6.5rem;
    letter-spacing: 2px;
    text-decoration: none;
    letter-spacing: -2px;
    font-size: 6rem;
}

.what-we-do .sec-one-cont h2 {
    font-family: "Montserrat";
    font-size: 2.5rem;
    line-height: 5.5rem;
    margin-top:2rem;
}
.team-table {
  display: table;
  width: 100%;
}
.team-cell {
  display: table-cell;
  width: 50%;
  margin: auto;
  vertical-align: middle;
  height: max-content
}

.ser-cont h2 {
    display: inline-block;
    font-size: 2rem;
    font-weight: bold!important;
    line-height: 1.2 !important;
    margin: 0 0 16px !important;
    color: #000;/*
    height: 65px;*/
    text-align: left;
    max-width: 61%;
    font-family: 'Function-bold';
    letter-spacing: 3px;
}

.hero-banner {
    padding-top: 11%;
    padding-bottom: 0px;
}
.navbar-nav>li>a {
    padding-right: 0;
}
.service-cards h3 {
    font-size: 1.8rem;
}
.row.box-limit {
    max-width: 76%;
    margin: auto;
}
.container {
    width:87%;
}
.last-popup h3 {
    max-width: 61%;
    font-size: 3.3rem;
}
.mobil-top-margin-10 {
    margin-top: 3rem;
}
.approach .grey-heading {
    margin-top: 0rem;
}
.further h3 {
  font-size: 2.1rem;
  font-family: montserrat;
}
.home_banner .inner-content .button-pink {
    width: 25rem;
    padding: 1.8rem 0;
    font-family: 'Montserrat';
    margin-top: 4rem;
    text-decoration: none;
}

.service-box .float-left.last {
    padding-top: 5%;
    padding-left: 20px;
    padding-right: 20px;
}
header .container , footer .container {
    width: 95%;
}
.navbar-nav>li {
    margin-left: 3.5rem;
}
.home_banner {
    height: 100vh;
}

.case-logos .container {
    max-width: 1170px;
}
.over-wrap h2 {
    font-size: 4rem;
    line-height: normal;
    border-bottom: 1.5px solid #333;
    width: max-content;
    color: #333;
    margin-bottom: 2rem;
}
.main_heading_3 {
    font-size: 3rem;
    line-height: 4.5rem;
    padding-bottom: 5rem;
}
.service_detail .over-wrap h2 {
    font-size: 3rem;
    line-height: 1.5;
}
figure.icon-bottom {
    width: 75%;
    bottom: -160px;
    position: absolute;
    right: -9px;
}
#banner figure.icon-gradient {
    height: 315px;
}

.p-l-9f {
    padding-left: 9rem;
    padding-right: 0;
}
.p-l-5f {
    padding-left: 5rem;
    padding-right: 0;
}
.main-link {
    padding-left: 11rem;

}
.sec-five .backgd {
    line-height: 2.5rem;
    font-size: 1.6rem;
    box-shadow: 0 10px 40px 0 rgba(211,207,207,.5);
}
.home_banner .inner-content {
    max-width: 75vw;
}
}
/* ---@@@@@@@@@@@@----*/
@media (min-width: 1280px) { 
    header .container , footer .container {
        width: 95%;
    }
}
@media (min-width: 1300px) { 

    .hero-banner h1 {
        font-size: 5rem;
        line-height: 7rem;
        font-weight: 600;
        color: #000;
        max-width: 85%;
        font-family: function-bold;
        letter-spacing: -2px;
    }

    p, blockquote, address {
        font-family: Montserrat;
        font-size: 2rem;
        font-weight: 100;
        line-height: 3.5rem;
    }
    .we-wrap p {
        font-size: 1.7rem;
    }
    .container {
        width:85%;
    }
    header .container , footer .container {
        width: 1270px;
    }
}
/* ---@@@@@@@@@@@@---- */
@media (min-width: 1440px) {
    header .container , footer .container {
        width: 95%;
    }

    .sec-one .card figcaption {
        font-size: 2rem;
    }
    .row.card-wrapper {
        max-width: 95%;
        margin: auto;
    }
    .ser-cont h2 {
        display: inline-block;
        font-size: 2.4rem !important;
    }

}
.bx-wrapper {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: none;
    border: none;
    background: #fff;
}
.what-we-do.show-mob  .col-lg-4.col-md-4.col-sm-12.col-xs-12.wrapper {
    float: left;
    list-style: none;
    position: relative;
    width: 335.333px!important;
}
.what-we-do.show-mob  .bx-pager.bx-default-pager {
    display: none;
}
.bx-controls.bx-has-controls-direction.bx-has-pager {
    display: none;
}
.home-work .image-tile {
   /* box-shadow: 0 1px 10px 0 hsla(0,0%,70.2%,.5);
   border: 1px solid #e6e6e6;*/
   transition: .3s;
}
/* ---@@@@@@@@@@@@----

/*material-form*/

.material-form {
    max-width: 100%;
    margin: 0px auto 0;
    display: block;
    /* background: transparent;*/
    overflow: hidden;
    /* box-shadow: -2px 6px 40px 0 rgba(0, 0, 0, 0.12);*/
    /*  padding: 4rem 2rem;*/
}
.material-form .form-inner {
    margin-bottom: 0px;
}

.material-form .group {
    position: relative;
    margin-bottom: 25px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 3rem
}
.material-form input {
    color: #000;
    font-size: 1.6rem;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    background-color: transparent;
}
.material-form input:focus, .material-form textarea:focus {
    outline: none;
}
.material-form .bar {
    position: relative;
    display: block;
    width: 67%;
}
.material-form label {
    color: #b1b0b0;
    font-size: 1.5rem;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}
.material-form input:focus ~ label, .material-form input:valid ~ label, .material-form textarea:focus ~ label, .material-form textarea:valid ~ label {
    top: -20px;
    font-size: 14px;
    color: #000;
}
span.req {
    color: red;
}

.fileUploadWrap {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 6px;
    width: max-content;
    width: 100%;
    overflow: hidden;
    white-space: nowrap; 
    text-overflow: ellipsis;
    color: #9696a2;
    background: #ebecf0;

}
.fileUploadWrap:hover p.fileName{
    color: #000;

}

p.fileName {
    font-size: 1.4rem;
    letter-spacing: 2px;
    font-weight: 600;
}
.fileName {
    position: absolute;
    left: 0px;
    right: 0;
    top: 0;
    bottom: 0;
    height: max-content;
    margin: auto;
    pointer-events: none;
    cursor: pointer;
    padding: 2rem;
    color: #9696a2;
    text-align: center;
}
input[type=file] {
  margin-left: -25px;
  opacity: 1;
  cursor: pointer;
}

@media (min-width: 1600px) { 

    .left-blog .background_single {
        height: 84vh;
    }

    .ser-cont h2 {
        display: inline-block;
        font-size: 2.8rem !important;
    }
}
@media (min-width: 1920px) { 
    section {
        padding: 10rem 0;
        width: 100%;
    }
    .service-cards h3 {
        font-size: 2.4rem;
        line-height: 3rem;
    }
    .service-cards p.card-solution__tagline {
        font-size: 2rem;
        line-height: 3rem;
        padding-top: 1rem;
        padding-bottom: 2rem;
    }
    .over-figure {
        left: 30rem;
    }

    .over-wrap h2 {
        font-size: 5rem;
        line-height: normal;
        border-bottom: 1.5px solid #333;
        width: max-content;
        color: #333;
        margin-bottom: 2rem;
    }

    .navbar-nav>li>a {
        font-size: 2.4rem;
    }
    .logo2 img {
        max-width: 17rem;
        /* filter: grayscale(1); */
    }

    .about-table {
        padding-bottom: 7rem;
    }
    .para {
        font-size: 2.2rem;
        line-height: 4.5rem;
        padding-bottom: 3rem;
    }
    .main_heading_4 {
        font-size: 4.5rem;
    }
    .we-wrap h4 {
        font-size: 3rem;
    }
    p.about-detail {
        font-size: 2.8rem;
        line-height: 6rem;
    }
    .hero-banner h1 {
        max-width: 95rem;
        font-size: 6.5rem;
        line-height: 8rem;
    }
    h3.about-main {
        font-size: 3.5rem;
        line-height: 6rem;
        max-width: 91%;
    }
    .service-banner img {
        height: 70rem;
        border-radius: 9px;
    }
    #what-we-are .right-wrap p {
        line-height: 3.8rem;
        font-size: 2.5rem;
        
        margin-top: 2.5rem;
    }
    .last-popup h3 {
        max-width: 60%;
        font-size: 4.3rem;
    }
    .team-item {
        height: 23rem;
    }
    .list-career h3 {
        font-size: 3rem;
        line-height: 3.5rem;
    }

    .list-career a {
        font-size: 2.2rem;
        line-height: 3.5rem;
        font-family: Montserrat;
        color: #333;
    }
    h2.footer-text {
        font-size: 3.5rem;
        line-height: 5.5rem;
    }
    h3 {
        font-size: 4.5rem;
    }
    .socedge-section .team__subtitle {
        font-size: 2rem;
        font-weight: 700;
        line-height: 3rem;
    }
    .p-last {
        font-size: 2.8rem;
        line-height: 4.5rem!important;
    } 
    .material-form .group {
        position: relative;
        margin-bottom: 50px;
    }
    #content p.intro {
        max-width: 100% !important;
        font-size: 3rem;
        line-height: 2;
    }
    .Contact .WrapTable {
        display: table;
        height: 25rem;
        max-width: 770px;
    }
    .intro2 {
        font-size: 2.5rem;
        max-width: 90%;
        line-height: 4.5rem;
    }    
    p.client-intro {
        font-size: 1.8rem;
        font-size: 3.5rem;
        line-height: 7rem;
    }
    .ndlCareerAbout p.intro {
        font-size: 3.2rem;
        font-family: Montserrat;
        line-height: 5.5rem;
    }
    .testimonial__author {
        font-size: 2.5rem;
    }
    .blogbtn {
        font-size: 3rem;
        padding: 3.5rem 2rem;
        width: 320px;
    }
    p.banner-text.c-white {
        font-size: 3.5rem;
        max-width: 100%;
        color: #fff;
        padding-top: 4rem;
        padding-bottom: 4rem;
        line-height: 6.5rem;
    }
    .what-we-do .sec-one-cont h2 {
        font-size: 4rem;
        line-height: 7.5rem;
        margin-top: 2rem;
    }
    .home-case-study img {
        max-height: 700px;
        border-radius: 7px;
        width: 100%;
        object-fit: cover;
    }
    .card .card-info .text {
        font-size: 1.8rem;
    }
    .sec-one .card figcaption {
        font-size: 3rem;
        line-height: 4.5rem;
    }
    .blue-heading h3 {
        font-size: 4rem;
    }
    .testimonial__text {
        max-width: 570px;
        vertical-align: middle;
        display: table-cell;
        font-family: "Montserrat";
    }
    .testimonial__text p {
        font-size: 2.7rem;
    }
    .main_heading_3 {
        font-size: 4rem;
        line-height: 6.5rem;
        padding-bottom: 5rem;
    }
    #what-we-are .right-wrap img {
        height: 33rem;
        object-fit: cover;
    }
    .testimonial__text {
        height: 75rem;
    }
    figure.home-digital img {
        width: 76%;
    }
    .hero-content-wrap h1 {
        line-height: 9.5rem;
        
        font-size: 8rem;
    }
    p, blockquote, address {
        font-family: Montserrat;
        font-size: 2.5rem;
        font-weight: 400;
        line-height: 4.5rem;
    }
    .we-wrap a {
        font-size: 2.5rem;
    }
    .grey-heading h3 {
        color: grey;
        font-size: 4rem;
    }

    .believe .bluebox h4 {
        padding-bottom: 2rem;
        font-size: 3.3rem;
    }
    .believe .bluebox p {
        font-family: Montserrat;
        font-size: 2.2rem !important;
    }
    .left-blog .background_single {
        height: 84vh;
    }
    .about-heading-2 {
     
        font-size: 4.5rem;
    }
    p.about-legend.city {
        font-size: 2.5rem;
        font-weight: 500;
    }
    .about-legend.small {
        font-size: 2.2rem;
    }
    a.btn-second {
        padding: 15px 30px;
        background-color: transparent;
        border: 1px solid #f24848;
        border-radius: 5px;
        font-size: 1.8rem;
        font-weight: bold;
        color: #333;
    }
    .technology-section p {
        line-height: 4rem;
        margin-bottom: 3rem;
    }
    .ser-cont h2 {
        display: inline-block;
        font-size: 3.6rem !important;
    }
}

/*------------------------------*/
.blog-wrapper h3 {
    color: #333!important;
}
.blog-wrapper:hover h3 {
 color: #f24848!important;
}
input.file-upload-input {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 1.6rem;
    padding: 10px 10px 10px 5px;
    -webkit-appearance: none;
    display: block;
    color: #242424;
    width: 100%;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #757575;
    resize: none;
    outline: none;
}

button.file-upload-button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #F1ADBE;
    border: 1px solid #F1ADBE;
    padding: 1rem;
    color: #B1181F;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: 1.5px;
}

.service-card-para h4 {
    font-size: 2rem;
    font-weight: normal;
    line-height: 4.5rem;
    font-weight: 100;
    padding-top: 4.7rem;
}

img.logo_icons {
    width: 100%;
    opacity: .5;
    filter: grayscale();
    height: 30px;
}

.what_we_do_section_a:hover strong {
color:#777676;
}
.d-none {
    display: none;
}
.CaseResult {
    padding: 100px 0px;
    display: none;
}

.g-recaptcha {
    padding-bottom: 2rem;
    margin-bottom: 25px;
    padding-top: 2rem;
}
form#ndlApply .g-recaptcha {
    padding-bottom: 2rem;
    margin-bottom: 0px;
    padding-top: 5rem;
}
.home_page_only .service-cards p.card-solution__tagline
{
display:none;}

.home_page_only .service-cards h3{
color:white;
}
.home_page_only article.card-solution.card-solution--contracts {
    background-image: url("../images/X9Wb0zTsnGQg.svg");
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0;
    height: 350px;
}

.home_page_only article.card-solution.card-solution--esignatures{
   background-image: url("../images/9pwx3Ve443sw.svg");
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0;
    height: 350px;
}
.home_page_only article.card-solution.card-solution--proposals{
   background-image: url("../images/cUNNlbuAngmm.svg");
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0;
    height: 350px;
}
.home_page_only article.card-solution.card-solution--payments {
   background-image: url("../images/FstNqDifTB5d.svg");
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0;
    height: 350px;
}
.home_page_only .img-fluid {
    max-width: 100%;
    height: 50px;
}