@media(min-width:450px)
{
    .git-mob{
        display: none !important;
    }
    .adv{
    margin: 0;
}
}

@media(min-width:990px)
{
      .git-btw{
        display: none;
    }
}

@media(max-width:450px)
{
    .git-desk{
    display: none;
}
    .git-mob{
        display: block !important;
    }
      .git-btw{
        display: none !important;
    }
        .header .mobile-menu-trigger span {
      
        width: 28px;
    }
   }

@media(min-width:450px) and (max-width:990px)
{
.git-desk{
    display: none;
}
    .git-btw{
        display: block;
    }
        .git-a {
      
        display: flex !important;
    }
    .nav-sec {
    flex-direction: column;
}
.breadcrumb-classy ul {
    list-style: none;
    display: flex;
    align-items: center;
     padding: 0;
    }
}


@media(min-width:991px) and (max-width:1200px)
{

    .banner-email a {
    color: #ffffff;
    font-size: 23px;
}
.animated-ring {
    top: 55px;
    right: 59px;
}

.header .menu > ul > li {
  
    padding: 0 14px;
}
.content-slider h2 {
 
    font-size: 61px;
  
    margin-bottom: 25px;
}

.content-slider .item {
  
    padding-top: 81px;
}
.about-grid{
    gap: 0;
}
.content h2 {
    font-size: 30px;
}
.row-title {
    font-size: 26px;
}
.main-heading {
    font-size: 34px;
}
.features-grid {
  
    column-gap: 40px;
}

.item-text {
    font-size: 19px;
}
.banner-title {
    font-size: 38px;
}

.serv-img {
    float: left;
    width: 456px;
    height: 341px;
}
.serv-head {
    font-size: 35px;
 
    line-height: 130%;
}
.career-story-panel h2 {
    font-size: 39px;
}
.career-input-wrap input, .career-input-wrap textarea, .career-input-wrap select {

    padding: 16px 11px;
}
.nx-career-hub {
    padding: 100px 0 50px 0;
}
}














