@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav {
  display: inline-block;
  width: 100%; }

a {
  color: #000; text-decoration: none !important;  cursor: pointer;}

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

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

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

.marb0{
    margin-bottom: 0 !important;
}
.marb5{
    margin-bottom:5px !important;
}
.padt0{
    padding-top: 0 !important
}
/* hack code for safari browser */
/*@media not all and (min-resolution:.001dpcm) { @media {}}*/


/*reset css end*/
 body{
  font-family: 'Inter', sans-serif !important;
  overflow-x: hidden;
 }
 html {
  scroll-behavior: smooth;
}
 .bg-opacity{background: rgba(255, 255, 255, 1);}
 /*header css start here*/

 header{
    position: fixed; top:0; min-height: 78px; z-index: 99;
 }
 header .navbar{background: #EDEDED;padding: 0 80px;min-height: 78px;  }
 header .navbar .navbar-collapse{align-items: flex-end;padding-top: 17px;}
 header .navbar-brand{} 
 header .form-inline{position: relative;width: 410px;}
 header .search{
    outline: none !important;
    border: none;
    background: none;
    border-bottom: 1px solid #A4A4A5;
    border-radius: 0;
    padding: 0;
    width: 100% !important;
    color:#FE2260;
    text-align: center;
 }
 header .search::placeholder{
    color: #FE2260;
 }
 header .search.form-control:focus{
  background: none;
  outline: none !important;
  box-shadow: none;
  border-bottom: 1px solid #A4A4A5;
  color:#FE2260;
 }
header img.search-icon {
    position: absolute;
    right: 0;
}

header .navbar-nav {

}
header .navbar-nav .nav-item{
      display: flex;
      align-items: center;
      /* margin-left: 8px; */
      /* margin-right: 8px; */
}
header .navbar-nav .nav-item a{ 
      color: #000; font-size: 16px; font-family: 'Inter', sans-serif; font-weight:400; text-decoration: none;
}
header .navbar-nav .nav-item a:hover, header .navbar-nav .nav-item.active a{ color:#FF0000; }

 
 
    
.second-list{display: flex; margin: 0 auto; }
.second-list li{margin: 0 28px;position: relative;}
.second-list li a{ color: #323232; font-size: 16px; font-family: 'Inter', sans-serif; font-weight:400; text-decoration: none; }
.second-list li a:hover{ color:#ff2b2b; }
.second-list li.current a{ color:#ff2b2b;}
.second-list li:nth-child(9){display: none;}
/*header css close here*/

/****************************landing css starts***************************/
.bg-one{ background: url(../images/bg-one.png) no-repeat; background-size: 100%;}
.bg-two{ background: url(../images/bg-two.png); background-size: 100%;}
.bg-career{ background: url(../images/bg-career.svg); background-size: 100%;}
.bg-services{background: url(../images/bg-services.svg); background-size: 100%;}
.bg-solutions{background: url(../images/bg-solutions.svg) no-repeat center bottom -70px; background-size: 100%;}
.bg-transformations{background: url(../images/bg-transformations.svg); background-size: 100%;}
.bg-ai{background: url(../images/bg-ai.svg); background-size: 100%;}
.bg-products{background: url(../images/bg-products.svg); background-size: 100%;}
.bg-create{background: url(../images/bg-create.svg); background-size: 100%;}
.bg-about{background: url(../images/bg-about.svg); background-size: 100%;}
.bg-career-inner{background: url(../images/bg-career-inner.svg); background-size: 100%;}
.bg-careers-list{background: url(../images/bg-careers-list.svg); background-size: 100%;}

video { 
    position: fixed;
    top:65px;
    left:0;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height:auto;
    z-index: -100;
    transition: 1s opacity;
}
 
/* @-webkit-keyframes shaketb
{
    15%
    {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    30%
    {
        -webkit-transform: translateY(-15px);
       transform: translateY(-15px);
    } 
    50%
    {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
    65%
    {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    80%
    {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes shaketb
{
    15%
    {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    30%
    {
        -webkit-transform: translateY(-15px);
       transform: translateY(-15px);
    } 
    50%
    {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
    65%
    {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    80%
    {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
} */
/* @-webkit-keyframes shaketb
{
    20%
    {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    40%
    {
        -webkit-transform: translateY(-15px);
       transform: translateY(-15px);
    } 
    60%
    {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
    80%
    {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes shaketb
{
    20%
    {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    40%
    {
        -webkit-transform: translateY(-15px);
       transform: translateY(-15px);
    } 
    60%
    {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
    80%
    {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.shaketb{
    transition: all 0.7s ease;
}
.shaketb:hover
{
        -webkit-animation: shaketb 3s ease;
        animation: shaketb 3s ease !important;
        -webkit-animation-iteration-count:infinite;
        animation-iteration-count:infinite;;
} */
/* login page*/
.main-login-background {
    /*background: url(../images/main-bg-login.svg) no-repeat center bottom;
    background-size: 100%;*/
}
.login-wrapper {
    min-height: 100vh;
    background: url(../images/bg-login.svg) no-repeat right 100px top;
    display: flex;
    align-items: center; 
}
.login-form{width: 100%; padding-left: 12%; }
.login-form form{max-width: 520px;}
.login-form form .form-group{margin-bottom: 60px;}
.login-form form .form-group .form-control{color:#606060;font-size: 18px; background:none; font-family: 'Inter', sans-serif;font-weight:400;border:none;border-radius: 0;padding: 0 0 13px !important;border-bottom: 1px solid rgba(164, 164, 165, 0.5);}
.login-form form .form-group .form-control::placeholder{color:#606060;}
.login-form form .btn{color:#f00;background: none;border: none;padding: 0;margin-bottom: 60px;font-size:25px; font-weight: 400;box-shadow: none;}
.login-form form .not-member{ margin-bottom: 30px; color:#f00; font-size:20px;font-family: 'Inter', sans-serif;font-weight:400; }
.login-form form .not-member a{color:#f00;}
.login-with{    display: flex; align-items: center;}
.login-with span{color: #767676;font-size: 20px;font-weight: 500;margin-right: 20px;}
.login-with ul{ display: flex; margin: 0; }
.login-with ul li{ cursor: pointer; }

/* main-page-content */
.main-page-content{min-height:100vh;display: flex;align-items: center;justify-content: flex-end;padding: 78px 0 0;}
.main-inner-content{
    display: flex;
}
.main-left-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /* align-items: flex-end; */
    padding: 0 50px 95px 20px;
}
.main-left-content h3{
    color: #f00;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 0;
    text-align: right;
    line-height: 45px;
}
.main-left-content h3 span{
    display: block;
    color: #000;
}
.main-left-content ul{
    margin-bottom: 50px;
    /* text-align: right; */
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.main-left-content ul li{
    color: #000;
    font-size: 22px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    text-align: center;
    align-items: center;
}
.main-left-content ul li:before { 
    content: "";
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 50%;
    position: absolute;
    top: 11px;
    left: -20px; 
    display: block;
}
.main-left-content ul li span{ display: block; }
.main-right-content {
    padding: 50px 0px 50px 20px;
    display: flex;
    justify-content: flex-end;
}
.main-right-content figure {
    width: auto;
    display: flex;
    margin: 0;
}
.main-right-content figure img{ max-width: 100%; }

/*career css start here*/
/*.career-header{
    margin-top: -60px;
    position: relative;
    z-index: -1;
}*/
.career-header figure{}
.career-header figure img{ max-width: 100%; }
.careers-top-block{ padding-bottom: 0 !important; }
.career-right-header {
    width: 700px;
    height: 700px;
    background: url(../images/career-header-img.png);
    border-radius: 50%;
}
.career-content{margin:-150px auto 0;background: url(../images/bg-curve-shape.svg) no-repeat top 240px center;background-size: 100%;}
.career-block{
    padding-bottom:0px;
    background:none !important;
    padding-top: 165px;
    }
.career-block:nth-child(2) {
    padding-top: 150px;
} 
.career-block:nth-child(3) {
    padding-top: 180px;
}
.career-block:nth-child(4) {
    padding-top: 170px;
}
.career-block:nth-child(5) {
    padding-top: 150px;
}
.career-inner-block{max-width: 760px;padding-left: 90px;}
.career-inner-block h2{
    color: #060E31;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 35px;
}
.career-inner-block p a{color: #FF2B2B}
.career-inner-block p{
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 35px;
}
.career-block.career-r-block {
    text-align: right;
    /* background: url(../images/bg-shape2.svg) no-repeat center bottom 20px; */
    /* padding-top: 155px; */
    padding-right: 110px;
}
.career-content .career-block.last-block{
    background: url(../images/bg-shape3.svg) no-repeat left 250px bottom 20px;
}
.career-block.career-r-block .career-inner-block{margin-left: auto;}
.innovate-head{
    color: #000;
    font-size:58px;
    font-weight: 600;
    margin-bottom:60px;
    text-align: center;
    margin-top: 160px;
}
.view-openings{ text-align: center; /*margin-bottom: 100px;*/}
.view-openings a{color: #f00;
    font-size:30px;
    font-weight:300;
    margin-bottom:60px; display: block;}

    .hidden-sm-up{ display: none; }

    .succss-msg-form{ 
        min-height: 500px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;  
        padding: 0 80px !important;
    }
    .succss-msg-form p{
        font-size: 30px;
        font-weight: 300;
    }
    
    .succss-msg-form span{
        margin-top: 50px;
        font-size: 30px;
        font-weight: 300;
    }

.brightest-minds-wrap{ background: #F7F7F7; margin-bottom: 106px;}
.brightest-minds-wrap figure{ margin-bottom: 58px; }
.brightest-minds-wrap figure img{ max-width: 100%; width: 100%; }
.brightest-minds-wrap > div{ padding: 0 90px 70px; }
.brightest-minds-wrap p{ color: #323232; font-size: 20px; line-height: 40px; font-family: 'Inter', sans-serif; font-weight: 300; margin-bottom: 58px; }
.brightest-minds-wrap h3, .extensive-porfolio h3, .preferd h3{ color: #323232; font-size:30px; line-height:36px; font-family: 'Inter', sans-serif; font-weight:500; margin-bottom: 58px; }
.brightest-minds-wrap ul{
    display: flex;
    flex-wrap: wrap;
}
.brightest-minds-wrap ul li{border:0.5px solid #B7B7B7;color: #000;font-size:25px;font-family: 'Inter', sans-serif;font-weight:300;margin-bottom:20px;margin-right: 15px;min-height: 60px;padding:0 30px;display: flex;align-items: center;justify-content: center;}

.extensive-porfolio {background: #FEF6F6; padding: 120px 90px 95px; margin-bottom: 200px; }
.extensive-porfolio ul{ display: flex; flex-wrap: wrap; }
.extensive-porfolio ul li{ width: 33%; color: #323232; font-size:18px; font-family: 'Inter', sans-serif; font-weight:400; margin-bottom:25px; position: relative; padding-left: 20px; }
.extensive-porfolio ul li:after {content: ""; width: 6px; height: 6px; background: #323232; position: absolute; left: 0; top: 10px; border-radius: 50%; }
.register-cards{ display: flex; flex-direction: column; justify-content: space-between; }
.register-cards .partner-reg {
    margin-top: 40px;
    display: block;
    font-weight: 400;
    font-size: 20px;
}
.register-top-content{ margin-bottom:150px; }
.register-top-content h1{font-size: 43px;
    font-weight: 600;
    font-family: 'Inter', sans-serif; 
    padding-bottom:40px;
    color: #323232;}
.register-top-content p{color: #323232; font-size: 20px; line-height: 40px; font-family: 'Inter', sans-serif; font-weight: 300; margin-bottom:50px;}
.register-top-content h4{color: #323232; font-size:18px;  font-family: 'Inter', sans-serif; font-weight:500; margin-bottom:30px;}
.register-top-content ul{ margin-bottom: 50px; }
.register-top-content ul:last-child{ margin-bottom:0px; }
.register-top-content ul li{ color: #323232; font-size:18px; font-family: 'Inter', sans-serif; font-weight:300; margin-bottom:25px;padding-left: 20px; position: relative;}
.register-top-content ul li:after {content: ""; width: 6px; height: 6px; background: #323232; position: absolute; left: 0; top: 10px; border-radius: 50%; }
.register-top-content ul li:last-child{ margin-bottom: 0; }
.new-services .block-two-inner h4 { 
    align-items: center;
    margin-bottom: 0;
}
.new-services .block-two-inner { padding:65px 90px; }
.new-services .wayworld h4 figure {
    width: 120px; 
    margin-top:0;
    margin-bottom: 0;
    height: 120px;
}
.new-services .inhours h4 figure {
    width:120px;
    margin-left: 0;
    margin-top: 0px;
}
.new-services .forpeople h4 figure {
    width: 120px;
    height: 120px;
}
.new-services .access-all h4 figure { 
    margin-left: 0;
    width: 120px;
}
.new-services .forpeople h4 figure img{ width: auto; max-width: 100%; }


    #accordion.about-bri-ext .panel{
        border: none;
        border-radius: 0;
        box-shadow: none;
        margin-bottom: -5px;
    }
    #accordion.about-bri-ext .panel-heading{
        padding: 0;
        border: none;
        border-radius: 0;
    }
    #accordion.about-bri-ext .panel-title a{
        display: block;
        padding: 15px 40px 15px 0px;
        background: #fff; 
        letter-spacing: 1px;
        color: #1d2e3b; 
        position: relative;
        font-size:20px;
        font-weight: 400;
}
#accordion.about-bri-ext .title a.collapsed{color: #FF2B2B;}
#accordion.about-bri-ext .title a.collapsed:hover{color: #FF2B2B;}
#accordion.about-bri-ext .title a:before,
#accordion.about-bri-ext .title a:after{
    content: "";
    width: 2px;
    height: 10px;
    background: #1d2e3b;
    font-size: 15px;
    position: absolute;
    top: 20px;
    right: 6px;
    transform: rotate(-45deg);
    transition: all 0.3s ease-in-out 0s;
}
#accordion.about-bri-ext .title a:after{
    right: 0;
    transform: rotate(45deg);
}
#accordion.about-bri-ext .title a.collapsed:before{
    transform: rotate(45deg);
    background: #FF2B2B;
}
#accordion.about-bri-ext .title a.collapsed:after{
    transform: rotate(-45deg);
    background: #FF2B2B;
}
#accordion.about-bri-ext .title a.collapsed:hover:before,
#accordion.about-bri-ext .title a.collapsed:hover:after{background: #FF2B2B;}
#accordion.about-bri-ext .panel-body{
    padding: 10px 0px;
    background: #fff;
    border-top: none;
    font-size: 15px;
    color: #000;
    line-height: 25px;
}
/************************Landing css ends here********************************************/





/*************************************services starts***********************************/
.main-wrapper{
    padding:78px 270px 0;
}   
.main-content{
    max-width: 1380px;
    margin: auto;
    padding-top: 130px;
    padding-bottom: 175px;
}
.block-one{
    display: flex;
    padding: 0px 0px 130px 0px;
}
.block-one-inner{
    margin: 0px 25px 0px;
    width: 49%;
}
.block-one-inner h1{
    font-size: 43px;
    font-weight: 600;
    line-height: 75px;
    padding-bottom: 90px;
    color: #323232;
}
.block-one-inner h1.abouth1{
    font-size: 30px;
    font-weight: 600 ;
}
.abouth1 span {
    display: block;
    font-weight:600;
    font-size: 20px;
    margin-top:30px;
    color: #333;
}
.one-experience{
    padding-right: 194px;
}
.one-experience-img{
    margin-top: 70px;
}
.block-one-inner p{
    font-size: 18px;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 40px;
    color: #323232;
}
.block-one-inner p strong{
    font-weight: 600;
}
.block-one-inner h5{
    font-size: 25px;
    font-weight: 400;
    padding-bottom:65px;
    color: #323232;
}
.block-one-inner h5 figure{
    padding-right: 10px;
}
.block-one-inner h6{
    font-size: 18px;
    font-weight: 300;
    padding-top: 20px;
}
.block-one-inner h6 a{
    color: #ff0000;
}
.block-one-inner h6 figure{
    position: relative;
    top: -1px;
    width: 15px;
    float: left;
    margin-right: 5px;
}
.block-one-inner h6 figure img{
    width: 100%;
}
.enterprise{
    float: right;
}
.transformations{
    float: left;
}
.solutions figure{
    margin-top: 40px;
}
.productsimg figure{
    margin-top: 60px;
}
.enterprise img{
    width: 110%;
}
.transformations img{
    width: 100%;
}
.block-two{
    display: flex;
    margin: 0px 0px 100px 0px;
    justify-content: space-between;
}
/* .block-two-inner{
    background: #f7f7f7;
    padding: 85px 77px;
    width: 49%;
    margin: 0px 20px 0px;
} */
.block-two > div {width: calc(50% - 20px);margin: 0;}
.block-two-inner{
    background: #f7f7f7;
    padding: 85px 77px;
    height: 100%;
}
.block-two-inner h4{
    font-size: 30px;
    font-weight: 300;
    display: flex;
    margin-bottom: 46px;
    justify-content: space-between;
    line-height: 48px;
    color: #323232;
}
.block-two-inner h4 figure{ 
    margin-top: 0px;
    margin-left: 15px;
    width: 155px;
}
.block-two-inner h4 figure img{
    width: 100%;
}
.block-two-inner p{
    font-size: 18px;
    font-weight: 300;
    line-height: 40px;
    color: #323232;
}
.cstm-mt{
    margin-top: -45px;
}
.app-highlights{
    padding-top: 20px !important;
}
.app-highlights li{
    padding-bottom: 10px;
}
.app-highlights li span{
    font-size: 18px;
    font-weight: 500;
}
.video-block{
    padding-top: 75px;
}
.video-block span{
    font-size: 18px;
    font-weight: 500;
}
.videoimg{
    padding-top: 15px;
}
.videoimg img{
    width: 100%;
}

.block-three{
    display: flex;
    margin: 0px 0px 115px 0px;
}
.block-three-inner{
    background: rgba(240, 240, 240, 0.8);
    padding: 45px 34px;
    width: 33%;
    margin: 0px 20px 0px;
    text-align: left;
}
.bg-light-pink{
    background: rgba(254, 246, 246, 0.8);;
}
.block-three-inner h4{
    font-size: 40px;
    font-weight: 500;
    line-height: 60px;
    flex-wrap: wrap;
    display: flex;
    justify-content: left;
    color: #323232;
    text-align: left;
    padding-bottom: 40px;
}
.block-three-inner h4 figure{
    padding-bottom: 30px;
    width: 200px;
}
.block-three-inner h4 figure.sopimg{
    width: 130px;
}
.block-three-inner h4 figure.extractimg{
    width: 160px;
}
.block-three-inner h4 figure img{
    width: 100%;
}
.block-three-inner P{
    font-size: 18.6px;
    line-height: 35px;
    padding-top: 75px;
    font-weight: 300;
    color: #323232;
}

.service-content{
    padding-bottom: 125px;
}
.service-content p{
    font-size: 25px;
    line-height: 55px;
    font-weight: 300;
    color: #323232;
}
.block-four{
    display: flex;
    margin: 0px 0px 100px 0px;
    justify-content: space-between;
}
.block-four > div {
    width: calc(25% - 30px);
    margin: 0;
    }
.block-four-inner{
    background: #f7f7f7;
    padding:85px 52px 74px;
    height: 100%;
}
.bg-pink{
    background: #fdf5f5;
}
.block-four-inner h4{
    font-size: 30px;
    font-weight: 300;
    line-height: 48px;
    margin-bottom: 39px;
    display: grid;
    color: #323232;
}
.block-four-inner p {
    font-size: 18px;
    font-weight: 300;
    line-height: 40px;
    color: #323232;
}
.block-four-imgs{
    height: 120px;
}
.block-four-imgs figure{
    width: 135px;
    margin-bottom: 10px;
    float: right;
}
.block-four-imgs figure img{
    width: 100%;
}
.fully figure{
    width: 114px;
}
.newage figure{
    width: 114px;
}

.cstm-mt2{
    padding-top: 32px !important;
}
.cstm-mt3{
    padding-top: 71px !important;
}
.cstm-mt5{
    margin-top: -2px;
}
.cstm-minhit{
    min-height: 140px;
}
.cstm-minhit2{
    min-height: 420px;
}
.cstm-minhit3{
    min-height: 469px;
}
.howitworks{
    margin-top: 10px;
    text-align: left;
}
.howitworks a{
    font-size: 18px;
    color: #ff2b2b;
    font-weight: 400;
}

figure.democratise{
    width: 370px;
}
.paradigm{
    background: #fdf5f5;
}
.paradigm h4 figure{
    width: 156px;
    margin-right: -30px;
}
.legacy h4 figure{
    margin-top: 14px;
}
.quick h4 figure{
    width: 117px;
}
.solution  h4 figure{
    width: 170px;
}
.solution h4{
    margin-bottom: 10px;
}
.forpeople h4 figure{
    width: 100px;
    margin-right: -10px;
    margin-left: 0px;
}
.wayworld h4 figure{
    width: 130px;
    align-items: center;
    display: flex;
    margin-top: -25px;
    margin-bottom: 10px;
}
.business h4 figure{
    width: 190px;
    margin-top: 10px;
}
.business h4{
    margin-bottom: 60px;
}
.access-all{
    text-align: right;
}
.access-all h4 figure{
    width: 125px;
}
.enhance h4 figure{
    width: 155px;
}
.inhours{
    text-align: right;
    background: #fdf5f5;
}
.inhours h4 figure{
    width: 85px;
    margin-left: 50px;
    margin-top: 0px;
}

.extract{
    text-align: right;
    background: #fdf5f5;
}
.extract h4{
    margin-bottom: 60px;
}
.extract h4 figure{
    width: 150px;
    margin-left: 30px;
    margin-top: 0px;
}
.eliminate{
    text-align: right;
    background: #fdf5f5;
}
.eliminate h4 figure{
    width: 115px;
    margin-left: 30px;
    margin-top: 0px;
}
.comingsoon{
    color: #323232;
    font-weight: 400;
}
.inn-products{
    padding-right: 0px;
}
.inn-products-img{
    margin-top: -60px;
}
.inn-products-img img{
    width: 100%;
}
.create{
    padding-bottom: 105px;
}
.intelligence{
    padding-bottom: 230px
}
.hmcentred {
    padding: 85px 87px;
}
.hmcentred h4{
    margin-bottom: 54px;
}
.hmcentred h4 figure{
    width: 217px;
    margin-right: -40px;
}
.dld{
    background: #fdf5f5;
}
.dld h4 figure{
    width: 110px;
    margin-top: -15px;
}
.cstm-mt4{
    margin-top: -18px;
}
.artificail{
    background: #fdf5f5;
    text-align: right;
}
.artificail h4 figure{
    width: 152px;
}
.helping{
    text-align: right;
}
.helping h4 figure{
    width: 185px;
    margin-top: 10px;
}
.request-demo{
    display: flex;
    justify-content: center;
}
.request-demo .nslform{
    width: 53%;
    text-align: center;
}
.demotext{font-size: 30px;}
.demotext:focus{outline: none; box-shadow: none;}
.request-demo .btn-submit{font-size: 25px;}
.mb-75{margin-bottom: 175px;}

/*about*/
.inventions{
    background: #fdf5f5;
}
.inventions h4 figure{
    width: 106px;
    margin-top: -48px;
}
.respect h4 figure{
    width: 114px;
}
.cstm-mt8{
    margin-top: -18px;
}
.culture h4 figure{
    width: 78px;
    margin-top: -13px;
}
.pursuit h4 figure{
    width: 191px;
}
.nhbdp h4 figure{
    width: 114px;
}
.nhdp h4 figure{
   width: 114px; 
   margin-top: -25px;
}
.nhpp h4 figure{
    width: 94px; 
 }

/*new about*/
.leadership-wrapp{
    margin-bottom: 100px;
}
.leadership-block{
    display: flex;
}
.leadership-pic figure{
    width: 264px;
    height: 321px;
    margin-right: 55px;
}
.leadership-pic figure img{
    width: 100%;
}
.leadership-profile{
    margin-top: -5px;
}
.leadership-profile h5{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
}
.leadership-profile p{
    font-size: 18px;
    font-weight: 300;
    line-height: 40px;
}
.alter{
    /* display: inline-block; */
    display: flex;
    flex-direction: row-reverse;
}
.alter .leadership-pic figure{
    float: right;
    margin-left: 55px;
    margin-right: 0px;
}
.alter .leadership-profile{
    text-align: right;
}
/*new about end*/

/*disclaimer*/
.disclaimer-wrapp p{
    font-size: 18px;
    line-height: 45px;
    font-weight: 300;
    color: #323232;
    margin-bottom: 20px;
}
.disclaimer-wrapp hr{ margin: 0 auto; }
.disclaimer-wrapp h5{
    font-size: 24px;
    font-weight: 400;
    padding: 30px 0px 30px 0px;
    color:#b10000;
}
.disclaimer-wrapp h6{
    font-size: 18px;
    font-weight: 300;
    padding-bottom: 20px;
}
.disclaimer-read{
    padding: 50px 0px 0px 0px;
}
.disclaimer-wrapp a{ color: red; }
.disclaimer-wrapp a:hover{ color: #333; }
.disclaimer-list{
    margin-left: 20px;
}
.disclaimer-list li{
    list-style: disc;
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 45px;
    font-weight: 300;
    color: #323232;
}
.orderlist li{
    list-style:decimal;
}
.alphalist, .subbullets{
    padding-top: 20px;
}
.alphalist li{
    list-style:lower-alpha;
}
.numeric-list li{
    list-style: lower-roman;
}
.subbullets li{
    list-style: disc;
}
.pagenxt{
    border-top: solid 0.5px #ccc;
    padding-top: 150px;
    margin-top: 150px;
    width: 100%;
}
/*disclaimer end*/

.nhbdp a, .nhdp a, .nhpp a{color: #ff2b2b}
.about-addrs h4.bullet::after{
    position: absolute;
    content: '';
    bottom: 8px;
    background: #A2A2A2;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    left: -15px;
}

.cstm-openings li{
    padding-bottom: 16px;
    font-size: 18px;
    color: #323232;
    font-weight: 300;
}
.cstm-openings li strong{
    font-weight: 500;
}
.nhm h4 figure{
    width: 105px;
    margin-top: -25px;
}
.cstm-mt10{margin-top: -10px;}
.cstm-mt22{margin-top: -2px;}
/* .partners{min-height: 175px;} */


.transfomation-wrpp{
    /* padding-top: 110px; */
}
.transfomation-wrpp .block-one{
    padding-bottom: 110px;
}
.create-wrpp{
    /* padding-top: 70px; */
}
.create-wrpp .block-one{
    padding-bottom: 70px;
}
.ai-wrpp{
    /* padding-top: 170px; */
}
.ai-wrpp .block-one{
    padding-bottom: 170px;
}

.forpeople h4 figure {
    width: 95px;
}

.servicesh1{
    padding-right: 93px;
}

.career-inner{
    padding: 85px 77px 50px;
}
.nsl-looking{
    background: #f7f7f7;
    width: 100%;
    padding: 95px 75px 50px;
}
.nsl-looking .form-control{
    background: #f7f7f7;
}
.uploadresume {
    margin-bottom: 45px;
    position: relative;
}
.btn:disabled {
    cursor: not-allowed;
}
#uploadError {
    color: red;
}

/****************************************services ends***********************************/



/***************************Openings css starts*******************************/

.openings-nsl a:hover{text-decoration: none}.clr-red{color:#FF0000 !important;}
/* .openings-nsl{margin-top: 166px;    margin-bottom: 172px;} */
.openings-title hgroup{display: flex;    margin-bottom: 35px;}
.openings-title h3{font-size: 18px;text-transform: capitalize;color: #000;margin-bottom: 0;}

.listofopenings-nsl .list-group-item { padding: 0; border: transparent;}
.listofopenings-nsl .list-group-item a{    display: flex; padding-top: 36px; padding-bottom: 36px; border-top: 1px solid #c7c7c7; color: #000;}
.listofopenings-nsl .list-group-item h5{font-size: 15px;}
.openings-pagination{width: 495px;margin: 73px auto 181px;display: flex; justify-content: center;}
.openings-pagination .page-link {color: #0E2546;border: none;font-size: 23px;}
.openings-pagination .pagination{ display: flex;justify-content: space-between;}
/* .nsl-looking{width: 795px; margin: 0 auto;} */
.nsl-looking h2{margin: 0 0 43px 0; color: #000000; font-size: 30px;font-weight: 300;}
.nslform .form-group label {margin-bottom: 0; margin-right: 15px;font-size: 18px;font-weight: 300;    margin-top: 10px;     display: flex;
    white-space: nowrap;}
.nslform .form-group .form-control{border-bottom: 1px solid #c7c7c7 !important; outline: none;
    box-shadow: none; height: auto;padding: 0; border: none; border-radius: 0; width: auto; display: block; flex: 1;    margin-right: 20px;}
.btn-submit{background: transparent; color: #000000; font-size: 18px; border: none;  padding: 0;}
.details-info{margin-bottom: 109px;}
.details-info h3{      font-weight: 400;  font-size: 30px;margin-bottom: 29px;color: #323232;}
.details-info .sub-title h4{ font-size: 20px; color: #323232;font-weight: 500; margin-bottom: 13px;
}
.details-info .sub-title p{font-size: 18px;font-weight: 300;color: #323232;}
.jobtitle{ font-size: 30px;color: #323232; font-weight: 400; margin-bottom: 36px;}
.jobdetails-info ul.customul { list-style: disc; margin-left: 19px;}
.jobdetails-info ul li{font-size: 18px; font-weight: 300; padding-bottom: 12px;}
.jobdetails-info ul li:last-child{padding-bottom: 0;}
.customul-flex{display:flex;flex-wrap: wrap;}
.customul-flex span{    width: 5px;height: 5px; border-radius: 50%;; background: #323232; border-radius: 100%; display: inline-block;margin-right: 8px;vertical-align: middle;}
.customul-flex li{margin-right: 8px;}
.jobdetails-info{margin-top: 125px;}
.customul h5{display: flex;align-items: flex-end;margin-left: -19px;    font-size: 18px; margin-bottom: 18px;}
.customul h5 figure{width: auto;}
.customul h5 img{/* width: 34px; height: 37px; */ margin-right: 8px;}
.job-form  h3{ font-size: 30px; font-weight: 300;  margin-bottom: 8px;}

.leadership-type ul:last-child{margin-right: 0;}
.mar-gap{margin-top: 48px;}
.uploadresume p{ font-size: 15px; color: #323232;}
/* .details-info p{margin: 0; line-height: 45px; font-size: 18px;} */
.nslfillform h2{font-size: 30px;margin: 0 0 48px 0;font-weight: 300;}

.openings-nsl .custom-select {background-position: left;margin-left: 5px;}
.openings-nsl .table thead th {border-top:1px solid transparent;border-bottom: 1px solid #dee2e6;font-size: 18px;font-weight: 500;}
.openings-nsl .table td, .table th {padding: 36px 0;text-transform: capitalize;}
.openings-nsl .table thead th:last-child, .openings-nsl .table tbody tr td:last-child{text-align: right;}
.openings-nsl .table tbody tr:last-child td{border-bottom:1px solid #dee2e6}
.openings-nsl .table tbody tr td:first-child a{color: #FF0000;}
.openings-nsl .form-control:focus {box-shadow: none;}
.about-para h3{font-size: 30px;font-weight: 300; margin: 51px 0 35px 0;}
.about-para p{ font-size: 18px;line-height: 40px;padding-top: 0 !important;    font-weight: 300;}
.about-para{margin-bottom: 72px;}
.aboutus-box{margin-top:67px;}
.aboutus-box-wrap{display: flex;flex-wrap: wrap;}
.aboutbox-info{    width: calc(23% - 20px);margin-right: 50px;margin-bottom: 72px;cursor: pointer;}
.aboutbox-info img{width: 100%;}
.aboutus-box-wrap .aboutbox-info:last-child{margin-right: 0;}
.w-49{width: 49%;}
.subpara h4{font-size: 18px;font-weight: 500;}
.subpara p{font-size: 18px;font-weight: 300;line-height: 35px;}
.enroll a{color: #FF0000;display: block;margin-top: 25px;font-size: 18px;}
.uploadresume input {position: absolute; opacity: 0;left: 0;top: 0;cursor: pointer;}

.uploadresume label {margin-bottom:0;color: #FF0000;font-size: 18px;position: relative;overflow: hidden;cursor: pointer;}

/*search*/
.second-list{position: relative;}
.second-list .input-group {
    position: absolute;
  
}
.second-list .input-group .form-control{
    background: #ededed;
    border: none;
    padding: 0;
    height: auto;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    font-size: 18px;color: #000;
}
.second-list .input-group .input-group-text{
    background: #f0f0f0;
    border: none;
    padding: 0;
    border-bottom: 1px solid #ccc;
}
.second-list  .form-control:focus {
    box-shadow: none;
}
/* #searchopenip{display: none; position: absolute; left: 18px;right:18px;}
.search-block{display: block !important;} */
#searchopenip{ position: absolute;right:17px;width: 0; opacity: 0;transition: all .75s ease;}
.search-block{ width: 100% !important; opacity: 1 !important;}

.search-none{display: none ;}
#searchopen{cursor: pointer;}
.cp{cursor: pointer;}
/* .pad-lr{padding: 0 100px;} */
.about-wrap .block-one-inner{width: 100% !important;}
.about-h1 .block-one-inner h1{line-height: normal !important;padding-bottom: 52px !important;}
.about-wrap .block-one-inner p {margin-bottom: 95px;}

.about-addrs div span{display: block;font-size: 18px;}
.about-addrs div span span{display: block;font-size: 18px; font-weight: 400;}
.about-addrs div span:first-child{font-weight: 600; margin-bottom:0px;width:305px; margin-right:120px;color: #323232;}
.about-addrs div span:last-child{font-weight: 300;}
/* .about-addrs div{margin-right: 95px;} */
.about-addrs div:last-child{    border-bottom: none;}
.about-addrs h4{
    font-size: 18px;
    padding-top: 25px;
    font-weight: 400;
    color: #323232;
    position: relative;
}
.about-addrs address{position: relative;}
.about-addrs address::after{position: absolute;
    content: '';
    top: 8px;
    background: #A2A2A2;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    left: -15px;}
.adr-btm{margin-bottom: 19px;}
/* .work-culture{margin-top: 165px;} */
.about-wrap{padding: 0 !important;}
.about-w-10{margin: 0 !important;width: 100% !important;}
.bg-red{background: #fdf5f5 !important;}
.abput-profile .card{border-radius: 0;border:none;cursor: pointer;}
.abput-profile .card img{width:100%;}
.abput-profile .card-body {padding: 19px 0 0 0;}
.abput-profile .card-body p{font-size: 18px;font-weight: bold;}
.mt-116{margin-bottom: 116px;}
/* .preferd{width: 49%;} */
.preferd h3{ font-size: 30px;margin-bottom: 35px;}
.preferd p{font-size: 15px;line-height: 35px;color: #323232; font-weight: 300;}
.profile-info h4{font-size: 18px;margin: 9px 0;}
.profile-info ul{margin: 0 0 0 17px;list-style: initial;}
.form-h3{font-size: 18px;line-height: 45px;margin-bottom: 45px;}
.aboutbox-info .card-body{padding: 19px 0 0 0;}
.about-profile-carousel #carouselExampleControls{margin-bottom: 113px;}
.about-profile-carousel .row{align-items: center;}
.about-profile-carousel .mar-left{margin-left: 59px;}
.about-profile-carousel .mar-left h3{ font-size: 18px; font-weight: bold; margin-bottom: 52px;}
.about-profile-carousel .mar-left p{font-size: 15px; font-weight: 300; line-height: 35px;}
#carouselExampleControls{display:none;}
.about-profile-carousel .close-profile{font-size:18px;position: absolute;right: 0;z-index: 9999;cursor: pointer;}
.adr-mar{margin-bottom: 38px;}
.about-profile-carousel .carousel-item img{width: 100%;}
.carousel-control-next {  right: -30px;  width: 12px;  z-index: 9999;}
.carousel-control-next-icon {background-image: url(../images/carousel-next.png);}
.carousel-control-prev {left: -30px;width: 12px;z-index: 9999;}
.carousel-control-prev-icon {background-image: url(../images/carousel-prev.png);}
.space-gap{width: 100%; height: 74px;}

@media (max-width: 767px) {
    .openings-pagination {width: 100%;}
    .nslfillform h2,.nsl-looking h2 {font-size: 20px !important;}
    .openings-pagination .pagination {width: 100%;}
    .openings-nsl .table td, .table th { font-size: 13px !important;vertical-align: middle;}
    .aboutbox-info {width: calc(38% - 74px);margin-right: 10px;margin-bottom: 58px;}
    .jobdetails-info { margin-top: 70px;}
    .leadership-type{display: block;}
    .leadership-type ul{width: 100%;margin-bottom: 57px;}
    .leadership-block {width: 100%;margin: 0 auto;display: block;}
    .leadership-pic figure {width: 100% !important;height: auto; margin:0 auto !important; text-align: center; display: block;}
    .leadership-profile {margin-top:0px;}
    .leadership-profile h5 { margin-bottom: 30px; margin-top: 30px;font-size: 20px !important; font-weight: 600;}
    .mobile-para p{display: none;}
    .main{display: block !important;}
    .readmore{background: url(../images/arrow-down.png) no-repeat right ;font-weight: 300;font-size:18px;color:#323232;}
    .alter .readmore{background: url(../images/arrow-down.png) no-repeat left ;}
    .readmore img{width: 15px;height: 11px;}
    .alter .leadership-pic figure{float: none;}
    .mobil-top0{margin-top: 0 !important;}
    .leadership-wrapp [aria-expanded="false"] > .expanded,
    .leadership-wrapp [aria-expanded="true"] > .collapsed {
        display: none;
    }
    .leadership-wrapp [aria-expanded="true"] {
        background: url(../images/arrow-up.png) no-repeat right !important;
    }
    .mobile-block p{display: block !important;font-size: 16px !important;line-height: 28px !important; margin-bottom: 30px;}
    .mobile-block .btn{ font-size: 18px;
        display: block; background: transparent;  color: #606060; border: transparent; padding: 0; background: url(../images/arrow-down.png) no-repeat right ;  text-align: left;
    }
    .mobile-block .btn:focus{box-shadow: none;border:non;outline: 0}
    .alter .mobile-block .btn{text-align: left;}
   
    .about-addrs,.pad-20{padding: 0 20px;}
    .alter .leadership-profile { text-align: left;}
    .nslform .form-group label {font-size: 20px;}
    .preferd{margin-bottom: 116px !important;}

}
@media (min-width: 768px){
    /* .nsl-looking{width: 786px; margin:145px auto 0 auto;} */
    .leadership-type{display: flex;}
.leadership-type ul{width: 30%;}
.mobile-block{display: none;}

    
}
@media screen and (min-width:768px) and (max-width:991px) {
    .aboutbox-info {width: calc(23% - 65px);margin-right: 45px;margin-bottom: 58px;}
    .leadership-profile p {font-size: 16px !important;
        line-height: 28px !important;}
    .jobdetails-info .mt-2{margin-top: 0 !important;}
    
}

@media (min-width: 992px){
    .nslform .form-group{display: flex;align-items: center;margin-bottom: 51px;}
    .about-addrs > div{    display: inline-flex;border-bottom: 1px solid rgba(162, 162, 162, 0.34);padding-bottom:50px;margin-bottom:50px; width: 100%;}

}
@media (max-width: 991px) {
    .w-49{width: 100%;} 
    .pad-lr{padding: 0 25px;}
    .uploadresume { margin-top: 45px;}
    .nslform .form-group .form-control{width: 100%;margin: 0;padding: 0; height: auto;}
    .job-form h3 {font-size: 18px;font-weight: 300;line-height: 25px;} 
    .customul h5 img { width: 32px;}
    .jobdetails-info ul li,.details-info .sub-title p {font-size: 16px;}
    .jobtitle,.details-info h3 {font-size: 25px;}
    .details-info .sub-title h4{font-size: 18px;}
    .about-addrs div span:first-child {width: 100% !important;margin-bottom: 12px;}
    .about-addrs address {margin-left: 16px;font-weight: 300;font-size: 18px !important;}
    .about-addrs h4 {font-size: 18px;padding-top: 8px;margin-left: 16px;}
    .about-addrs h4.bullet::after {top: 17px;}
    .about-addrs address::after {top: 11px;}
    .about-addrs div{margin-bottom: 30px;border-bottom: 1px solid #ccc;padding-bottom: 30px;}
    .preferd p { font-size: 16px; line-height: 28px;}

}
@media (min-width: 1600px) {
    .pad-lr{padding: 0 80px;}
}
@media (max-width: 1220px) {
    .main-wrapper {padding: 0px 25px !important;}
    .main-content {width: 100% !important;}
    .job-form {padding: 40px 20px;}
    .details-info {padding: 0 20px;}
}
@media (min-width: 1221px){
    .ul-btm{padding-bottom: 12px;}

}
@media screen and (min-width:992px) and (max-width:1220px) {
    .aboutbox-info {width: calc(21% - 87px);margin-right: 87px;margin-bottom: 98px;}
    .jobdetails-info .mt-2{margin-top: 0 !important;}

}

@media (max-width: 1600px) {
    /* .details-info p {line-height:35px; font-size: 15px;} */
    /* .openings-nsl { margin-top: 65px;    margin-bottom: 75px;} */
    .details-info {margin-bottom: 60px;}
    /* .nslfillform h2,.nsl-looking h2 {font-size: 45px;margin: 0 0 55px 0;} */
    .uploadresume label {margin-bottom: 0;color: #FF0000;font-size: 17px;}
    .btn-submit {font-size:18px;}
    .nslform .form-group label {font-size: 15px;}
    .openings-pagination {margin: 45px auto;}
    .openings-nsl .table td, .table th {padding: 21px 0;    font-size: 15px;}
    /* .openings-pagination .page-link {font-size: 15px;} */
    .about-para p{ font-size: 15px;}
    .subpara h4{font-size: 15px;}
    .subpara p{font-size: 15px;}
    .enroll a{margin-top: 25px;font-size: 15px;}
    /* .aboutbox-info{height:200px;} */
    .aboutimg img {width: 100% !important;}
    /* .uploadresume{margin-bottom: 40px;} */
    .profile-info ul li{font-size: 15px;font-weight: 300;padding-bottom: 8px;}
    .about-addrs address{font-size: 15px;}
    /* .job-form  h3{ font-size: 25px; font-weight: 400; margin-bottom: 8px;} */
    .uploadresume{margin-bottom: 45px;}

}
@media (min-width: 1601px) {
  
    .about-addrs li span{font-size: 19px;}
    .about-addrs li span:first-child{margin-bottom: 103px;}
    .about-addrs li{margin-right: 165px !important;}
    .work-culture{margin-top: 100px;}
    .preferd p{font-size: 18px;line-height: 35px; font-weight: 300;}
    .profile-info ul li{font-size: 18px;font-weight: 300;padding-bottom: 8px;}
    .about-profile-carousel .mar-left p{font-size: 18px; font-weight: 300; line-height: 45px;}
    .about-addrs address{font-size: 18px;color: #323232;}


}

/***************************Openings css ends*******************************/

/*footer css start here*/
footer{
    position: relative;
    z-index: 9;
}
.footer-wrapper{
    background: #323232;
    min-height: 120px;
    padding: 30px 0;
    display: flex;
    align-items: center;
    border-bottom: 0px solid #FF0000;
}
.footer-main{ width: 100%; }
 .footer-inner-wrapper{
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 50px;
    display: flex;
    justify-content: space-between;
}
 .footer-left-content{ 
    width: 100%;
    color: #fff;  
    font-size: 16px;
    align-items: center;
    padding-left: 52px;
}
.footer-left-content a {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
}
.footer-left-content a:before {
    content: "";
    width: 2px;
    height: 15px;
    background: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(16deg);
    left: 100%;
    right: auto;
    margin-left: 11px;
}
.footer-left-content a:last-child:before{ display: none; }
.footer-left-content a:first-child{ margin-left: 0; }
.footer-left-content a:hover{ color: #fff; }
.footer-left-content > div {
    margin-right: 100px;
}
.footer-left-content > div:last-child {
    margin-right:0px;
}
 .footer-inner-wrapper h3{
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 35px;
    padding: 0;
} 
.footer-inner-wrapper h4{
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin-bottom:20px;
    padding: 0;
}
 .footer-inner-wrapper ul{
    margin: 0;
}
 .footer-inner-wrapper ul li{}
 .footer-inner-wrapper ul li a{
    color: #fff;
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
    font-size: 16px;
}
.footer-inner-wrapper ul li a:hover{ color: #f00; }
 .footer-inner-wrapper ul.sublist{/* margin-top:30px; */}
 .footer-inner-wrapper ul.sublist li a{color: #fff;}
 .footer-inner-wrapper .footer-right-content li a{font-size: 21px;}
 .footer-right-content .form-inline{ margin-bottom: 60px; }
 .footer-right-content .form-inline label{ margin-right: 25px;  color: #000; font-size: 18px; font-family: 'Inter', sans-serif; font-weight:300;}
 .footer-right-content .form-inline .form-control{min-width: 300px;background: none;font-weight:400; border-radius: 0;border:none;border-bottom: 1px solid rgba(112, 112, 112, 0.45);margin-right: 30px;padding: 0;color: #f00;font-size: 18px;font-family: 'Inter', sans-serif;font-weight: 300;}
 .footer-right-content .form-inline .form-control::placeholder{color: #848484}
 .footer-right-content .form-inline .btn{color: #f00; font-size: 18px; font-family: 'Inter', sans-serif; font-weight:300;}
 .footer-right-content{display: none;}
 .copy{
    font-size: 24px;
    margin-right: 5px;
    font-weight: 200;
    display: flex;
    align-items: center;
 }
.copy a{ margin-left: 5px; }
/*footer css ends here*/
@media(min-width:1921px){ 
    video{
        width: auto;
    } 
}
@media (max-width: 1792px) {
    .block-two-inner h4{
        font-size: 28px;
    }
    .forpeople h4 figure{
        margin-right: -30px;
    }
    .block-one-inner h1 {
        font-size: 42px;
    }
    .services-wrapp{
        padding-top: 230px;
    }
    .services-wrapp .block-one{
        padding-bottom: 230px;
    }
    .transfomation-wrpp{
        padding-top: 230px;
    }
    .transfomation-wrpp .block-one{
        padding-bottom: 190px;
    }
    .solution-wrapp{
        padding-top: 230px;
    }
    .create-wrpp{
        padding-top: 230px;
    }
    .create-wrpp .block-one{
        padding-bottom: 110px;
    }
    .ai-wrpp{
        padding-top: 230px;
    }
    .ai-wrpp .block-one{
        padding-bottom: 220px;
    }
    .products-wrapp{
        padding-top: 230px;
    }
    .about-wrapp{
        padding-top: 230px;
    }
    .careers-wrapp{
        padding-top: 230px;
    }

    /*landing css*/
    video{
        width: auto;
    }
    .career-content {
        background: url(../images/bg-curve-shape.svg) no-repeat top 260px center;
        background-size: 100%;
    } 
    .career-block:nth-child(2) {
        padding-top: 140px;
    } 
    .career-block:nth-child(3) {
        padding-top: 150px;
    }
    .career-block:nth-child(4) {
        padding-top: 125px;
    }
    .career-block:nth-child(5) {
        padding-top: 120px;
    }
    /*landing css end*/
}


@media( max-width: 1680px){
    .career-inner-block p {
    color: #000;
    font-size: 17px;
    font-weight: 300;
    line-height: 30px;
    }
    .career-content {
    background: url(../images/bg-curve-shape.svg) no-repeat top 290px center;
    background-size: 100%;
    }
    .career-block:nth-child(3) { 
        padding-top: 130px;
    }
    .career-block:nth-child(4) { 
        padding-top: 125px;
    }
    .career-block:nth-child(5) { 
        padding-top:110px;
    }

    /*services*/
    .hmcentred h4 figure {
        width: 165px;
    }
    .making h4 figure {
        width: 145px;
    }
    .forpeople h4 {
        font-size: 25px;
    }
    .forpeople h4 figure {
        margin-right: -55px;
    }
    .access-all h4 figure {
        width: 110px;
    }
    .block-one-inner h1 {
        font-size: 38px;
    }

    .services-wrapp{
        padding-top: 160px;
    }
    .services-wrapp .block-one{
        padding-bottom: 160px;
    }
    .transfomation-wrpp{
        padding-top: 160px;
    }
    .transfomation-wrpp .block-one{
        padding-bottom: 130px;
    }
    .solution-wrapp{
        padding-top: 160px;
    }
    .create-wrpp{
        padding-top: 160px;
    }
    .create-wrpp .block-one{
        padding-bottom: 60px;
    }
    .ai-wrpp{
        padding-top: 160px;
    }
    .ai-wrpp .block-one{
        padding-bottom: 120px;
    }
    .products-wrapp{
        padding-top: 160px;
    }
    .about-wrapp{
        padding-top: 160px;
    }
    .careers-wrapp{
        padding-top: 160px;
    }

    .servicesh1{
        padding-right: 31px;
    }
    /*services end*/
    .new-services .block-two-inner {
    padding: 65px 45px;
    }
    .new-services .forpeople h4 figure{ margin: 0; }
}


@media (max-width: 1600px) {
    /*services starts*/
    .block-one-inner h1 {
        font-size: 35px;
        font-weight: 600;
        line-height: 65px;
    }
    .block-one-inner h5 {
        padding-bottom: 75px;
    }
    .block-one-inner h6 {
        padding-top: 50px;
    }
    .one-experience{
        padding-right: 113px;
    }
    .block-one-inner p{
        font-size: 16px;
    }
    .block-one-inner p{
        padding-top: 0px;
    }
    figure.democratise{
        width: 270px;
    }
    .block-two-inner p{
        font-size: 16px;
        line-height: 35px;
    }
    .block-two-inner h4{
        font-size: 27px;
        margin-bottom: 16px;
    }
    .wayworld h4{
        margin-bottom: 34px;
    }
    .business h4{
        margin-bottom: 16px;
    }
    .paradigm h4 figure{
        width: 130px;
        margin-top: 0px;
    }
    .block-two-inner{
        padding: 85px 48px;
    }
    .artificail h4 figure{
        width: 130px;
    }
    .helping h4 figure{
        width: 105px;
    }
    .block-two-inner h4 figure{
        width: 115px;
        margin-top: 15px;
    }
    .quick h4 figure{
        width: 100px;
        margin-top: -15px;
    }
    .solution h4 figure {
        width: 115px;
        margin-top: -2px;
    }
    .eliminate h4 figure{
        width: 95px;
        margin-top: 0px;
    }
    .inhours h4 figure{
        margin-left: 30px;
        width: 75px;
    }
    .hmcentred h4 figure {
        width: 150px;
        margin-top: 0px;
    }
    .extract h4{
        margin-bottom: 36px;
    }
    .extract h4 figure{
        width: 125px;
    }
    .block-three-inner h4{
        font-size: 27px;
    }
    .block-three-inner{
        padding: 45px 25px 45px;
    }
    .block-three-inner P {
        font-size: 15.6px;
    }
    .wayworld h4 figure{
        width: 180px;
        margin-top: 10px;
    }
    .transparency h4 figure{
        width: 120px;
        margin-top: -31px;
        margin-bottom: 10px;
    }
    .second-list li a{
        font-size: 16px;
    }
    .service-content p{
        font-size: 21px;
        line-height: 49px;
    }
    .block-four-inner{
        padding: 85px 38px 74px;
    }
    .block-four-inner p{
        font-size: 16px;
    }
    .block-four-inner h4{
        font-size: 26px;
        line-height: 44px;
    }
    .block-four-imgs figure{
        width: 125px;
    }
    .hmcentred h4{
        margin-bottom: 28px;
    }

    .services-wrapp{
        padding-top: 110px;
    }
    .services-wrapp .block-one{
        padding-bottom: 110px;
    }
    .transfomation-wrpp{
        padding-top: 110px;
    }
    .transfomation-wrpp .block-one{
        padding-bottom: 80px;
    }
    .solution-wrapp {
        padding-top: 110px;
    }
    .create-wrpp{
        padding-top: 110px;
    }
    .create-wrpp .block-one{
        padding-bottom: 70px;
    }
    .ai-wrpp{
        padding-top: 110px;
    }
    .ai-wrpp .block-one{
        padding-bottom: 90px;
    }
    .products-wrapp {
        padding-top: 110px;
    }
    .about-wrapp{
        padding-top: 110px;
    }
    .careers-wrapp{
        padding-top: 110px;
    }
    .forpeople h4 figure {
        width: 80px;
    }
    .forpeople h4 figure {
        width: 70px;
        margin-bottom: 43px;
        margin-right: -30px;
        margin-top: 10px;
    }

    /*about*/
    .disclaimer-wrapp p {
        font-size: 16px;
    }
    .inventions{
        background: #fdf5f5;
    }
    .inventions h4 figure{
        width: 106px;
        margin-top: -48px;
    }
    .respect h4 figure{
        width: 114px;
        margin-top: 0px;
    }
    .cstm-mt8{
        margin-top: -18px;
    }
    .culture h4 figure{
        width: 78px;
        margin-top: -13px;
    }
    .pursuit h4 figure{
        width: 191px;
        margin-top: -15px;
        margin-bottom: 15px;
    }
    .nhbdp h4 figure{
        width: 99px;
    }
    .nhdp h4 figure{
        width: 99px; 
        margin-top: -25px;
    }
    .nhpp h4 figure{
        width: 79px; 
    }
    /*services ends*/

   /*landing css starts*/
   .login-wrapper{
    background-size:42%;
    }
    .main-right-content img {
        max-width:50%;
    }
    .main-left-content { 
        padding: 0 20px 68px;
    }
    /* hack code for safari browser */
    @media not all and (min-resolution:.001dpcm) { @media {

    .main-left-content { 
        padding: 0 20px 128px;
    }
    }}
    .main-left-content h3 {
        font-size: 28px;
        line-height: 40px;
    }
    .main-left-content ul {
        margin-bottom: 30px; 
    }
    .main-left-content ul li {
        font-size: 20px;
    }
    /*.career-right-header {
    width: 550px;
    height: 550px; 
    }*/
    .career-inner-block p {
    color: #000;
    font-size: 17px;
    font-weight: 300;
    line-height: 30px;
    }
    .career-content {
    background: url(../images/bg-curve-shape.svg) no-repeat top 290px center;
    background-size: 100%;
    } 
    .career-block:nth-child(2) {
        padding-top: 135px;
    } 
    .career-block:nth-child(3) {
        padding-top: 114px;
    }
    .career-block:nth-child(4) {
        padding-top: 105px;
    }
    .career-block:nth-child(5) {
        padding-top: 95px;
    }
    /*landing css ends*/

    /*new about*/
    .leadership-wrapp{
        margin-bottom: 70px;
    }
    .leadership-pic figure{
        width: 224px;
        margin-right: 55px;
    }
    .leadership-profile h5{
        font-size: 15px;
        margin-bottom: 20px;
    }
    .leadership-profile p{
        font-size: 15px;
        line-height: 35px;
    }
    .nhm h4 figure{
        width: 105px;
        margin-top: -25px;
    }
    /*new about end*/
    .newage figure{
        width: 104px;
    }
}

@media (max-width: 1440px) {
    .main-wrapper{
        padding:60px 205px 0;
    }
    .block-three-inner h4{
        line-height: 50px;
        padding-bottom: 30px;
    }
    .howitworks{
        margin-top: 0px;
    }
    .cstm-openings li{
        padding-bottom: 22px;
        font-size: 16px;
    }
    .block-two-inner h4 figure {
        margin-top: 0px;
        margin-right: 0;
    }
    .nhm h4 figure{
        width: 105px;
        margin-top: -25px;
    }
    .hmcentred h4 figure {
        margin-right: -20px;
    }
    .block-two-inner {
        padding: 65px 43px;
    }
    .new-services .block-two-inner {
        padding:65px 43px;
    }
    .new-services .forpeople h4 figure, .new-services .inhours h4 figure { 
    margin: 0; width: 110px; height: 110px;
    }
    .new-services .access-all h4 figure {
    width: 110px;
    margin-top: 0;
    margin-left: 0;
    }
    .solution h4 figure{
        width: 100px;
        margin-top: 12px;
    }
    .forpeople h4 figure{
        width: 80px;
        margin-right: -20px;
    }
    .wayworld h4 figure {
        width: 130px;
    }
    .business h4 figure{
        width: 170px;
    }
    .access-all h4 figure{
        width: 110px;
    }
    .eliminate h4 figure{
        margin-left: 0px;
    }
    .one-experience {
        padding-right: 92px;
    }
    .access-all h4 figure{
        width: 110px;
        margin-top: -15px;
    }
    .enhance h4 figure{
        margin-top: -5px;
    }
    .inhours h4 figure{
        margin-top: -10px;
    }
    .transparency h4 figure{
        width: 105px;
        margin-bottom: 25px;
    }
    .career-inner-block p{
        font-size: 15px
    }
    .innovate-head{
        font-size: 48px;
        margin-bottom: 80px;
    }
    .view-openings a{
        font-size: 34px;
    }
    header .navbar-nav .nav-item a{
        font-size: 13px;
    }
    .block-two-inner p {
        font-size: 14px;
        line-height: 35px;
    }
    .block-one-inner h5{
        font-size: 22px;
    }
    .block-one-inner h1{
        font-size: 33px;
    }
    .extract h4 {
        margin-bottom: 62px;
    }
    .block-four-inner {
        padding: 65px 38px 54px;
        margin: 0px 30px 0px;
    }
    .service-content p{
        font-size: 21px;
    }
    .block-four-inner p {
        font-size: 14px;
    }
    .block-two-inner h4 {
        font-size: 25px;
        margin-bottom: 16px;
    }

    .services-wrapp{
        padding-top: 130px;
    }
    .services-wrapp .block-one{
        padding-bottom: 130px;
    }
    .transfomation-wrpp{
        padding-top: 130px;
    }
    .transfomation-wrpp .block-one{
        padding-bottom: 100px;
    }
    .solution-wrapp{
        padding-top: 130px;
    }
    .create-wrpp{
        padding-top: 130px;
    }
    .create-wrpp .block-one{
        padding-bottom: 80px;
    }
    .ai-wrpp{
        padding-top: 130px;
    }
    .ai-wrpp .block-one{
        padding-bottom: 100px;
    }
    .products-wrapp{
        padding-top: 130px;
    }
    .about-wrapp{
        padding-top: 130px;
    }
    .careers-wrapp{
        padding-top: 130px;
    }
    /*about*/
    .cstm-mt22{margin-top: -22px;}
    .inventions{
        background: #fdf5f5;
    }
    .inventions h4 figure{
        width: 106px;
        margin-top: -48px;
    }
    .respect h4 figure{
        width: 114px;
        margin-top: 0px;
    }
    .cstm-mt8{
        margin-top: -18px;
    }
    .culture h4 figure{
        width: 78px;
        margin-top: -13px;
    }
    .pursuit h4 figure{
        width: 191px;
        margin-top: -15px;
        margin-bottom: 15px;
    }
    .nhbdp h4 figure{
        width: 84px;
    }
    .nhdp h4 figure{
        width: 84px; 
        margin-top: -25px;
    }
    .nhpp h4 figure{
        width: 64px; 
    }
    .newage figure{
        width: 104px;
    }
    /*about end*/

    .servicesh1{
        padding-right: 43px;
    }

     /* landing css*/
     header{
        min-height:60px;
     }
    header .navbar { 
    padding: 0 45px;
    min-height: 60px;
    }
    .second-list li {
    margin: 0 20px;
    position: relative;
    }
    .second-list li a {
    font-size: 13px;
    }
    .main-page-content {
    min-height: 100vh;
    padding-top: 60px;
    padding-right: 0;
    }
    .login-wrapper {
    background-size: 40%; margin-top:0px;
        }
    video {
    position: fixed;
    top: 60px; 
    /*height: 100%;*/
    }
    .login-form form .form-group {
            margin-bottom: 40px;
    }
    .login-form form .form-group .form-control { 
        font-size: 15px; 
        padding: 0 0 8px !important; 
    }
    .login-form form .btn { 
    background: none !important; 
    margin-bottom: 40px;
    font-size: 20px; 
    }
    .login-form form .not-member {
    margin-bottom: 20px;
    }
    .login-form form .not-member a, .login-with span { 
        font-size: 16px; 
    }

    .career-inner-block h2 {
    color: #060E31;
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 18px;
    }
    .career-content {
    background: url(../images/bg-curve-shape.svg) no-repeat top 250px center;
    background-size: 100%;
    } 
    .career-block:nth-child(2) {
        padding-top: 135px;
    } 
    .career-block:nth-child(3) {
        padding-top: 147px;
    }
    .career-block:nth-child(4) {
        padding-top:126px;
    }
    .career-block:nth-child(5) {
        padding-top: 130px;
    }

    .main-left-content {
     padding: 0 20px 58px;}
     .main-left-content h3 {
    font-size: 28px;
    line-height: 37px;
    }
    .main-left-content ul {
    margin-bottom: 20px;
    }
    .main-right-content img {
     max-width: 46%;
    }
    /* landing css end*/

    /*new about*/
    /*.about-addrs div span:first-child{
        width: 210px;
    }*/
    .leadership-wrapp{
        margin-bottom: 70px;
    }
    .leadership-pic figure{
        width: 224px;
        margin-right: 55px;
    }
    .leadership-profile h5{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .leadership-profile p{
        font-size: 14px;
        line-height: 35px;
    }
    /*new about end*/
    .extract h4 {
        margin-bottom: 60px;
    }
    .block-four > div {
        width: calc(25% - 0px);
    }

}


@media (max-width: 1366px) {
   /*services starts*/
    .main-wrapper{
        padding:60px 100px 0px;
    }
    .main-content{
        /* width: 1060px; */
    }
    .service-content p{
        font-size: 21px;
        line-height: 51px;
    }
    .block-four-inner p{
        font-size: 15px;
    }
    .block-four-inner h4{
        font-size: 25px;
        line-height: 44px;
    }
    /*new about*/
    .leadership-wrapp{
        margin-bottom: 70px;
    }
    .leadership-pic figure{
        width: 224px;
        margin-right: 55px;
    }
    .leadership-profile h5{
        font-size: 15px;
        margin-bottom: 25px;
    }
    .leadership-profile p{
        font-size: 15px;
        line-height: 35px;
    }
    /*new about end*/

    /*about*/
    .inventions{
        background: #fdf5f5;
    }
    .inventions h4 figure{
        width: 106px;
        margin-top: -48px;
    }
    .respect h4 figure{
        width: 114px;
        margin-top: 0px;
    }
    .cstm-mt8{
        margin-top: -18px;
    }
    .culture h4 figure{
        width: 78px;
        margin-top: -13px;
    }
    .pursuit h4 figure{
        width: 191px;
        margin-top: -15px;
    }
    .nhbdp h4 figure{
        width: 114px;
    }
    .nhdp h4 figure{
        width: 114px; 
        margin-top: -16px;
    }
    .nhpp h4 figure{
        width: 94px; 
        margin-top: -15px;
    }
    /*about end*/
    .block-one{
        padding: 0px 0px 155px 0px;
    }
    .create {
        padding-bottom: 85px;
    }
    .block-one-inner{
        margin: 0px 25px 0px;
        width: 49%;
    }
    .inn-products{
        padding-right: 0px;
    }
    .block-one-inner h1{
        font-size: 33px;
        line-height: 55px;
    }
    .block-one-inner h5{
        font-size: 20px;
        padding-bottom: 55px;
    }
    .block-one-inner h6{
        font-size: 15px;
        padding-top: 50px;
    }
    .block-one-inner h6 figure{
        width: 12px;
    }
    .enterprise img{
        width: 110%;
    }
    .block-two-inner{
        padding: 55px 60px;
    }
    .block-two-inner p{
        font-size: 15px;
        line-height: 30px;
    }
    .cstm-mt10 {
        margin-top: 0px;
    }
    .block-two-inner h4{
        font-size: 25px;
        line-height: 38px;
        margin-bottom: 38px;
    }
    .business h4{
        margin-bottom: 15px;
    }
    .app-highlights li{
        padding-bottom: 20px;
    }
    .app-highlights li span{
        font-size: 15px;
    }
    .video-block span{
        font-size: 15px;
    }
    .video-block{
        padding-top: 50px;
    }
    .block-three-inner P{
        font-size: 14px;
        line-height: 30px;
        padding-top: 55px;
    }
    .block-three-inner h4{
        font-size: 20px;
        line-height: 38px;
    }
    .block-three-inner h4 figure{
        padding-bottom: 25px;
        width: 150px;
    }
    .block-three-inner h4 figure.sopimg{
        width: 100px;   
    }
    .block-three-inner h4 figure.extractimg{
        width: 115px;
    }
    .cstm-mt2 {
        padding-top: 18px !important;
    }
    .cstm-mt3 {
        padding-top: 61px !important;
    }
    .cstm-minhit2 {
        min-height: 360px;
    }
    .cstm-minhit3 {
        min-height: 399px;
    }
    .howitworks a{
        font-size: 14px;
    }
    .one-experience{
        padding-right: 148px;
    }
    .block-one-inner p{
        font-size: 15px;
        line-height: 30px;
        padding-top: 0px;
    }
    .one-experience-img{
        margin-top: 30px;
    }
    .paradigm h4 figure{
        width: 110px;
        margin-top: -5px;
    }
    .quick h4 figure{
        width: 90px;
        margin-top: 10px;
    }
    .super h4 figure{
        margin-top: -22px; 
    }
    .solution h4 figure{
        width: 125px;
        margin-top: -20px;
    }
    .cstm-mt6{
        margin-top: -28px;
    }
    .wayworld h4 figure{
        width: 105px;
        margin-bottom: 25px;
    }
    .transparency h4 figure{
        width: 90px;
        margin-bottom: 25px
    }
    .business h4 figure{
        width: 150px;
        margin-bottom: 25px;
    }
    .access-all h4 figure{
        width: 105px;
        margin-top: 3px;
    }
    .enhance h4 figure{
        width: 125px;
        margin-top: -11px;
    }
    .inhours h4 figure{
        width: 65px;
    }
    .learn h4 figure{
        width: 82px;
    }
    .extract h4 figure{
        width: 125px;
    }
    .extract h4{
        margin-bottom: 55px;
    }
    .cstm-mt{
        margin-top: -36px;
    }
    .cstm-mt7{
        margin-top: -16px;
    }
    figure.democratise{
        width: 320px;
    }
    .inn-products-img{
        margin-top: -40px;
        text-align: right;
    }
    .inn-products-img img{
        width: 90%;
    }

    .hmcentred h4 figure{
        width: 90px;
        margin-top: -30px;
    }
    .dld h4 figure{
        width: 110px;
        margin-top: -30px;
    }
    .cstm-mt4{
        margin-top: 0px;
    }
    .artificail h4 figure{
        width: 150px;
    }
    .helping h4 figure{
        width: 155px;
    }
    .poweringml h4 figure{
        width: 115px;
        margin-top: -10px;
    }
    .making h4 figure{
        width: 150px;
        margin-top: -10px;
    }
    .helping h4{
        margin-bottom: 55px;
    }
    .hmcentred h4{
        margin-bottom: 56px;
    }

    .forpeople h4 figure {
        width: 73px;
        margin-bottom: 0px;
        margin-right: -30px;
        margin-top: 0px;
    }
    /*services ends*/

    
       /*Landing css starts*/
       
       .footer-inner-wrapper h3 { 
        font-size: 16px; 
        margin-bottom: 25px; 
        }
        .footer-left-content > div {
        margin-right: 60px;
        }
        .footer-inner-wrapper ul li a { 
        font-size: 15px;
        }
        .login-wrapper {
        background-size:38%;
        min-height: 550px;
    }
        .login-form form {
             max-width: 400px;
        }
        .login-form form .form-group {
            margin-bottom: 40px;
        }
        .login-form form .form-group .form-control { 
            font-size: 15px; 
            padding: 0 0 8px !important; 
        }
        .login-form form .btn { 
        background: none !important; 
        margin-bottom: 40px;
        font-size: 20px; 
        }
        .login-form form .not-member {
        margin-bottom: 20px;
    }
    .login-form form .not-member a, .login-with span { 
        font-size: 16px; 
    }
        .main-left-content h3 {
            font-size: 25px;
            line-height: 35px;
        }
        .main-left-content ul {
            margin-bottom: 40px; 
        }
        .main-left-content ul li {
            font-size: 19px;
        }
        header{  min-height:60px; }
        header .navbar { 
        min-height: 60px;
        padding: 0 30px;
        }
        video { top:55px; width: auto;}
        .navbar-brand img{ width: 100px; }
        .second-list li a, header .navbar-nav .nav-item a { 
            font-size: 14px; 
        }
        .second-list li {
            margin: 0 18px; 
        }
        .main-right-content img {
            max-width: 48%;
        }
        .main-left-content {
        padding: 0 40px 55px;
        }
        .main-right-content figure {
        justify-content: center;
        display: flex;
        }
         
        .main-right-content figure img {
        max-width: 75%;
        }
        .career-inner-block {
            max-width: 680px;
        }
    
        .career-inner-block h2 { 
        font-size: 20px; 
        margin-bottom: 20px;
        }
        .career-inner-block p { 
        font-size: 16px; 
        line-height: 28px;
        }
        .innovate-head { 
        font-size: 38px; 
        margin-bottom: 50px; 
        }
         
        .view-openings a { 
        font-size: 28px; 
        margin-bottom: 50px; }
        .view-openings figure img{ width: 150px; }
        .career-right-header {
            width:400px;
            height:400px; 
        }

        .career-inner-block h2 {
            color: #060E31;
            font-size: 26px;
            font-weight: 300;
            margin-bottom: 18px;
            }
            .career-content {
            background: url(../images/bg-curve-shape.svg) no-repeat top 250px center;
            background-size: 100%;
            } 
            .career-block:nth-child(2) {
                padding-top: 170px;
            } 
            .career-block:nth-child(3) {
                padding-top: 170px;
            }
            .career-block:nth-child(4) {
                padding-top: 155px;
            }
            .career-block:nth-child(5) {
                padding-top: 143px;
            }
            .main-left-content {
                padding:0 40px 70px 40px;
            }
            .extensive-porfolio ul li{ width: 50%; }
            .footer-inner-wrapper{padding: 0 20px;}
        /*Landing css ends*/

}

@media (max-width: 1280px){
    /* .paradigm h4 figure {
        width: 60px;
        margin-right: -20px;
        margin-top: 5px;
    } */
    video {
        height: auto;
        width: 100%;
    }
    .cstm-mt6{
        margin-top: 0px;
    }
    .hmcentred h4 figure {
        width: 150px;
        margin-top: 0px;
    }
    .hmcentred h4 {
        margin-bottom: 38px;
    }
    .block-four-inner p {
        font-size: 18px;
        line-height: 30px;
    }
}

/*Landing css stars*/
@media(min-width:1366.01px){video.ipad-pro, video.ipad-pro-vertical{ display: none; }}
@media (min-width:1200.01px) and (max-width:1366px) { video{ display: none; } video.ipad-pro{ display: block; top: -200px;
    width: 120%; } video.ipad-pro-vertical{ display: none; }   }
@media (min-width:1024px) and (max-width:1200px) { video{ display: none; } video.ipad-pro{ display: none; } video.ipad-pro-vertical{ display: block !important; width: 100%; 
    height: auto; top: -60px; } }
@media (max-width: 1300px) { 
    .main-page-content{ padding: 0; }
    .career-right-header {
            width:350px;
            height:350px; 
        }
    .main-right-content {
    padding: 50px 0px 0 20px;
    display: flex;
    justify-content: flex-end;
}
.main-right-content img {
    max-width: 36%;
}
    .main-right-content figure {
    justify-content: flex-start;
    display: flex;
    padding-left: 50px;
    } 

 .career-content {
background: url(../images/bg-curve-shape.svg) no-repeat top 250px center;
background-size: 100%;
} 
.career-block:nth-child(2) {
    padding-top: 150px;
} 
.career-block:nth-child(3) {
    padding-top: 150px;
}
.career-block:nth-child(4) {
    padding-top: 125px;
}
.career-block:nth-child(5) {
    padding-top: 125px;
}
}

@media (max-width:1172px) { 
.career-content {
background: url(../images/bg-curve-shape.svg) no-repeat top 240px center;
background-size: 100%;
} 
.career-block:nth-child(2) {
    padding-top: 140px;
} 
.career-block:nth-child(3) {
    padding-top: 155px;
}
.career-block:nth-child(4) {
    padding-top: 140px;
}
.career-block:nth-child(5) {
    padding-top: 130px;
}
}

@media (max-width:1024px) {
    video {width: auto; height: 100%; display: none !important; } 
    .main-page-content { 
    background: url(../images/bg-ind-tab-horizontal.svg) no-repeat left center;
    background-size:auto 100%;
    background: none;
    }
    .login-wrapper {
    background-size: 40%;
    min-height: calc(100vh - 120px);
    margin-top: 0;
}
.login-form {
    width: 100%;
    padding-left: 8%;
    padding-top: 20%;
}
header .navbar-nav {
    padding-left: 18px;
}
header .navbar .navbar-collapse {
    align-items: flex-end;
    padding-top: 10px;
}
.second-list {
    display: flex;
    margin: 0 0 0 auto;
}
.main-wrapper.bg-career.careers-main-wrap {
    padding: 0 40px !important;
}
.enterprise img {
    width: 100%;
}
.main-left-content {
    padding:0 40px 55px 40px;
}
.main-page-content{ overflow-x: hidden; }
.main-right-content img {
   max-width: 45%;
    margin-right: -70px;
}
.career-content {
background: url(../images/bg-curve-shape.svg) no-repeat top 240px center;
background-size: 100%;
} 
.career-block:nth-child(2) {
    padding-top: 100px;
} 
.career-block:nth-child(3) {
    padding-top: 120px;
}
.career-block:nth-child(4) {
    padding-top: 92px;
}
.career-block:nth-child(5) {
    padding-top: 85px;
}
.bg-transformations, .bg-create, .bg-ai { 
    background-size: auto 100%;
}
.bg-ai { 
    background-position-y: 50px;
}
.main-left-content h3 {
    font-size: 25px;
    line-height: 28px;
    text-align: right;
}
.main-left-content ul {
    align-items: flex-end;
    margin-top: 15px;
    margin-bottom: 20px;
}
}

@media (max-width:991px) {
    video.ipad-pro-vertical{ display: block !important; top:35px; }
    .main-page-content {
    min-height: calc(100vh - 60px);
    background: url(../images/bg-ind-tab-vertical.svg) no-repeat left center;
    background-size: 100%; 
    background: none;
    }
    .main-inner-content{flex-direction: column; width: 100%;}
    .main-left-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:35px 0 0 0;
    order: 2;
    width: 100%;
}
.main-left-content h3 { 
    text-align: center;
}
    .main-right-content {
        padding: 50px 0px; 
        flex-direction: column;
        align-items: flex-end;
    }
    .main-right-content img {
        max-width:72%;
        order: 1;
        margin: 0;
    }
    .main-left-content ul { 
    align-items: center;
    } 
    .second-list li a, header .navbar-nav .nav-item a {
    font-size: 18px;
    color: #060E31;
    }


    header .navbar-brand {
        margin: 0;
        padding: 3px 0;
    }

    header .navbar {
    min-height: 60px;
    padding: 12px 20px;
    /* box-shadow: 0 3px 6px #00000026; */
    background: #f0f0f0;
    /*align-items: flex-end;*/
}
    /* header{ position: static; } */
    body{
        padding-top: 60px;
    }
    header .navbar-light .navbar-toggler {
    background: none;
    border: none !important;
    padding: 0;
    box-shadow: none;
    outline: none;
}
    header .navbar-toggler-icon{
        background: url(../images/toggler-icon.svg) no-repeat center center;
    }
    .second-list {
        flex-direction: column;
        padding-top: 20px;
    }
    header .navbar .navbar-collapse {
    align-items: center;
    background: #f7f7f7;
    margin-left: -20px;
    width: calc(100% + 40px);
    margin-top: 15px;
    margin-right: -20px;
    margin-bottom: -12px;
    box-shadow: 0 3px 6px #00000026;
}
header .navbar-nav {
    padding-left: 20px;
    padding-bottom: 30px;
}
.profile-avatar{
    display: block !important;
}

 

.second-list li {
        margin: 0 15px 30px 15px;
    }
.login-wrapper {
    background-size: 60%;
    min-height: calc(100vh - 180px);
    background-position: top -60px center;
    margin: 0;
}
.login-form {
    padding:0;
}
.login-form form {
    max-width: 500px;
    margin: 100px auto 0;
}


.careers-main-wrap {
    padding: 0 40px !important;
}
.careers-main-wrap .block-one{ margin: 0; flex-direction: column; display: flex; }
.careers-main-wrap .block-one .block-one-inner{ width: 100%; margin: 0; }
.careers-main-wrap .block-one .block-one-inner h5 figure {
    padding-right: 0;
}
.careers-wrapp{padding-top: 40px;padding-bottom: 30px;}
.careers-wrapp .block-one-inner h1 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 25px;
    padding-bottom: 0;
}
.careers-wrapp .enterprise{
    position: static;
    float: none;
}
.careers-wrapp .enterprise img{
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.career-content{
    clear: both;
    background: none;
    padding: 0;
    margin: 0;
}
.career-block {
    padding-bottom:65px;
    background: none !important;
    padding-top: 45px !important;
}
.career-block.career-r-block {
    text-align: left; 
    padding-top: 155px;
    padding-right: 0;
    padding-top: 45px !important;
}
.career-inner-block {
    max-width: 100%;
    padding: 0 0px;
}
.career-inner-block h2 {
    color: #060E31;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 30px;
    line-height: 30px;
}
.career-inner-block p {
    font-size: 16px;
    line-height: 28px;
    color: #323232;
}
.career-block:nth-child(odd){
    background: url(../images/bg-curve-left-tab.svg) no-repeat center bottom 0 !important; background-size: 100% !important;
}
.career-block:nth-child(even){
    background: url(../images/bg-curve-right-tab.svg) no-repeat center bottom 0 !important; background-size: 100% !important;
}
.innovate-head {
    font-size: 38px;
    margin-bottom: 50px;
    margin-top: 50px;
}
}




@media (max-width:768px){
    .footer-left-content > div {
    margin-right: 30px;
    width: 100%;
    }
    .footer-right-content > div{
        width: 100%;
    }
    
    
    
}
@media (max-width: 767.98px) {
    .new-services .m-view-box-header2 { display: flex; align-items: center; }
    .career-block:nth-child(odd){
    background: url(../images/bg-bottom-cure-left.svg) no-repeat center bottom 0 !important; background-size: 100% !important;
}
.career-block:nth-child(even){
    background: url(../images/bg-bottom-cure-right.svg) no-repeat center bottom 0 !important; background-size: 100% !important;
}
    .login-wrapper .hidden-sm-up {
    display: block !important;
    width: 100% !important;
    margin: -40px 0 0 0;
}
    .login-form {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 60px;
}
.login-form form .btn {
    background: none !important;
    margin-bottom: 40px;
    font-size: 18px;
    text-transform: capitalize;
}
    .login-form form {
    max-width: 100%;
    margin: 0;
}
    .login-wrapper {
    background: none;
    margin: 0;
    min-height: calc(100vh - 138px);
    flex-direction: column;
    padding: 0 43px;
}
    .main-wrapper, .main-login-background{ background: none !important }
    .hidden-xs-down{ display: none  !important; }
    .hidden-sm-up{display: block  !important;max-width: 100% !important;margin-left: auto;margin-right:-20px;}
    .main-page-content {
        padding: 0;
        min-height: calc(100vh - 60px);
        justify-content: flex-end;
        background: url(../images/bg-ind-mob-vertical.svg) no-repeat left center;
    background-size: 100%;
    background: none;
    } 

 
video {
    display: none;
}
/*video.ipad-pro-vertical{
    left: -50px;
    top: 25px;
}*/
.main-left-content {
    order: 2;
    padding: 25px;
    align-items: center;
}
.main-left-content h3 {
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 7px;
}
.main-left-content ul {
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
} 
.main-left-content ul li {
    font-size: 14px;
    text-align: right;
    align-items: flex-end;
    margin-bottom: 10px;
}
.main-left-content ul li:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: -10px;
    display: block;
}
.main-right-content{ padding: 0; }
.main-right-content img.book-img{
    order: 1;
    max-width: 92%;
    margin: 0 auto;
    }
.footer-wrapper {
    height: 74px;
    padding: 10px 0;
    display: flex;
    align-items: center;
    min-height: auto;
}
.copy {
    font-size: 18px;
    margin-right: 5px;
    font-weight: 200;
    display: flex;
    align-items: center;
}

 

.footer-left-content a {
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    margin-right: 10px;
    display: inline-flex;
}

.footer-left-content{font-size: 12px;}
.innovate-head{
        margin-top: 30px;
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 33px;
}
    .view-openings a {
        font-size: 20px;
        margin-bottom: 38px;
    }
    .succss-msg-form {
    min-height: 250px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0 25px !important;
}
    .succss-msg-form p{
        font-size: 18px;
        font-weight: 300;
    }
    
    .succss-msg-form span{
        margin-top: 30px;
        font-size: 18px;
        font-weight: 300;
    }
.nslform .form-group .error-support .form-control{ width:100% !important; }
.about-addrs div span { 
    font-size: 16px;
}
.about-addrs address { 
    font-size: 16px !important;
}
.block-one-inner h1.abouth1 {
    font-size: 25px; 
    padding-bottom: 32px !important;
}
.abouth1 span { 
    font-size: 18px; 
    font-weight: 600;
}
.disclaimer-wrapp .pad-lr {
    padding: 0 0;
}
.disclaimer-wrapp h5 {
    font-size: 20px; 
    padding: 25px 0px 20px 0px; 
    line-height: 30px;
}
.disclaimer-read {
    padding: 10px 0px 0px 0px;
}
.disclaimer-list li { 
    padding-bottom:15px;
    font-size: 16px;
    line-height: 35px; 
}
.disclaimer-wrapp p{font-size: 16px;
    line-height: 35px;}


.brightest-minds-wrap{margin-bottom: 40px;}
.brightest-minds-wrap figure{margin-bottom: 30px;}
.brightest-minds-wrap figure img{ max-width: 100%; width: 100%; }
.brightest-minds-wrap > div {
    padding: 0 20px 30px;
}
.brightest-minds-wrap p{font-size:18px;line-height: 30px;margin-bottom: 0;}
.brightest-minds-wrap h3, .extensive-porfolio h3{line-height: 36px;margin-bottom: 30px;}
 
.brightest-minds-wrap ul li{font-size:18px;margin-bottom:20px;margin-right: 5px;min-height: 40px;padding: 0 15px;}
.extensive-porfolio {padding: 0;margin-bottom: 50px;} 
.extensive-porfolio ul li {
    width: 100%;
    font-size: 18px;
    margin-bottom: 15px;
    list-style-position: outside; 
}

.register-top-content{ margin-bottom: 100px; }
.register-top-content h1{
    font-size: 30px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    padding-bottom: 30px;
    color: #323232;
    }
.register-top-content p{font-size: 16px;line-height: 30px;}
.register-top-content h4{font-size: 17px;margin-bottom:30px;}
.register-top-content ul{ margin-bottom:30px; } 
.register-top-content ul li{color: #323232;font-size: 16px; margin-bottom: 15px;}
 
.panel-group.hidden-sm-up{ margin-left: 0; }
.panel-group .brightest-minds-wrap, .panel-group .extensive-porfolio{ background: none; }
.panel-group .brightest-minds-wrap > div {
    padding:0;
}

.new-services .block-two-inner {
    padding:30px;
}
.new-services .block-two-inner p br{ display: none; }
}
/*@media (max-width:414.98px){
    .main-right-content {
    flex-direction: column;
    padding: 0px 20px;
    }
    .main-left-content {
    order: 1;
    padding: 25px 35px 25px 25px;
}
}*/
@media (min-width:415px) and (max-width: 767.98px) { 

header .navbar .navbar-collapse { 
    overflow-y: auto;
    max-height: 100vh;
    padding-bottom: 50px;
}
header .navbar-nav {
    padding-left: 15px;
    padding-bottom: 30px;
}
.main-right-content{
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0;
 }
 .main-page-content {
    padding: 0;
    min-height: calc(100vh - 60px);
    justify-content: center;
}
.main-left-content {
    order: 1;
    padding: 25px 35px 25px 25px;
    align-items: flex-end;
}
.main-left-content h3 { 
    text-align: right; 
}
.main-left-content ul { 
    align-items: flex-end; 
}
.main-right-content img {
    max-width: 75%;
    order:2;
    margin: 0;
}
.careers-main-wrap .block-one {
    margin: 0;
    flex-direction: row;
    display: flex;
    align-items: center;
}
.career-block:nth-child(odd){
    background: url(../images/bg-curve-left-tab.svg) no-repeat center bottom 0 !important; background-size: 100% !important;
}
.career-block:nth-child(even){
    background: url(../images/bg-curve-right-tab.svg) no-repeat center bottom 0 !important; background-size: 100% !important;
}
.login-form form {
    max-width: 100%;
    margin: 0;
}
.login-wrapper .hidden-sm-up {
    display: block !important;
    width: 60% !important;
    margin: -40px 0 0 0;
}

}
@media (max-width:580px){
    .footer-right-content .form-inline .form-control{ min-width: inherit; }
    .footer-left-content{flex-direction: row;align-items: flex-start;flex-wrap: wrap;}
    video.ipad-pro-vertical {
    left: -58px;
    top:5px;
    }
    .main-right-content img { 
        margin: 0 0px 20px 0px;
    width: 315px;
    }
}
@media (max-width:375px){
    video.ipad-pro-vertical {
    left: -50px;
    top:15px;
    }
    .main-right-content img {
    margin: 0 0px 0 0px;
    width: 286px;
}
}
@media (max-width:360px){
    .footer-left-content a {     
        font-size: 11px;
    }
    .footer-left-content{font-size: 11px;}
    video.ipad-pro-vertical {
        left: -50px;
        top: 25px;
    }
    #accordion.about-bri-ext .panel-title a{ font-size: 16px; }
    header .navbar .navbar-collapse { 
    overflow-y: auto;
    max-height: 100vh;
    padding-bottom: 50px;
}
}
@media (max-width:320px){
    .main-left-content ul li {
    font-size: 13px; 
    }
    .main-page-content{ overflow-x: hidden; }
    .main-right-content {
        padding: 50px 0;
    }
    .main-right-content img { 
    margin: 0 -20px auto auto;}
    .main-left-content { 
    padding: 25px 0 25px 0px;}
    .footer-left-content a {     
        font-size: 10px;
    }
    .footer-left-content{font-size: 10px;}
}
/*Landing css ends*/


/***********************************mobile css services***********************************/
@media (max-width: 568px) {
    .block-one-inner h5 {
        white-space: nowrap;
    }
    .transformations img {
        width: 100%;
        margin-left: 0px;
    }
}

@media (max-width: 640px) {
    /*Andriod */
    .block-one-inner .servicesh1{
        font-size: 28px;
        line-height: 36px;
    }
    .block-one-inner .transfomationh1{
        font-size: 28px;
        line-height: 36px;
    }
    .block-one-inner .creatorh1{
        font-size: 28px;
        line-height: 36px;
    }
    .block-one-inner .solutionh1{
        font-size: 28px;
        line-height: 36px;
    }
    .block-one-inner h1 {
        font-size: 28px;
        line-height: 36px;
    }
    .block-one-inner h5 {
        font-size: 18px;
    }
    .block-four-inner {
        padding: 40px 20px !important;
        margin: 30px 0px 0px;
    }
    .legacy h4 figure{
        margin-right: 0px;
    }
    .transfomation-wrpp {
        padding-top: 40px;
    }
    .solution-wrapp {
        padding-top: 40px;
    }
    .one-experience {
        padding-right: 0px;
    }
    .block-one{
        display: block;
        margin: 0px 15px 0px;
    }
    .block-one-inner{
        width: 100%;
        margin: 0px 0px 0px;
    }
    .enterprise img{
        width: 110%;
    }
    .servicesh1{
        padding-right: 0px;
    }
    .service-content {
        /* padding-top: 150px; */
    }
    .services-wrapp .block-one {
        padding-bottom: 40px;
    }
    .service-content p{
        font-size: 18px;
        line-height: 30px;
    }
    .block-one-inner h5{
        padding-bottom: 20px;
    }
    .services-wrapp{
        padding-top: 40px;
    }
    .block-four{
        display: block;
        margin: 30px 0px 0px 0px;
    }
    .block-four > div{
        width: 100%;
    }
    .block-four-inner p {
        font-size: 18px;
    }
    .block-four-inner h4, .block-two-inner h4{
        font-size: 20px;
        line-height: 28px;
        font-weight: 400;
        margin-bottom: 20px;
    }
    .block-four-imgs figure{
        width: 59px;
    }
    .block-four-imgs {
        height: auto;
    }
    .main-content{
        padding-bottom: 135px;
    }
    .m-mbtm-0{
        margin-bottom: 0px;
    }
    .block-two{
        display: block;
    }
    .block-two.m-block-two{
        margin: 190px 0px 0px 0px;
    }
    .block-two.m-block-two2{
        margin: 90px 0px 0px 0px;
    }
    .block-two.m-block-two3{
        margin: 0px 0px 0px 0px;
    }
    .block-two > div{
        width: 100%;
    }
    .block-two-inner{
        margin: 30px 0px 0px;
        padding: 40px 20px;
    }
    .block-two-inner p{
        font-size: 18px;
    }

    .m-block-two-create{
        margin: 0px 0px 0px 0px;
    }
    .create-wrpp .block-one {
        padding-bottom: 0px;
    }
    .service-content {
        padding-bottom: 0px;
    }

    /* m-view-box-headers*/
    .m-block-view-dnone{
        display: none;
    }
    .m-view-box-header{
        display: flex;
        justify-content: space-between;
    }
    .m-view-box-header2{
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .m-view-box-header2 figure, .paradigm h4 figure {
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .transformations{
        /* margin-left: 10px; */
    }
    .enterprise{
        /* position: relative;
        left: -20px; */
    }
    .m-view-box-header2 figure img{
        max-width: 100%;
        max-height: 100%;
    }
    .m-text-riht{
        text-align: right;
    }
    .m-text-left{
        text-align: left;
    }
    .solutions figure {
        margin-top: -50px;
        margin-bottom: 50px;
    }
    .block-one-inner p {
        font-size: 18px;
        line-height: 30px;
    }
    .comingsoon {
        font-size: 18px;
        font-weight: 500;
    }
    .block-one-inner h6 {
        padding-top: 10px;
    }
    .create-wrpp {
        padding-top: 40px;
    }
    .m-enterprise{
        display: flex;
        margin-top: -50px;
    }
    .m-enterprise .democratise img{
        width: 90%;
        /* margin-left: 50px; */
    }
    .m-mtop-2{
        margin-top: -20px;
    }

    .m-mtop-4{
        margin-top: 20px;
    }
    .ai-wrpp {
        padding-top: 40px;
    }
    .m-ai{
        margin-top: -30px;
        width: 100%;
    }
    .products-wrapp {
        padding-top: 40px;
    }
    .careers-list-wrapp{
        padding-top: 40px;
    }
    .about-wrapp{
        padding-top: 40px;
    }
    .disclaimer-wrapp{
        padding-top: 40px;
    }
    .m-ai-img{
        display: flex;
        justify-content: center;
    }
    .block-one-inner h5 figure img{
        margin-right: 10px;
        position: relative;
        top: -3px;
    }
    .service-content {
        padding-left: 18px;
        padding-right: 18px;
    }
    .nslform .form-group label {
        margin-bottom: 10px;
    }
   
    .preferd p {
        font-size: 18px;
        font-weight: 300;
    }
    .m-mtop-ad-3{
        margin-top: -60px !important;
    }
    .m-mtop-sbt{
        margin-top: 45px;
    }
    .transformations{
        float: none;
    }
    .m-nobr br{
        display: none;
    }
    .m-portrait-dnone{
        display: none;
    }
    h4.m-cost, h4.m-fully{
        margin-top: -40px;
    }
    .m-mtop-0{
        margin-top: 0px;
    }
    /*Andriod end */
}

@media (max-width: 667px) {
    /* iphone */
   
    .transformations img {
        width: 100%;
    }
    .m-mtop-3{
        margin-top: -60px !important;
    }
    .m-block-view-dnone{
        display: none;
    }
    
    .block-one{
        display: block;
        margin: 0px 15px 0px;
    }
    .block-one-inner{
        width: 100%;
        margin: 0px 0px 0px; 
    }
    .enterprise figure{
        display: flex;
        justify-content: center;
    }
    .enterprise {
        float: none;
    }

    .servicesh1{
        padding-right: 0px;
    }
    .service-content p{
        font-size: 18px;
        line-height: 30px;
    }
    .block-one-inner h5{
        padding-bottom: 20px;
    }
    .services-wrapp{
        padding-top: 40px;
    }
    .block-four{
        display: flex;
        margin: 0px 0px 0px 0px;
    }
    .block-four > div{
        width: 100%;
    }
    .block-four-inner{
        margin: 30px 0px 0px;
    }
    .block-four-inner p {
        font-size: 18px;
        line-height: 30px;
    }
    .block-four-inner h4, .block-two-inner h4{
        font-size: 20px;
        line-height: 28px;
        font-weight: 400;
        margin-bottom: 20px;
    }
    .block-four-imgs figure{
        width: 60px;
        height: 60px; 
    }
    .block-four-imgs figure img{
        max-width: 100%;
        max-height: 100%;
        justify-content: center;
        align-items: center;
    }
    .block-four-imgs {
        height: auto;
    }
    .main-content{
        padding-bottom: 135px;
    }

    .block-two{
        display: block;
    }
    .block-two.m-block-two{
        margin: 0px 0px 0px 0px;
    }
    .block-two > div{
        width: 100%;
    }
    .transfomation-wrpp .block-one {
        padding-bottom: 50px;
    }
    .block-two-inner{
        margin: 30px 0px 0px;
    }
    .block-two-inner p{
        font-size: 18px;
    }

    .m-block-two-create{
        margin: 0px 0px 0px 0px;
    }
    .m-float-left{
        float: left;
    }
    figure.democratise{
        /* margin-left: 30px; */
    }
   .block-four{
        display: flex;
        flex-wrap: wrap;
        margin: 0px 0px 0px 0px;
    }
    .block-four > div{
        width: 100%;
        margin-bottom: 30px;
    }
    .block-four-inner{
        margin: 30px 0px 0px;
    }
    .m-block-four-inner4, .m-block-four-inner3{
        /* margin-left: 30px; */
    }
    .job-form {
        padding-right: 20px !important;
    }
    .block-four > div {
        width: calc(100% - 0px) !important;
    }
    .m-mtop-0{
        margin-top: 0px !important;
    }
    /* iphone end*/
}

@media (max-width: 1024px) {
    /* ipad landscape*/
    .enterprise img{
        width: 100%;
    }
    .enterprise figure{
        /* margin-top: 0px !important; */
    }
    .services-wrapp .block-one {
        padding-bottom: 60px;
    }
    .access-all h4 figure {
        width: 85px;
    }
    .cstm-mt5{
        margin-top: 41px;
    }
    .block-four-imgs {
        height: 45px;
    }
    .block-four-imgs figure {
        width: 60px;
        height: 60px;
    }
    .block-four-imgs figure img {
        max-width: 100%;
        max-height: 100%;
        justify-content: center;
        align-items: center;
    }
    .extract h4 {
        margin-bottom: 38px;
        margin-right: 20px;
    }
    .business h4 {
        margin-bottom: 30px;
    }
    .paradigm h4 figure {
        width: 90px;
        margin-left: 10px !important;
    }
    .forpeople h4 figure {
        width: 90px;
    }
    .learn h4 figure {
        width: 69px;
        height: 69px;
        margin-top: 0px;
    }
    .block-two-inner h4 figure img {
        max-width: 100%;
        max-height: 100%;
        justify-content: center;
        align-items: center;
    }
    .hmcentred h4 figure {
        width: 90px;
        margin-top: 10px;
    }
    .dld h4 figure {
        width: 90px;
        margin-top: 0px;
    }
    .poweringml h4 figure {
        width: 90px;
        margin-top: 0px;
    }
    .making h4 figure {
        width: 90px;
        margin-top: 0px;
        margin-left: 0px;
    }
    .m-mtop40{
        margin-top: -40px !important;
    }
    .m-mtop20{
        margin-top: -20px;
    }
    .m-mbtm-0{
        margin-bottom: 0px;
    }
    .business h4 figure {
        width: 110px;
    }
    .extract h4 figure {
        width: 100px;
        margin-left: 0px;
    }
    .one-experience-img{
        margin: 50px 0px 0px;
    }
    .mt-116 {
        margin-bottom: 50px;
    }
    .job-form{
        padding-right: 0px;
    }
    .bg-opacity{background: rgba(255, 255, 255, 0.8);}
    .block-one-inner h5 figure img{
        position: relative;
        top: -3px;
    }
    .ipad-view-content{
        display: none;
    }
    .service-content {
        padding-bottom: 60px;
    }
    .service-content p {
        font-size: 18px;
        line-height: 30px;
    }
    .block-four-inner {
        padding: 65px 36px 54px;
        width: 100%;
         margin: 0px;
    }
    .block-four > div {
        width: calc(25% - 15px);
    }
    .respect h4 figure {
        width: 90px;
    }
    .inventions h4 figure {
        width: 90px;
    }
    .pursuit h4 figure {
        width: 115px;
        margin-top: 0px;
    }
    .culture h4 figure {
        width: 59px;
    }
    .nhm h4 figure {
        width: 90px;
    }
    .nhbdp h4 figure {
        width: 90px;
    }
    .nhdp h4 figure {
        width: 90px;
    }
    .nhpp h4 figure {
        width: 90px;
    }
    .m-mtop-10{
        margin-top: -36px;
    }
    .block-two-inner p{
        font-size: 16px;
        line-height: 28px;
    }
    .block-one-inner p{
        font-size: 16px;
        line-height: 28px;
    }
    .block-four-inner p {
        font-size: 16px;
        line-height: 28px;
    }
    .m-view-box-header2{
        /* align-items: baseline; */
    }
    .leadership-profile p {
        font-size: 16px;
        line-height: 30px;
    }
    .transfomation-wrpp .block-one {
        padding-bottom: 60px;
    }
    .main-content {
        padding-bottom: 100px;
    }
    .ai-wrpp .block-one {
        padding-bottom: 20px;
    }
}
@media (min-width:667px) and (max-width:991px) {
    /* ipad porttrait */
    .main-content {
        padding-bottom: 100px;
    }
    .ai-wrpp .block-one {
        padding-bottom: 0px !important;
    }
    .transformations {
        float: none;
    }
    .m-nobr br{
        display: none;
    }
    .m-br br{
        display: block;
    }
    .block-four{
        flex-wrap: wrap;
        margin: 0px 30px 0px 0px !important;
    }
    .block-four > div {
        width: calc(50% - 0px);
    }
    .m-block-four-inner {
        margin-left: 0px;
        margin-top: 40px;
    }
    .m-block-four-inner3 {
        margin-left: 30px;
        margin-top: 40px;
    }
    .m-block-four-inner2 {
        margin-top: 40px;
    }
    .block-four-inner1{
        margin-top: 0px;
    }
    .m-block-four-inner4{
        margin-top: 0px;
        margin-left: 30px;
    }
    .paradigm h4 figure {
        width: 100px;
    }
    .inhours h4 figure {
        margin-top: 0px;
        margin-left: 0px;
    }
    .wayworld h4 figure {
        display: flex;
        align-items: baseline;
        margin-top: 10px;
    }
    .block-two-inner {
        padding: 55px 40px;
    }
    .block-two-inner h4 {
        margin-bottom: 38px;
    }
    .cstm-mt10{
        margin-top: 0px;
    }
    .m-mtop40{
        margin-top: -40px !important;
    }
    .block-four-imgs figure {
        width: 60px;
        height: 60px;
    }
    .block-four-imgs figure img {
        max-width: 100%;
        max-height: 100%;
        justify-content: center;
        align-items: center;
    }
    .block-four-inner h4{
        margin-top: -40px;
    }
    .access-all h4 figure {
        width: 130px;
        margin-left: 0px;
    }
    .convert h4 figure {
        width: 180px;
    }
    .extract h4 figure {
        width: 90px;
    }
    .paradigm h4 figure {
        width: 80px;
        margin-top: -40px !important;
        margin-right: 0px;
    }
    .wayworld h4 figure {
        margin-top: 10px;
    }
    .one-experience {
        padding-right: 0px;
    }
    .atnocost h4 figure{
        width: 60px;
    }
    .inhours h4 figure{
        width: 90px;
    }
    .learn h4 figure{
        width: 50px;
    }
    .wayworld h4 figure {
        width: 155px;
    }
    .dld h4 figure {
        margin-top: 0px;
    }
    .cstm-mt22, .cstm-mt7{
        margin-top: 0px;
    }
    .making h4 figure {
        width: 55px;
        margin-top: 0px;
        margin-left: 0px;
    }
    .business h4 figure {
        width: 70px;
    }
    .respect h4 figure, .inventions h4 figure{
        width: 90px;
    }
    .culture h4 figure {
        width: 54px;
    }
    .nhm h4 figure {
        width: 90px;
        margin-top: 0px;
    }
    .m-nobr br {
        /* display: block; */
    }
    .job-form{
        padding-right: 20px;
    }
    .ipad-view-content{
        display: block;
    }
    .ipad-view-content{
        padding-top: 50px;
    }
    .ipad-view-content h6{
        padding-top: 50px;
    }
    .ipad-view-content p{
        font-size: 16px;
        line-height: 28px;
        font-weight: 300;
        color: #323232;
        padding-top: 0px;
        margin-bottom: 18px;
    }
    .ipad-view-content-portrait-dnone{
        display: none;
    }
    .m-mbtm2-0{
        margin-bottom: 0px;
    }
    .m-block-four-inner4, .m-block-four-inner3{
        margin-left: 30px;
    }
    .block-four > div {
        width: 48% !important;
        margin-bottom: 30px;
    }
    .main-wrapper{
        min-height: calc(100vh - 180px);
    }
}
@media (min-width: 576px) and (max-width: 768px) {
    /* landscape phones */
    .block-four {
        flex-wrap: wrap;
        margin: 0px 0px 0px 0px !important;
    }
    .block-four-inner {
        padding: 40px 20px !important;
        margin: 30px 0px 0px;
    }
    .block-one{
        display: flex;
    }
    .block-one-inner {
        width: 50%;
    }
    .block-one-inner h1{
        font-size: 28px;
        line-height: 36px;
    }
    .enterprise img {
        width: 100%;
    }
    .enterprise figure {
        justify-content: flex-end;
    }
    .block-one-inner h5{
        padding-top: 50px;
    }
    .main-content{
        padding-top: 40px;
    }
    .m-landscape-dnone{
        display: none;
    }
    .m-landscape-dblobk{
        display: block !important;
    }
    .solutions figure{
        margin-top: 50px !important;
    }
    .m-mtop-3 {
        margin-top: 0px !important;
    }
    .m-ai, .m-products{
        margin-top: 60px;
    }
    .m-view-box-header2{
        display: flex;
        justify-content: space-between;
    }
    .block-two-inner figure {
        width: 80px;
        height: 80px;
        margin-top: -30px;
    }
    .block-two-inner figure img {
        max-width: 100%;
        max-height: 100%;
        justify-content: center;
        align-items: center;
    }
    .m-mtop40{
        margin-top: 0px !important;
    }
    .m-text-left{
        text-align: left;
    }
    .m-text-riht{
        text-align: right;
    }
    .m-block-view-dnone{
        display: none;
    }
    .block-two {
        display: block;
    }
    .block-two > div{
        width: 100%;
    }
    .block-two-inner {
        margin: 30px 0px 0px;
    }
    .block-two.m-block-two {
        margin: 0px 0px 0px 0px;
    }
    .transfomation-wrpp .block-one {
        padding-bottom: 0px;
    }
    .ai-wrpp .block-one {
        padding-bottom: 0px;
    }
    .create-wrpp .block-one {
        padding-bottom: 0px;
    }
    .m-dnone{
        display: none;
    }
    .block-four{
        display: flex;
        flex-wrap: wrap;
        margin: 0px 0px 0px 0px;
    }
    .block-four > div{
        width: 48% !important;
        margin-bottom: 30px;
    }
    .block-four-inner{
        margin: 30px 0px 0px;
    }
    .m-block-four-inner4, .m-block-four-inner3{
        /* margin-left: 30px; */
    }
    h4.m-cost, h4.m-fully{
        margin-top: -40px;
    }
    figure.m-newage, figure.m-super{
        margin-top: -30px;
    }
    .m-view-box-header{
        display: flex;
        justify-content: space-between;
        padding-top: 30px;
    }
    .service-content p {
        font-size: 18px;
        line-height: 30px;
    }
    .service-content {
        padding-bottom: 0px;
    }
}

/***********************************mobile css services end***********************************/

.nslform .form-group{ position: relative; }
.error{
    position: absolute;
    top: 100%;
    color: red;
    font-size: 12.5px;
    display: none;
}

.nslform .form-group.invalid .form-control, .nslform .form-group .error-support.invalid .form-control {
    border-color: red !important;
}
.error-support{ width: 100%; }
.nslform .form-group .error-support .form-control{ width:96%; }

/* background json css  start here*/
html.i-amphtml-fie>body, html.i-amphtml-singledoc>body {
    overflow: hidden !important;
}
.bg-services-new{    width: 100%; height: 100%; position: absolute; z-index: -100; top:0; overflow: hidden; left: 0}
.bg-services-new .bg-image-new{width: 100%; height: 102%;} 

.bg-transform-new{    width: 100%; height: 100%; position: absolute; z-index: -100; top:0; left:50%; transform: translateX(-50%);}
.bg-transform-new .bg-image-new{width: 100%; height: 100%;}


.bg-solution-new{width: 100%;height: 100%; position: absolute; z-index: -100; top:0; overflow: hidden; left:50%; transform: translateX(-50%);}
.bg-solution-new .bg-image-new{width: 100%; height: 102%;}

.bg-creater-new{width: 100%;height: 100%; position: absolute; z-index: -100; top:0; overflow: hidden; left:50%; transform: translateX(-50%);}
.bg-creater-new .bg-image-new{width: 100%; height: 102%;}

.bg-ai-new{width: 100%;height: 100%; position: absolute; z-index: -100; top:0; overflow: hidden; left:50%; transform: translateX(-50%);}
.bg-ai-new .bg-image-new{width: 100%; height: 100%;}

.bg-products-new{width: 100%;height: 100%; position: absolute; z-index: -100; top:0; overflow: hidden; left:50%; transform: translateX(-50%);}
.bg-products-new .bg-image-new{width: 100%;height: 112%;}

.bg-login-new{width: 100%;height: 100%;
    position: absolute; z-index: -100; top:0; overflow: hidden;}
    .bg-login-new .bg-image-new{
    width: 100%;
    height: 100%;
    }

@media (min-width:2449px) and (max-width:3200px) {
    .bg-services-new {width: 170%; height: 170%; left: 50%; transform: translateX(-50%); }
    .bg-transform-new {width: 160%; height: 160%; }
    .bg-solution-new {width: 100%; height:104%; top: 0; }
    .solution-main-wrap, .product-main-wrapp {padding: 78px 270px 0; min-height: calc(100vh - 120px); display: flex; align-items: center; }
    .solution-wrapp, .products-wrapp {max-width: 1380px; margin: auto; padding-top: 0; padding-bottom: 0; height: 100%; }
    .bg-creater-new {width: 120%; height: 152%; }
    .bg-ai-new {height: 160%; }
    .bg-login-new {height: 115%; }
}
@media (min-width:1921px) and (max-width:2500px) {

    .bg-services-new {width: 150%; height: 150%; left: 50%; transform: translateX(-50%); }
    .bg-transform-new {width: 130%; height: 130%; }
    .bg-solution-new {height: 110%;}
    .bg-creater-new {width: 110%; height:125%; }
    .bg-ai-new {height: 130%; }
    .bg-login-new {height: 115%; }
}
@media (max-width: 1792px) {
    .bg-services-new{    width: 110%; height: 100%; position: absolute; z-index: -100; top:-50px; overflow: hidden;} 
    .bg-transform-new {width: 110%; }
    .bg-solution-new{ top: auto; }
    .bg-solution-new .bg-image-new {width: 100%; height: 104%; }
    .bg-creater-new {width: 115%; height: 104%; top: -70px; } 
    .bg-ai-new { width: 110%; }
    .bg-products-new {top: auto; }
    .bg-login-new .bg-image-new {width: 100%; height: 106%; }
}
@media (max-width:1680px){
    .bg-transform-new {width: 117%; }
    .bg-creater-new {width: 118%; height: 100%; top: -50px; }
    .bg-ai-new {width: 116%; transform: translateX(-53%); }
    .bg-products-new .bg-image-new {height: 115%; }
}
@media (max-width:1440px){ 
    .bg-services-new{top: -65px; width: 125%; left: -20px; }
    .bg-solution-new .bg-image-new {height: 108%; }
    .bg-ai-new { 
        transform: translateX(-55%);
    }
    .bg-products-new .bg-image-new {
        height: 122%;
    }
} 
@media (max-width:1366px){ 
    .bg-services-new {
        top:-35px;
        left: 50%;
        transform: translateX(-50%);
        width: 122%;
    }
} 
@media (max-width:1280px){
    .bg-creater-new {width: 110%; height: 100%; top: -150px; }
}
@media (max-width:1024px){
    .bg-services-new, .bg-products-new, .bg-login-new, .bg-transform-new, .bg-solution-new, .bg-ai-new, .bg-creater-new{ display: none; }
}

/*
@media (max-width:411px){
    .bg-services-new {
    top: 0;
    left: 50%;
    transform: translateX(-40%);
    width: 138%;
    display: block;
    position: fixed;
    }
}
@media (max-width:375px){
    .bg-services-new {
    top: 0;
    left: 50%;
    transform: translateX(-40%);
    width: 138%;
    display: block;
    position: fixed;
    }
}*/

.footer-left-content a.active:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 100%;
}
video::-webkit-media-controls-start-playback-button{ display: none; }

/* contact us css start here*/
.contact-us-wrapper .nsl-looking { 
    padding: 95px 75px 90px;
}
.contact-us-wrapper .block-one-inner h5{
       padding-bottom: 60px; 
}
.contact-us-wrapper .abouth1 span {
    margin-top: 0;
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    font-size: 19px;
    color: #323232;
}
.contact-us-wrapper .about-h1 .block-one-inner h1 { 
    padding-bottom: 60px !important;
}
.contact-us-wrapper .about-addrs{
    margin-bottom: 100px;
    max-width: 960px;
}
.contact-us-wrapper .about-addrs div span:first-child{ margin-right: 0; width: 400px; }
.contact-us-wrapper .about-addrs div span:last-child{ width:calc(100% - 400px); }

.contact-us-wrapper .nslform .form-group .error-support .form-control.custom-select{
    background-image: url(../images/select-down-arrow.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 14px;
}
.contact-us-wrapper .nslform .form-group .custom-checkbox .custom-control-label{
        color: #606060;
    font-size: 18px;
    white-space: normal;
    word-break: break-all;
    display: block;
}   
.contact-us-wrapper .nslform .form-group .custom-checkbox .custom-control-label a{ color: #606060; margin: 0 2px; }
.contact-us-wrapper .nslform .form-group .custom-checkbox .custom-control-label a:hover{ color: #f00;}
.contact-us-wrapper .nslform .form-group .custom-checkbox .custom-control-label::before {
    border-radius: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #A5A5A5; 
}
.contact-us-wrapper .nslform .form-group  .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e);
    background-size: 13px;
    left: -22px;
    top: 6px;
}
.contact-us-wrapper .nslform .form-group  .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #A5A5A5;
    background-color: #464a4e;
}
.contact-us-wrapper .nslform .form-group .error-support .form-control{ width:100%; }
@media (max-width: 1600px)
{
    .contact-us-wrapper .nslform .form-group .custom-checkbox .custom-control-label {
    font-size: 15px; margin: 0;}
    .contact-us-wrapper .nslform .form-group .custom-checkbox .custom-control-label::before {
        top: 3px;border-radius: 0;width: 16px;height: 15px;border: 1px solid #A5A5A5;
    }
    .contact-us-wrapper .nslform .form-group .error-support .form-control.custom-select{ font-size: 15px; }
}
@media (max-width:1024px){
    .contact-us-wrapper  .job-form {
        padding: 40px 20px;
    }
}
@media (max-width: 991px){
.contact-us-wrapper .about-addrs div span:last-child {
    width: 100%;
}
.contact-us-wrapper .about-addrs {
    margin-bottom: 50px; 
    }
}

/**** carnival style ****/



/* contact form css starts here */


.contact-from .btn-submit{
    border: 1px solid #F77287;
    padding: 6px 25px;
    border-radius: 45px;
    color: #F77287;
    text-transform: uppercase;
    font-size: 13px;
    margin-top: 35px;
}
.contact-from .input-group .form-control,.contact-from .input-group .input-group-text{
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    background: transparent;
    padding: 0 12px 0 0;
}
.contact-from .input-group .input-group-text{
    display: none;
}
.contact-from .form-group .form-control{
    cursor: pointer;
    font-size: 18px;
}
@media (max-width: 1600px){
    .contact-from .form-group .form-control{
        font-size: 15px;
    } 
}
.contact-from .form-group .form-control:focus{
    box-shadow: none;
}
.contact-from .form-group{
    margin-bottom: 3rem;
}

/* contact form css ends here */