@media(min-width:768px) and (max-width:990px)
{
    .banner-description {
        margin-bottom: 0;
        width: 100%;
        text-align: center;
        margin-top: 17px;
    }

.banner-email a {
    margin-top: 25px;
    float: left;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 32px;
}
    .animated-ring {
display: none;
    }
    .banner-container {
    text-align: center;
    flex-direction: column;
    position: relative;
    width: 100%;
    border-radius: 43px;
    padding: 85px 15px;
    display: flex;
    justify-content: center;
}
.banner-left, .banner-center, .banner-right {
    /* position: relative; */
    /* z-index: 2; */
    float: left;
    width: 100%;
}
.banner-description {
  
    margin-bottom: 0;
}
.info-block p, .info-block a {
    color: #e8e8e8;
    font-size: 15px;
}
.social-1{
    padding-top: 0 !important;
}
.column-title {
  
    margin-bottom: 30px;
}
.brand-logo {
    width: 301px;
}
.back-to-top img {
    width: 50px;
}

    /* 1. Transform the track container into a 2-column Grid grid */
    .cards-track {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* Forces 2 equal columns */
        gap: 20px !important; /* Space between rows and columns */
        padding: 0 20px !important;
        width: 100% !important;
        float: none !important; /* Clear your desktop float rule */
    }

    /* 2. Reset base card widths to let the grid dictate sizing */
    .cards-track .process-card {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 3. Target the 5th (last) card and force it to span across both columns */
    .cards-track .process-card:nth-child(5) {
        grid-column: 1 / span 2 !important; /* Starts at line 1 and spans 2 column tracks */
    }

    .menu-main {
    padding-top: 0;
    display: block;
}
.social-row {
 
    padding: 19px 0;
}
.red {
display: none;
}

    .header .menu > ul > li > a {
        color: #fff;
    }
.git-a {
    
    color: #000 !important;
    font-size: 14px !important;
    width: auto;
    height: auto;

}
.header .menu > ul > li {
  
    padding: 0 14px;
}
.content-slider h2 {
 
    font-size: 55px;
  
    margin-bottom: 25px;
}
.fixed-para p {
 
    font-size: 20px;
}
.content p {
   
    width: 100%;
}

.content-slider .item {
  
    padding-top: 81px;
}
.about-grid{
    gap: 0;
}
.content h2 {
    padding-right: 0;
    font-size: 40px;
}
.service-card {
    text-align: center;
}
.serv-icon {
    margin-bottom: 27px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-direction: column;
    justify-content: center;
}
.section-heading {
    text-align: center;
    font-size: 44px;
}
.portfolio-row {
    width: 100%;
    float: left;
    text-align: center;
    flex-direction: column;
}
.text-side {
    justify-content: center;
}
.image-side {
    width: 100%;
    height: 300px;
}
.row-title {
    font-size: 34px;
}
.main-heading {
    font-size: 34px;
    text-align: center;
}
.mockup-phone {
        display: none;
animation: none;
}
.cards-track {
        flex-direction: column !important;
        gap: 20px !important; /* Increase gap so they don't look crowded vertically */
        padding: 0 20px !important; /* Give some breathing room on the left/right edges */
    }

      .cards-track .process-card {
        width: 100% !important;
        padding: 25px 20px !important;
        text-align: center;
        margin: auto;
    }
    .cards-slider-container {
margin-top: 0;
    }
    .card-icon-process {
  
    margin-bottom: 21px;
}
.card-title-process  br{
    display: none;
}
.process-section {
 
    padding: 80px 0 80px 0;
}
.features-grid {
  
    column-gap: 40px;
}

.item-text {
    font-size: 19px;
}
.banner-title {
    font-size: 38px;
    width: 100%;
}

.serv-img {
    float: none;
    width: 456px;
    height: 341px;
    margin: 0 auto 40px auto;
    display: block;
}
.serv-head {
    font-size: 35px;
    line-height: 130%;
    text-align: center;
}
.career-story-panel h2 {
    font-size: 39px;
}
.career-input-wrap input, .career-input-wrap textarea, .career-input-wrap select {

    padding: 16px 11px;
}
.nx-career-hub {
    padding: 100px 0 50px 0;
}
.animated-ring {
    right: -108px;
    top: 119px;
}


.story-head {
   
    font-size: 44px;
}
.story-para {
padding: 0;
    font-size: 20px;
}

.abt-lsd {
 
margin-top: 0;
 
flex-direction: column;
}
.serv-para {
    text-align: center;

}
.inner-services-header h2 {
    font-size: 40px;
    line-height: 1.2;
}
.inner-services-header p {

    padding: 0;
}
.inner-service-card {
 
    padding: 40px 26px;
    text-align: center;
}
.inner-card-icon-wrapper {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.inner-services-grid > *:last-child {
    grid-column: 1 / -1;
    justify-self: center;
}
    .career-story-panel {
        text-align: center;
    }

.career-submit-btn {
    margin-bottom: 30px;

        float: none !important;
        top: 30px;
}
.career-road {
    text-align: center;
    margin-top: 45px;
    border-left: 0;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.road-step span {
    float: none;

position: unset;
    margin: auto;
}
.road-step {
          flex-direction: column;
    margin-bottom: 19px;
}
.career-glass-card h3 {
    text-align: center;
}
.career2{
            margin-left: auto;
        margin-right: auto;
    margin-top: 0px !important;
}
.career3{
           
    margin-top: 0px !important;
}
  .contact-feature {
    flex-direction: column;
    position: relative;
    display: flex;
    gap: 25px;
}
.contact-feature>* {
    position: relative;
    z-index: 2;
}
.contact-stack {
    position: relative;
    padding-left: 0;
}
.contact-feature {
   margin-bottom: 0;
           padding: 15px 15px;
}
.contactus {
    float: left;
    width: 100%;
    padding-top: 11px;
}
.career-glass-card {
    background: #87cced;
    border-radius: 30px;
    padding: 45px 20px;
}
    .modal-dialog {
        max-width: 93%;
    }
    .story-subpara {
  
    margin-bottom: 62px;
}
.abt-lsd2{
            padding: 30px 20px;
    flex-direction: row !important;
}

.abt-lsd span {
  
    font-size: 43px;
}
.initial-content {
 
    height: 223px;
}
.hover-c2 {
    margin-bottom: 30px;
    margin-top: 30px;
    height: 350px;
}
.c1-sp{
    display: none;
}
.kn-carousel-section {
    padding: 0 86px;
}

}





@media(min-width:576px) and (max-width:767px)
{
.animated-ring {
display: none;
    }
    .banner-description {
  
margin-bottom: 0;
  
width: 100%;
}
.info-block p, .info-block a {
    color: #e8e8e8;
    font-size: 15px;
}
.social-1{
    padding-top: 0 !important;
}
.column-title {
  
    margin-bottom: 30px;
}
.brand-logo {
    width: 301px;
}
.back-to-top img {
    width: 50px;
    display: none;
}

    /* 1. Transform the track container into a 2-column Grid grid */
    .cards-track {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* Forces 2 equal columns */
        gap: 20px !important; /* Space between rows and columns */
        padding: 0 20px !important;
        width: 100% !important;
        float: none !important; /* Clear your desktop float rule */
    }

    /* 2. Reset base card widths to let the grid dictate sizing */
    .cards-track .process-card {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 3. Target the 5th (last) card and force it to span across both columns */
    .cards-track .process-card:nth-child(5) {
        grid-column: 1 / span 2 !important; /* Starts at line 1 and spans 2 column tracks */
    }

    .menu-main {
    padding-top: 0;
    display: block;
}
.social-row {
 
    padding: 19px 0;
}
.red {
display: none;
}

    .header .menu > ul > li > a {
        color: #fff;
    }
.git-a {
    
    color: #000 !important;
    font-size: 14px !important;
    width: auto;
    height: auto;

}
.header .menu > ul > li {
  
    padding: 0 14px;
}
.content-slider h2 {
 
font-size: 45px;
 
margin-bottom: 25px;
}
.fixed-para p {
 
font-size: 18px;
}
.content p {
   
    width: 100%;
}

.content-slider .item {
  
    padding-top: 81px;
}
.about-grid{
    gap: 0;
}
.content h2 {
    padding-right: 0;
    font-size: 34px;
}
.service-card {
    text-align: center;
}
.serv-icon {
    margin-bottom: 27px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-direction: column;
    justify-content: center;
}
.section-heading {
    text-align: center;
    font-size: 39px;
}
.portfolio-row {
    width: 100%;
    float: left;
    text-align: center;
    flex-direction: column;
}
.text-side {
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}
.image-side {
    width: 100%;
    height: 200px;
}
.row-title {
    font-size: 30px;
}
.main-heading {
    width: 100%;
    font-size: 34px;
    text-align: center;
}
.mockup-phone {

        display: none;
    }
.cards-track {
        flex-direction: column !important;
        gap: 10px 10px !important;
        padding: 0 20px !important; 
    }


      .cards-track .process-card {
        width: 100% !important;
        padding: 25px 15px !important;
        text-align: center;
        margin: auto;
    }
    .cards-slider-container {
margin-top: 0;
    }
    .card-icon-process {
  
    margin-bottom: 21px;
}
.card-title-process  br{
    display: none;
}
.process-section {
 
padding: 80px 0 40px 0;
}
.features-grid {
  
    column-gap: 40px;
}

.item-text {
    font-size: 19px;
}
.banner-title {
    font-size: 38px;
    width: 100%;
}

.serv-img {
    float: none;
    width: 100%;
    height: 341px;
    margin: 0 auto 40px auto;
    display: block;
}
.serv-head {
    font-size: 35px;
    line-height: 130%;
    text-align: center;
}
.career-story-panel h2 {
    font-size: 39px;
}
.career-input-wrap input, .career-input-wrap textarea, .career-input-wrap select {

    padding: 16px 11px;
}
.nx-career-hub {
    padding: 100px 0 50px 0;
}
.animated-ring {
    right: -108px;
    top: 143px;
    width: 100px;
}


.story-head {
   
    font-size: 44px;
}
.story-para {padding: 0;font-size: 20px;margin-bottom: 20px;}

.abt-lsd {
 
margin-top: 0;
 
flex-direction: column;
}
.serv-para {
    text-align: center;

}
.inner-services-header h2 {
    font-size: 40px;
    line-height: 1.2;
}
.inner-services-header p {

    padding: 0;
}
.inner-service-card {
 
    padding: 40px 26px;
    text-align: center;
}
.inner-card-icon-wrapper {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.inner-services-grid > *:last-child {
    grid-column: 1 / -1;
    justify-self: center;
}
    .career-story-panel {
        text-align: center;
    }

.career-submit-btn {
    margin-bottom: 30px;

        float: none !important;
        top: 30px;
}
.career-road {
    text-align: center;
    margin-top: 45px;
    border-left: 0;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.road-step span {
    float: none;

position: unset;
    margin: auto;
}
.road-step {
          flex-direction: column;
    margin-bottom: 19px;
}
.career-glass-card h3 {
    text-align: center;
}
.career2{
            margin-left: auto;
        margin-right: auto;
    margin-top: 0px !important;
}
.career3{
           
margin-top: 0px !important;
           
margin-left: auto;
           
margin-right: auto;
}
    .contact-feature {
    flex-direction: column;
    position: relative;
    display: flex;
    gap: 25px;
    align-items: center;
}
.contact-feature>* {
    position: relative;
    z-index: 2;
    text-align: center;
}
.contact-stack {
    position: relative;
    padding-left: 0;
    margin-bottom: 50px;
}
.contact-feature {
   margin-bottom: 0;
   padding: 28px 0px;
}
.contactus {
    float: left;
    width: 100%;
    padding-top: 11px;
}
.content-footer {
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    text-align: center;
}
.footer-logo {
    height: 82px;
}
.hero-shape {
    position: absolute;
    right: 50px;
    bottom: 28px;
    width: 118px;
}
.ring-shape {
  
    width: 54px;
}
.mainhed {
    font-weight: 500;
    font-size: 32px;
    color: #000;
    margin-bottom: 10px;
}
#enqury .modal-content {
  
    padding: 20px 10px;
}
.close_form {
    position: absolute;
    right: 20px;
    top: 12px;
    width: 30px;
    height: 30px;
}
.close_form::before {
  
    line-height: 28px;
}
#inner-hero-minimal {
    padding-top: 85px;
}
.nav-sec {
    flex-direction: column;
    gap: 14px;
}
.story-subpara {
  
    margin-bottom: 40px;
padding: 0;
}
.abt-lsd2{
            padding: 30px 20px;
            flex-direction: column !important;
            gap: 30px;
            text-align: center;
}

.abt-lsd span {
  
    font-size: 43px;
}
.initial-content {
 
    height: 223px;
}
.hover-c2 {
    margin-bottom: 30px;
    margin-top: 30px;
    height: 350px;
    width: 100%;
}
.c1-sp{
    display: none;
}
.kn-carousel-section {
    padding: 0 86px;
}
.career-glass-card {
  
    padding: 45px 20px;
}
.banner-email a {
    color: #ffffff;
    font-size: 30px;
}
}








@media(max-width:90px)
{
        .banner-left, .banner-right {
        text-align: center;
        width: 100% !important;
    }
}




@media(min-width:450px) and (max-width:575px)
{

    .animated-ring {
display: none;
    }

.banner-email a {
    color: #ffffff;
    font-size: 30px;
}
    .banner-description {
  
margin-bottom: 0;
  
width: 100%;
}
.info-block p, .info-block a {
    color: #e8e8e8;
    font-size: 15px;
}
.social-1{
    padding-top: 0 !important;
}
.column-title {
  
    margin-bottom: 30px;
}
.brand-logo {
    width: 301px;
}
.back-to-top img {
    width: 50px;
    display: none;
}

    /* 1. Transform the track container into a 2-column Grid grid */
    .cards-track {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* Forces 2 equal columns */
        gap: 20px !important; /* Space between rows and columns */
        padding: 0 20px !important;
        width: 100% !important;
        float: none !important; /* Clear your desktop float rule */
    }

    /* 2. Reset base card widths to let the grid dictate sizing */
    .cards-track .process-card {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 3. Target the 5th (last) card and force it to span across both columns */
    .cards-track .process-card:nth-child(5) {
        grid-column: 1 / span 2 !important; /* Starts at line 1 and spans 2 column tracks */
    }

    .menu-main {
    padding-top: 0;
    display: block;
}
.social-row {
 
    padding: 19px 0;
}
.red {
display: none;
}

    .header .menu > ul > li > a {
        color: #fff;
    }
.git-a {
    
    color: #000 !important;
    font-size: 14px !important;
    width: auto;
    height: auto;

}
.header .menu > ul > li {
  
    padding: 0 14px;
}
.content-slider h2 {
 
font-size: 45px;
 
margin-bottom: 25px;
}
.fixed-para p {
 
font-size: 18px;
}
.content p {
   
    width: 100%;
}

.content-slider .item {
  
    padding-top: 81px;
}
.about-grid{
    gap: 0;
}
.content h2 {
    padding-right: 0;
    font-size: 34px;
}
.service-card {
    text-align: center;
}
.serv-icon {
    margin-bottom: 27px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-direction: column;
    justify-content: center;
}
.section-heading {
    text-align: center;
    font-size: 39px;
}
.portfolio-row {
    width: 100%;
    float: left;
    text-align: center;
    flex-direction: column;
}
.text-side {
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}
.image-side {
    width: 100%;
    height: 200px;
}
.row-title {
    font-size: 30px;
}
.main-heading {
    width: 100%;
    font-size: 34px;
    text-align: center;
}
.mockup-phone {

        display: none;
    }
.cards-track {
        flex-direction: column !important;
        gap: 10px 10px !important;
        padding: 0 20px !important; 
    }


      .cards-track .process-card {
        width: 100% !important;
        padding: 25px 15px !important;
        text-align: center;
        margin: auto;
    }
    .cards-slider-container {
margin-top: 0;
    }
    .card-icon-process {
  
    margin-bottom: 21px;
}
.card-title-process  br{
    display: none;
}
.process-section {
 
padding: 80px 0 40px 0;
}
.features-grid {
  
    column-gap: 40px;
}

.item-text {
    font-size: 19px;
}
.banner-title {
    font-size: 31px;
    width: 100%;
}

.serv-img {
    float: none;
    width: 100%;
    height: 341px;
    margin: 0 auto 40px auto;
    display: block;
}
.serv-head {
    font-size: 35px;
    line-height: 130%;
    text-align: center;
}
.career-story-panel h2 {
    font-size: 38px;
}
.career-input-wrap input, .career-input-wrap textarea, .career-input-wrap select {

    padding: 16px 11px;
}
.nx-career-hub {
    padding: 100px 0 50px 0;
}
.animated-ring {
    right: -108px;
    top: 119px;
}


.story-head {
   
font-size: 36px;
}
.story-para {padding: 0 10px;font-size: 20px;margin-bottom: 20px;}

.abt-lsd {
 
margin-top: 0;
 
flex-direction: column;
}
.serv-para {
    text-align: center;

}
.inner-services-header h2 {
    font-size: 37px;
    line-height: 1.2;
}
.inner-services-header p {

    padding: 0;
}
.inner-service-card {
 
    padding: 40px 26px;
    text-align: center;
}
.inner-card-icon-wrapper {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.inner-services-grid > *:last-child {
    grid-column: 1 / -1;
    justify-self: center;
}
    .career-story-panel {
        text-align: center;
    }

.career-submit-btn {
    margin-bottom: 30px;

        float: none !important;
        top: 30px;
}
.career-road {
    text-align: center;
    margin-top: 45px;
    border-left: 0;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.road-step span {
    float: none;

position: unset;
    margin: auto;
}
.road-step {
          flex-direction: column;
    margin-bottom: 19px;
}
.career-glass-card h3 {
    text-align: center;
}
.career2{
            margin-left: auto;
        margin-right: auto;
    margin-top: 0px !important;
}
.career3{
           
margin-top: 0px !important;
           
margin-left: auto;
           
margin-right: auto;
}
    .contact-feature {
    flex-direction: column;
    position: relative;
    display: flex;
    gap: 25px;
    align-items: center;
}
.contact-feature>* {
    position: relative;
    z-index: 2;
    text-align: center;
}
.contact-stack {
    position: relative;
    padding-left: 0;
    margin-bottom: 50px;
}
.contact-feature {
   margin-bottom: 0;
   padding: 28px 0px;
}
.contactus {
    float: left;
    width: 100%;
    padding-top: 11px;
}
.content-footer {
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    text-align: center;
}
.footer-logo {
    height: 82px;
}
.hero-shape {
    position: absolute;
    right: 50px;
    bottom: 28px;
    width: 118px;
}
.ring-shape {
  
    width: 54px;
}
.mainhed {
    font-weight: 500;
    font-size: 32px;
    color: #000;
    margin-bottom: 10px;
}
#enqury .modal-content {
  
    padding: 20px 10px;
}
.close_form {
    position: absolute;
    right: 20px;
    top: 12px;
    width: 30px;
    height: 30px;
}
.close_form::before {
  
    line-height: 28px;
}
#inner-hero-minimal {
    padding-top: 85px;
}
.nav-sec {
    flex-direction: column;
    gap: 14px;
}
.story-subpara {
  
    margin-bottom: 40px;
padding: 0;
}
.abt-lsd2{
            padding: 30px 20px;
            flex-direction: column !important;
            gap: 30px;
            text-align: center;
}

.abt-lsd span {
  
    font-size: 43px;
}
.initial-content {
 
    height: 223px;
}
.hover-c2 {
    margin-bottom: 30px;
    margin-top: 30px;
    height: 350px;
}
.c1-sp{
    display: none;
}
.kn-carousel-section {
    padding: 0 86px;
}
.career-glass-card {
  
    padding: 45px 20px;
}


.banner-email a {
    color: #ffffff;
    font-size: 25px;
}

.inner-services-container {
padding: 90px 15px;
}
.hero-content h1{
    font-size:40px;
    text-align: center;
}
.modal-content {

    width: 100%;
}
}


























@media(max-width:449px)
{
.logo-head img {
    /* width: 125px; */
}
    .banner-description {
  
margin-bottom: 0;
  
width: 100%;
}
.info-block p, .info-block a {
    color: #e8e8e8;
    font-size: 15px;
}
.social-1{
    padding-top: 0 !important;
}
.column-title {
  
    margin-bottom: 30px;
}
.brand-logo {
    width: 301px;
}
.back-to-top img {
    width: 50px;
    display: none;
}

    /* 1. Transform the track container into a 2-column Grid grid */
    .cards-track {
        display: flex !important;
        grid-template-columns: repeat(2, 1fr) !important; /* Forces 2 equal columns */
        gap: 20px !important; /* Space between rows and columns */
        padding: 0 20px !important;
        width: 100% !important;
        float: none !important; /* Clear your desktop float rule */
    }

    /* 2. Reset base card widths to let the grid dictate sizing */
    .cards-track .process-card {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 3. Target the 5th (last) card and force it to span across both columns */
    .cards-track .process-card:nth-child(5) {
        grid-column: 1 / span 2 !important; /* Starts at line 1 and spans 2 column tracks */
    }

    .menu-main {
    padding-top: 0;
    display: block;
}
.social-row {
 
    padding: 19px 0;
}
.red {
display: none;
}

    .header .menu > ul > li > a {
        color: #fff;
    }
.git-a {
    
color: #000 !important;
    
font-size: 14px !important;
    
width: auto;
    
height: auto;
    
float: left;
    
margin: 13px 0;
}
.header .menu > ul > li {
  
    padding: 0 14px;
}
.content-slider h2 {
 
font-size: 37px;
 
margin-bottom: 15px;
 
line-height: 114%;
}
.fixed-para p {
 
font-size: 18px;
}
.content p {
   
    width: 100%;
}

.content-slider .item {
  
padding-top: 24px;
}
.about-grid{
    gap: 0;
}
.content h2 {
    padding: 0 10px;
    font-size: 27px;
}
.service-card {
    text-align: center;
}
.serv-icon {
    margin-bottom: 27px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-direction: column;
    justify-content: center;
}
.section-heading {
    text-align: center;
    font-size: 35px;
    line-height: 1.3;
}
.portfolio-row {
    width: 100%;
    float: left;
    text-align: center;
    flex-direction: column;
}
.text-side {
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}
.image-side {
    width: 100%;
    height: 200px;
}
.row-title {
    font-size: 27px;
}
.main-heading {
    width: 100%;
    font-size: 29px;
    text-align: center;
}
.mockup-phone {

        display: none;
    }
.cards-track {
        flex-direction: column !important;
        gap: 10px 10px !important;
        padding: 0 20px !important; 
    }


      .cards-track .process-card {
        width: 100% !important;
        padding: 25px 15px !important;
        text-align: center;
        margin: auto;
    }
    .cards-slider-container {
margin-top: 0;
    }
    .card-icon-process {
  
    margin-bottom: 21px;
}
.card-title-process  br{
    display: none;
}
.process-section {
 
padding: 80px 0 40px 0;
}
.features-grid {
  
column-gap: 21px;
  
text-align: center;
  
display: flex;
  
flex-direction: column;
  
align-items: center;
  
justify-content: center;
  
row-gap: 7px;
}

.item-text {
    font-size: 19px;
}
.banner-title {
    font-size: 31px;
    width: 100%;
}

.serv-img {
    float: none;
    width: 100%;
    height: 341px;
    margin: 0 auto 40px auto;
    display: block;
}
.serv-head {
    font-size: 35px;
    line-height: 130%;
    text-align: center;
}
.career-story-panel h2 {
    font-size: 38px;
}
.career-input-wrap input, .career-input-wrap textarea, .career-input-wrap select {

    padding: 16px 11px;
}
.nx-career-hub {
    padding: 100px 0 50px 0;
}
.animated-ring {
   display: none;
}


.story-head {
   
font-size: 46px;
}
.story-para {padding: 0 10px;font-size: 20px;margin-bottom: 20px;}

.abt-lsd {
 
margin-top: 0;
 
flex-direction: column;
}
.serv-para {
    text-align: center;

}
.inner-services-header h2 {
    font-size: 37px;
    line-height: 1.2;
}
.inner-services-header p {

    padding: 0;
}
.inner-service-card {
 
    padding: 40px 26px;
    text-align: center;
}
.inner-card-icon-wrapper {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.inner-services-grid > *:last-child {
    grid-column: 1 / -1;
    justify-self: center;
}
    .career-story-panel {
        text-align: center;
    }

.career-submit-btn {
    margin-bottom: 30px;

        float: none !important;
        top: 30px;
}
.career-road {
    text-align: center;
    margin-top: 45px;
    border-left: 0;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.road-step span {
    float: none;

position: unset;
    margin: auto;
}
.road-step {
          flex-direction: column;
    margin-bottom: 19px;
}
.career-glass-card h3 {
    text-align: center;
}
.career2{
            margin-left: auto;
        margin-right: auto;
    margin-top: 0px !important;
}
.career3{
           
margin-top: 0px !important;
           
margin-left: auto;
           
margin-right: auto;
}
    .contact-feature {
    flex-direction: column;
    position: relative;
    display: flex;
    gap: 25px;
    align-items: center;
}
.contact-feature>* {
    position: relative;
    z-index: 2;
    text-align: center;
}
.contact-stack {
    position: relative;
    padding-left: 0;
    margin-bottom: 50px;
}
.contact-feature {
   margin-bottom: 0;
   padding: 28px 0px;
}
.contactus {
    float: left;
    width: 100%;
    padding-top: 11px;
}
.content-footer {
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    text-align: center;
    align-items: center !important;
}
.footer-logo {
    height: 82px;
}
.hero-shape {
    position: absolute;
    right: 50px;
    bottom: 28px;
    width: 94px;
}
.ring-shape {
  
width: 42px;
  
display: none;
}
.mainhed {
    font-weight: 500;
    font-size: 32px;
    color: #000;
    margin-bottom: 10px;
}
#enqury .modal-content {
  
    padding: 20px 10px;
}
.close_form {
    position: absolute;
    right: 20px;
    top: 12px;
    width: 30px;
    height: 30px;
}
.close_form::before {
  
    line-height: 28px;
}
#inner-hero-minimal {
    padding-top: 85px;
}
.nav-sec {
    flex-direction: column;
    gap: 14px;
}
.story-subpara {
  
margin-bottom: 40px;
  
padding: 0 10px;
}
.abt-lsd2{
            padding: 30px 0px;
            flex-direction: column !important;
            gap: 16px;
            text-align: center;
            width: 94%;
            margin-left: auto;
            margin-right: auto;
}

.abt-lsd span {
  
    font-size: 43px;
}
.initial-content {
 
        height: 252px;
    }
.hover-c2 {
    margin-bottom: 30px;
    margin-top: 30px;
    height: 350px;
    width: 100%;
}
.c1-sp{
    display: none;
}
.kn-carousel-section {
    padding: 0 15px;
}
.career-glass-card {
  
    padding: 45px 20px;
}
.kn-viewport {
    width: 100%;
    height: 500px;
}
.kn-carousel-section {
    height: 500px;
}

.banner-email a {
    color: #ffffff;
    font-size: 23px;
}

.inner-services-container {
padding: 90px 15px;
}
.hero-content h1{
    font-size:40px;
    text-align: center;
}
.modal-content {

    width: 100%;
}

.grid-item {
    flex-direction: column;
    display: flex;
    align-items: center;
}
    .rotate-circle text {
        font-size: 34px !important;
    }
    .kn-slide {
    height: 500px;
}
.kn-indicator {
display: none;
}
    .banner-container {
   
        padding: 40px 9px;
    }

        .inner-services-header h2 br{
            display: none;
        }
            .content-slider h2 br{
display: none;
            }
            .brand-text br{
display: none;
            }

    .banner-title br{
display: none;
            }

}



@media(min-width:1500px)
{
    .content-slider .item {
    padding-top: 65px;
}
}