@media (min-width:1881px){
    .job-board-banner + .job-board-category-sec .cust-container-md3 {
        max-width: 1363px;
      }
    
}

@media (max-width:1880px){
      .specialisms-para-content{
          margin-bottom:60px;
      }
}

@media (min-width: 1600px) and (max-width: 1880px) {

    .address-card .slide-address-top {
        font-size:20px;
    }
    .slide-nav ul li:not(:last-child) {
    padding-bottom: 5px;
}

ul.slide-nav li ul {
    padding-top: 0;
}
    .search-input {
    font-size: 22px;
    width: 120px;
}
    .latest-job-sec.software-l-j .two-cell-sm .job-box:nth-child(1) {

  left: -74%;

}
    .latest-job-sec.two-cell-row .two-cell-sm {
    width: 50%;
}
    .theme-heading-h5 {
  font-size: 26px;
  line-height: 36px;
}
    .cta-contact-sec.solution-cta-contact-sec.sol-cus-sec {
        padding-bottom: 5vw;
    }

    /* solution page responsive css start here  */


    .our-offer-sec::before {

        position: absolute;
        content: "";
        height: 30vw;
        width: 13vw;

        left: -60px;
        top: 284px;
    }

    .cust-container-md2,
    .cust-container-md3 {
        width: 100%;
        max-width: 1290px;
        margin: 0 auto;
    }

    .banner.solution-banner .inner-banner {
        position: relative;
        z-index: 5;
        padding-top: 240px;
    }
    .inner-page-banner-sec .inner-banner {
      
        padding-top: 240px;
    }
    .banner.software-banner h1 {

        margin-bottom: 13px;
      }
      .software-banner-paragraph {
  padding: 80px;
}
.h-can-we-help-sec {
    padding-top: 102px;

  }

  .computer-language-list-row {
    display: flex;
    padding-top: 43px;
  }
  section.latest-job-sec {

    padding-bottom: 0px;
}
.software-we-cover-sec{
    padding-top: 74px;
}
.computer-language-list-row ul li {
    font-size: 20px;
    line-height: 34px;
  }
.software-banner-paragraph .inner-paragraph-content {
    padding: 0;
  }
    .banner.solution-banner .banner-content-cell {
        padding-top: 15px;
    }

    .theme-heading-h2 {
        font-size: 30px;
        line-height: 50px;
        font-weight: 700;
        letter-spacing: var(--h5-lspacing);
    }

    .banner-content-cell .inner-banner-content-cell .right-content-cell p {
        font-size: 20px;
        line-height: 36px;
        letter-spacing: 0.011em;
    }

    section.banner.solution-banner.home-banner {
        background: #000;
        padding-bottom: 92px;
    }


    .parmanent-tempoary-sec .inner-parmanent-tempoary-sec {
        padding: 96px 0px 82px;
        position: relative;
    }

    .parmanent-tempoary-sec .parmanent-cell {
        margin-bottom: 190px;
    }

    .parmanent-tempoary-sec .parmanent-cell::before {

        width: 480px;
        height: 506px;
        top: 300px;
    }

    .solution-feature .inner-solution-feature {
        padding: 116px 0 70px;
        position: relative;
    }

    .parmanent-tempoary-sec .tempoary-cell::before {
        width: 480px;
        height: 506px;
    }

    .solution-feature::before {

        left: -297px;

    }

    .solution-feature::after {

        left: -278px;
        bottom: 205px;

    }

    .solution-feature-content>div:not(:last-child) {
        margin-bottom: 104px;
    }

    .solution-location-sec .cust-container-sm {
        max-width: 1290px;
    }

    .solution-location-sec {
        padding-top: 200px;
    }

    /* solution page responsive  css end here  */

    /* software page responsive css start here */

    section.latest-job-sec::before {


        background-size: auto;
        background-size: 100%;
        left: -20vw;
        width: 496px;
        height: 559px;
        z-index: 0;
        top: 2vw;
        transform: translate3d(0, -20px, 0);

    }

    .h-can-we-help-sec .two-cell-row .two-cell-sm {
        width: 36%;
    }


    .theme-heading-h4 {
        font-size: 28px;
        line-height: 46px;
        font-weight: 700;
        width: 80%;
    }

  .software-l-j  .theme-heading-h4 {
    
        width: 80%;
    }


    section.h-can-we-help-sec:after {
   
        height: 14vw;
   
    }

    .h-can-we-help-sec .two-cell-row .two-cell-lg {
        padding-bottom: 15vw;
    }

    .banner-paragraph-content p{
        font-size:20px;
        line-height: 36px;
        letter-spacing: 0.011em;
    }


    /* software page responsive css end here */

    /* our-specialisms page responsive css start here  */

    section.banner.home-banner.our-specialisms-banner .inner-banner {

        padding-top: 300px;
    }


    .specialisms-cate-sec .specialisms-row .specialisms-cell h4 {

        font-size: 36px;
        line-height: 48px;
    }

    section.specialisms-cate-sec .specialisms-row {
        padding-bottom: 50px;
    }

    /* our-specialisms page responsive css end here  */

    /* candidate page responsive page css start here  */
    .our-job-sec::after {
        content: '';
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 36vw;
        background-color: var(--dark);
        z-index: -1;
    }

    .candidate-our-job-list {
        width: 100%;
        max-width: 992px;
        margin-top: -15vw;
        position: relative;
        z-index: 1;
    }

    .our-job-sec::after {

        height: 36vw;

    }

    /* candidate page responsive  css end here  */

    /* client page responsive css start here */
    .banner.inner-page-banner.clients-banner h1 {

        margin-bottom: 14px;
    }

    .candidate-solution-img-box .img-box {
        height: 465px;
        width: 100%;
        max-width: 80%;
    }

    .w-w-are-diffrent-sec p {
        font-size: 30px;
        line-height: 50px;
    }

    .company-logo-row.row-cell .three-cell-sm img {
        width: 100%;
        max-width: 90%;
    }

    /* client page responsive css end here */

    /* why-recann page responsive css start here  */

    .banner.inner-page-banner.why-recann-banner .banner-paragraph-content {
        padding-top: 10px;
    }

    .banner.inner-page-banner.why-recann-banner h1 {
        margin-bottom: 45px;
    }

    .w-can-recann-sec {
        padding-top: 120px;
        padding-bottom: 130px;
      }
      .w-can-recann-sec .ico4 {
         top: -97px;
         background-size: 80%;
      }
      .meet-the-team-sec .meet-the-team-cell .img-box {
    width: 292px;
    height: 283px;
}
.meet-the-team-sec {
    padding-bottom: 76px;
}
    /* why-recann page responsive css end here  */

    /* job board page responsive css start here  */
    .job-board-category-sec .latest-job-sec.two-cell-row .job-box {
        width: 100%;
        max-width: 31.33%;
        background-color: var(--darkgrey);
        padding: 39px 33px 65px 33px;
    }

    .job-board-category-sec .latest-job-sec.two-cell-row .job-box .theme-heading-h4 {
        font-size: 34px;
        line-height: 54px;
        font-weight: 700;
        margin-bottom: 16px;
    }
    .job-board-category-sec .latest-job-sec.two-cell-row .job-box {
        max-width: 31.33%;
        padding: 29px 33px 65px 33px;
        margin-left: 10px;
margin-right: 10px;
    }
    /* job board page responsive css end here  */

    /* job detail page css start here  */

    .job-detail-discription .two-cell-row .two-cell-lg {
        width: 60%;
    }

    .job-detail-discription .two-cell-row .two-cell-sm {
        width: 37%;
    }

    .banner.job-detail-banner .ico3 {
        width: 43.4vw;
        height: 43vh;

        top: 23vh;
        right: -13vw;

    }

    .job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-sm {
        width: 153px;
        margin-right: 20px;
    }

    .job-detail-discription .cust-container-sm,
    .similar-jobs-sec .cust-container-md3 {
        max-width: 1290px;
        padding: 0 28px;
    }

    .solution-img-cell .inner-solution-img-cell::after {
        background-size: 63%;
        bottom: 24vw;
        right: -20%;
    }

    .similar-jobs-sec .cust-container-sm {
        max-width: 1290px;
        padding: 0 0px;
    }

    .similar-jobs-sec .latest-job-sec.two-cell-row .job-box {
        width: 100%;
        max-width: 32.33%;
        padding: 39px 30px 65px 30px;
    }

    .home-banner.job-detail-banner h1 {
        max-width: 560px;
    }
    .banner.job-detail-banner .banner-content-cell li span {
        font-size: 22px;
        line-height: 42px;
      }
      .job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-lg .consltant-name {
        font-size: 24px;
        line-height: 52px;
   
      }
      .job-detail-discription .list-view-job-detail ul li:not(:last-child) {
        margin-bottom: 20px;
      }
      section.job-detail-discription .job-apply-read-bts {
        margin-top: 60px;
        margin-bottom: 60px;
      }

      
    /* job detail page css end here  */

    /* contact us page css start here  */
    .location-sec.contact-us-sec.banner .banner-content-container h1 {
        padding-bottom: 18px;
    }

    .location-sec.contact-us-sec.banner .location-address {

        width: 430px;
    }

    /* contact us page css end here */
    /* resoures landing page css start  here  */
    /* .banner.inner-page-banner.resources-landing-banner .banner-paragraph-content p:not(:last-child) {
        margin-bottom: 14px;
        font-size: 20px;
        line-height: 30px;
    } */

    .banner.inner-page-banner.resources-landing-banner h1 {

        margin-bottom: 16px;
    }

    .banner.inner-page-banner.resources-landing-banner .banner-paragraph-content {
        width: 100%;
        max-width: 761px;
        padding-bottom: 40px;
    }

    .job-board-category-sec.resources-detail-sec .specialisms-content p {
        margin-bottom: 32px;
    }

    .resources-landing-banner .banner-paragraph-content::after {
        background-size: 85%;
        right: -99px;
        bottom: -5vh;
      }

      .banner.inner-page-banner.resources-landing-banner .inner-banner {
        padding-top: 240px;
      }

      .banner.inner-page-banner.resources-landing-banner {
        padding-bottom: 80px;
      }

      .job-board-category-sec.resources-detail-sec {
        padding-top: 68px;
      }
    /* resoures landing page css end here  */

    /* resoures detail  page css start here  */
    .rdc-sec::before {

        right: 0px;
        top: 86px;
        background-size: 85%;
        right: -2vw;
      }
      .rdc-sec p {
        padding-bottom: 28px;
        font-size: 18px;
        line-height: 34px;
      }

      
    /* resoures detail  page css end here  */
    

    .our-benifit-sec {

        margin-top: -50px;
        background-color: #fff;
        z-index: 2;
        padding-top: 82px;
    }

    .banner.career-banner .inner-banner {
        padding-top: 240px;
    }

    .career-banner .banner-content-cell {
        padding-top: 45px;
    }

    .banner-content-cell .inner-banner-content-cell .right-content-cell p:not(:last-child) {
        margin-bottom: 22px;
    }

    .our-benifit-sec .our-benifit-row .two-cell-sm::before {
        width: 416px;
        height: 479px;

        background-size: 90%;
    }

    .our-benifit-sec .our-benifit-row .two-cell-sm {
        padding-top: 6.3vw;
    }

    .testimonial-sec.our-employees-testimonial-sec .two-cell-row .two-cell-sm,
    .testimonial-sec.our-employees-testimonial-sec .two-cell-row .two-cell-lg {
        width: 49%;
    }
    
    .career-path-container {

    left: 3vw;
}

.cus-sm-step h5 {
    font-size: 18px;
    line-height: 28px;
}
.cus-lg-step h5 {
  font-size: 20px;
  line-height: 30px;
}
.carerr-step.step-3.up-step h5 {
  left: -161px;

}
.carerr-step.step-4.up-step h5 {
  width: 300px;
  top: -40px;
}
.carerr-step.step-5.up-step h5 {
  top: -75px;
  width: 270px;
  left: -112px;

}
.step-last-text {
  bottom: 99px;
  right: 140px;
}
.latest-job-sec.software-l-j:before{
    left: -24vw;
}
/*.job-board-category-sec.resources-detail-sec .resources-content {*/
/*  margin-top: 38vh;*/
/*}*/

.job-board-category-sec.resources-detail-sec .resources-content {
  margin-top: 299px;
}
.resources-detail-sec .specialisms-inner:hover .img-box{
    height: 339px;
}
   
.resources-detail-sec .specialisms-inner.toggled:hover .img-box{
    height: 339px;
}
.h-can-we-help-sec .two-cell-row .two-cell-lg p:last-child {
    padding-bottom: 8%;
}
  /*home page css start here */
    .slide-nav a{
        font-size: 25px;
    line-height: 35px;
    padding-bottom: 5px;
        
    }
    .slide-nav > li {
    padding-bottom: 14px;
}
.slide-nav ul li a {
     font-size: 18px;
    line-height: 24px;

}
        /*home page css end here */
        .rm-popup .theme-paragraph-content p {
    font-size: 24px;
    line-height: 50px;
}
.rm-popup .top-header ul li img {
    width: 20px;
    height: 20px;
}

.rm-popup .top-header ul {
    display: flex;
    align-items: center;
    margin-right: 18px;
}

.rm-popup .modal-body .top-header h6 {
    font-size: 22px;
    line-height: 42px;
}
.rm-popup .rm-sm-cell h6 {
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
}
    .t-v-guide-us-sec.wm-recann_sec {
    padding-top: 33px;
}
.meet-the-team-sec .profile-discription-box .icon-content img {
    object-fit: contain;
    width: 20px;
}
}

@media (max-width:1680px) {
    .banner.candidate-banner.inner-page-banner h1 {
        text-align: left;
        width: 100%;
        max-width: 100%;
    }

    .banner.candidate-banner.inner-page-banner .ico1 {
        background-size: contain;
    }

    .banner.inner-page-banner.job-board-banner form .cust-form-group {
        width: 100%;
        max-width: 30%;
        margin-right: 19px;
    }
    
  .mod-job-detail-sec.job-detail-discription .two-cell-row .two-cell-sm {
        width: 426px;
    }
}

@media (max-width:1400px){
     .t-v-guide-us-sec .who-makes-recann-row .img-box {
        width: 100%;
        height: 250px;
        z-index: 2;
    }
}
@media (min-width:1400px) and (max-width:1680px) {
    
    .latest-job-sec.software-l-j .two-cell-sm .job-box:nth-child(1) {
  top: 50vh;
  
}
    .banner.candidate-banner.inner-page-banner h1 {
        text-align: left;
        width: 100%;
        max-width: 100%;
    }

    .banner.candidate-banner.inner-page-banner .ico1 {
        background-size: 80%;
    }

    .our-job-sec .two-cell-row .two-cell-lg {
        width: 49%;
    }

    .our-job-sec .two-cell-row .two-cell-sm {
        width: 47%;
    }

    section.our-approach-sec {
        padding-bottom: 145px;
    }
    .banner.inner-page-banner.candidate-banner.home-banner .inner-banner {
        padding-top: 290px;
  
    }
    .our-job-sec {
        /* padding-top: 76px; */
    }
    
    .resources-detail-sec .specialisms-inner:hover .img-box{
        height: 290px;
    }
       
    .resources-detail-sec .specialisms-inner.toggled:hover .img-box{
        height: 290px;
    }
    
}


@media (max-width:1599px) {
    .inner-banner .banner-content-cell {
        padding-top: 0px;
      }
    .banner-content-cell .inner-banner-content-cell .right-content-cell {
        padding-top: 0.50rem;
    }

    .w-can-recann-row.three-cell-row .theme-heading-h5 {

        margin-bottom: 20px;
        line-height: 45px;
    }

    .w-can-recann-sec .inner-w-can-recann-sec h2 {
        padding-bottom: 70px;

    }

    .job-board-banner.home-banner .plus-ico,
    .location-sec.contact-us-sec.banner .plus-ico {

        width: 16px;
        height: 16px;

    }

    .banner.inner-page-banner.resources-landing-banner .inner-banner {

        padding-top: 197px;
    }

    .specialisms-cate-sec .specialisms-row .specialisms-cell h4 {
        margin-bottom: 20;
    }
    .address-card .slide-address-top {
        font-size:16px;
    }
    .slide-nav ul li:not(:last-child) {
        padding-bottom: 2px;
    }
   .inner-w-can-recann-sec .w-can-recann-row.three-cell-row .three-cell-sm p{
        font-size:23px!important;
        line-height:34px!important;
    }
}

@media (min-width: 1400px) and (max-width: 1599px) {
    
        .address-card .slide-address-top {
        font-size:18px;
    }
    .slide-nav ul li:not(:last-child) {
    padding-bottom: 4px;
}
    .t-v-guide-us-sec .who-makes-recann-row .img-box {
  width: 100%;
  height: 319px;
}
    .cta-contact-sec.solution-cta-contact-sec.sol-cus-sec {
        padding-bottom: 10vw;
    }

    /* solution page responsive  css start here  */
    .our-offer-sec::before {

        position: absolute;
        content: "";
        height: 30vw;
        width: 13vw;

        left: -40px;
        top: 284px;
    }

    .cust-container-md2,
    .cust-container-md3 {
        width: 100%;
        max-width: 1070px;
        margin: 0 auto;
    }

    .banner.solution-banner .inner-banner {
        position: relative;
        z-index: 5;
        padding-top: 300px;
    }

    .banner.solution-banner .banner-content-cell {
        padding-top: 25px;
    }

    section.banner.solution-banner.home-banner {
        background: #000;
        padding-bottom: 95px;
    }

    .parmanent-tempoary-sec .parmanent-cell {
        margin-bottom: 134px;
    }

    /* .parmanent-tempoary-sec .parmanent-cell::before {

        width: 480px;
        height: 506px;
        top: 300px;
    } */
    .parmanent-tempoary-sec .parmanent-cell::before {
        width: 30%;
        height: 30%;
        top: 300px;
    }

    .parmanent-tempoary-sec .tempoary-cell::before {
        width: 30%;
        height: 30%;
    }

    .solution-feature::before {
        left: -297px;
        width: 440px;

    }

    .solution-feature::after {

        left: -278px;
        bottom: 35px;
        width: 440px;


    }

    .latest-job-sec.two-cell-row .job-box {

        padding: 59px 45px 65px 45px;
    }

    .solution-feature-content>div:not(:last-child) {
        margin-bottom: 100px;
    }

    .solution-location-sec .cust-container-sm {
        max-width: 1290px;
    }

    .solution-location-sec {
        padding-top: 160px;
    }

    .banner.solution-banner .inner-banner {
        position: relative;
        z-index: 5;
        padding-top: 200px;
    }

    .cta-contact-sec.solution-cta-contact-sec.sol-cus-sec+.solution-location-sec::before {
        width: 31vw;
        height: 50vw;
        right: -50px;
        top: -222px;
        background-size: 100%;
    }

    .solution-img-cell .inner-solution-img-cell::after {
        width: 100%;
        min-height: 251px;
        z-index: 4;
        bottom: 22vw;
        right: 12vw;
        margin: auto;
        background-position: left;
        max-width: 50%;
        transform: translate3d(0, -20px, 0);
        background-size: cover;
    }

    .solution-feature-content {

        position: relative;
        z-index: 9;
    }

    .solution-cta-contact-sec .cta-contact-inner {
        position: relative;
        min-height: 540px;
    }

    .banner-content-cell .inner-banner-content-cell .right-content-cell p:not(:last-child) {
        margin-bottom: 28px;
    }


    .parmanent-tempoary-sec .inner-parmanent-tempoary-sec {
        padding: 76px 0px 72px;
        position: relative;
    }

    /* solution page responsive  css end here  */

    /* career page responsive css start here  */

    .career-path-cell::after {
        content: '';
        position: absolute;

        width: 80%;
        height: 100%;
        display: block;
        bottom: -45vh;
        left: 0;
        right: 0;
        z-index: 3;
        background-repeat: no-repeat;
        background-size: contain;
        margin: auto;
        max-width: 1430px;
    }

    .our-benifit-sec .our-benifit-row .two-cell-sm {
        width: 33vw;
        padding-top: 196px;
        position: relative;
    }
    .testimonial-sec.our-employees-testimonial-sec {
        background-color: var(--dark);
        padding-top: 0;
        padding-bottom: 90px;
      }

    .our-benifit-sec .two-cell-row .two-cell-lg {
        width: 48%;
    }

    .testimonial-sec.our-employees-testimonial-sec::before {

        width: 444px;
        height: 504px;
        top: 264px;
        background-size: cover;
        right: -186px;
        -webkit-animation: fallingx 20s 0s infinite;
        animation: fallingx 20s 0s infinite;
        transition: all 200ms ease-in;
        transform: translate3d(0, -20px, 0);
    }

    .circle-plus .circle .horizontal {
        position: absolute;
        background-color: #0FF;
        width: 52px;
        height: 14px;
        top: 1.9em;
        left: 1.05em;
        box-shadow: 0px 1px 8px 1px #00fefe;
        z-index: 999;
    }

    .circle-plus .circle .vertical {
        position: absolute;
        background-color: #0FF;
        width: 14px;
        height: 52px;
        top: 18px;
        left: 39px;
        box-shadow: 0px 1px 8px 1px #00fefe;
        z-index: 999;
    }

    .cus-sm-step .circle-plus .circle .vertical {
        position: absolute;
        width: 8px;
        height: 42px;
        top: 30px;
        left: 37px;
    }

    .cus-sm-step .circle-plus .circle .horizontal {
        position: absolute;
        width: 40px;
        height: 8px;
        top: 46px;
        left: 21px;
    }

.career-path-container {
 left: 0;
max-width: 95%;
}
.cus-sm-step h5 , .carerr-step.step-2 h5{
  font-size: 16px;
  line-height: 26px;
  
}
.cus-lg-step h5 {
font-size: 18px;
line-height: 28px;
  letter-spacing: 0.40px;
}
.step-last-text h5 {
 width: 270px;
  letter-spacing: 0.40px;
}
.carerr-step.step-3.up-step h5 {
  left: -161px;

}
.carerr-step.step-4.up-step h5 {
  width: 300px;
  top: -40px;
}
.carerr-step.step-5.up-step h5 {
  top: -75px;
  width: 270px;
  left: -112px;

}
.step-last-text {
  bottom: 99px;
  right: 140px;
}

.carerr-step.step-1 .step-1-text{
    left:0px;
}

.step-1-text {
  left: -92px;

}
    .our-benifit-sec {
    margin-top: -40px;
        background-color: #fff;
        z-index: 2;
        padding-top: 72px;
    }

    .banner.career-banner .inner-banner {
        padding-top: 200px;
      }
      .testimonial-sec.our-employees-testimonial-sec .two-cell-row .two-cell-sm , .testimonial-sec.our-employees-testimonial-sec .two-cell-row .two-cell-lg{
          width:49%;
      }
    /* career page responsive css end here  */

    /* software page responsive css start here */

    section.banner.inner-page-banner-sec .inner-banner {
        padding-top: 200px;
    }
    .h-can-we-help-sec {
        padding-top: 92px;
    }
    .software-we-cover-sec {
        padding-top: 84px;
    }

    .computer-language-list-row {
        padding-top: 33px;
    }
    .help-onboarding-content{
        padding-top: 57px;
    }
    section.latest-job-sec::before {


        background-size: auto;
        background-size: 100%;
        left: -20vw;
        width: 496px;
        height: 559px;
        z-index: 0;
        top: 2vw;
        transform: translate3d(0, -20px, 0);


    }

    .banner.software-banner .inner-banner {
        position: relative;
        z-index: 5;
        padding-top: 255px;
    }

    .h-can-we-help-sec .two-cell-row .two-cell-sm {
        width: 40%;
    }

    .h-can-we-help-sec .two-cell-sm .img-box {
        height: 33vw;
    }

    .latest-job-sec .two-cell-row .two-cell-lg {
        width: 50%;
    }

    .latest-job-sec.software-l-j::before {
        left: -20vw;
    }

    section.latest-job-sec .cust-container-md2 {
        max-width: 1070px;
        transform: translate(70px, 0px);
    }

    .latest-job-sec .two-cell-row .two-cell-lg {
        width: 54%;
    }

    .latest-job-sec.two-cell-row .two-cell-sm {
        width: 461px;
    }

    .inner-latest-job-sec .theme-heading-h2 {
        margin-bottom: 40px;
        width: 100%;
    }

    .latest-job-sec .two-cell-row .two-cell-lg .job-box {
        margin-top: 60px;
    }

    .latest-job-img-bg .img-box::before {

        width: 100%;
        height: 100%;
        display: block;
        top: 0;
        left: 0;
        z-index: 3;
        background-size: cover;
        background-position: center;
    }

    .h-can-we-help-sec .two-cell-row .two-cell-lg {
        width: 54%;
    }

    .banner-paragraph-content p , .h-can-we-help-sec .two-cell-row .two-cell-lg p{
        font-size: 18px;
        line-height: 36px;
   
    }

    .banner-cont .banner-paragraph-content .inner-paragraph-content {
        padding-top: 60px;
        padding-bottom: 60px;
      }
      .banner.software-banner h1{
        margin-bottom: 13px;
      }
      .banner.software-banner .banner-content-cell {
      
          padding-top: 0;
      
      }
      section.latest-job-sec{
        padding-bottom: 60px;
      }
    /* software page responsive css end here */


    /* our-specialisms page responsive css start here  */
    section.banner.home-banner.our-specialisms-banner .inner-banner {
        padding-top: 200px;
    }
    .specialisms-cate-sec .specialisms-row .specialisms-cell h4 {

        font-size: 30px;
        line-height: 44px;

    }

    
    section.specialisms-cate-sec .specialisms-row {
        padding-bottom: 50px;
    }
    section.banner.solution-banner.home-banner.our-specialisms-banner{
        padding-bottom: 32px;
    }
    section.banner.home-banner.our-specialisms-banner .ico3 {

        background-size: 66%;
    }
    
    

    /* our-specialisms page responsive css end here  */

    /* candidate page responsive page css start here  */
    .our-job-sec::after {
        content: '';
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 36vw;
        background-color: var(--dark);
        z-index: -1;
    }

    .candidate-our-job-list {
        width: 100%;
        max-width: 992px;
        margin-top: -40vh;
        position: relative;
        z-index: 1;
    }

    .our-job-sec::after {

        height: 36vw;

    }

    .banner.candidate-banner.inner-page-banner .ico1 {
        width: 24.8vw;
        height: 44.2vh;

    }

    .banner.candidate-banner.inner-page-banner h1 {

        margin-bottom: 25px;
    }

    .banner.inner-page-banner.candidate-banner.home-banner .inner-banner {
        padding-top: 180px;

    }

    .our-job-sec .candidate-our-job-list .two-cell-row .two-cell-sm {

        width: 49%;
    }

    section.our-approach-sec {

        padding-bottom: 135px;
    }

.candidate-our-job-list.candidate1-cell-section .latest-job-sec.two-cell-row .job-box {
    padding: 35px 45px 65px 45px;
}
    /* candidate page responsive page css end here  */

    /* client page responsive css start here */
    .banner.inner-page-banner.clients-banner h1 {

        margin-bottom: 14px;
    }

    .candidate-solution-img-box .img-box {
        height: 465px;
        width: 100%;
        max-width: 80%;
        z-index: 112;
    }

    .w-w-are-diffrent-sec p {
        font-size: 30px;
        line-height: 50px;
    }

    .company-logo-row.row-cell .three-cell-sm img {
        width: 100%;
        max-width: 80%;
    }

    .theme-heading-h2 {
        font-size: 38px;
        line-height: 48px;

    }

    .banner.inner-page-banner.clients-banner .ico2 {

        left: -102px;

    }

    .banner.inner-page-banner.clients-banner .banner-paragraph-content p:not(:last-child) {
        margin-bottom: 26px;
    }

    .w-w-are-diffrent-img-box {
        height: 41vw;
        width: 53vw;

    }

    .w-w-are-diffrent-content {

padding-bottom: 93px;

}

    .company-logo-row.row-cell .three-cell-sm {

        width: 33.33%;
    }
    .banner.inner-page-banner.clients-banner .ico3{
        background-size: 70%;
    }

    .banner.inner-page-banner.clients-banner {
        padding-bottom: 80px;
        min-height: 100%;
      }
    /* client page responsive css end here */

    /* why-recann page responsive css start here  */

    .banner.inner-page-banner.why-recann-banner .banner-paragraph-content {
        padding-top: 10px;
    }

    .banner.inner-page-banner.why-recann-banner h1 {
        margin-bottom: 25px;
    }

    .who-makes-recann-row p {
        line-height: 50px;
        font-size: 24px;

    }
    .banner.inner-page-banner.why-recann-banner .ico1
    {
        width: 44.8vw;
        height: 64.2vh;
    }
    .banner.inner-page-banner.why-recann-banner {
padding-bottom: 80px;
    min-height: 100%;
}


      .w-can-recann-sec {
        padding-top: 100px;
        padding-bottom: 100px;
      }

      .w-can-recann-sec .ico4{
        top: -107px;
        background-size: 75%;
      }

      .theme-heading-h5 {
        font-size: 28px;
        line-height: 38px;
      }

      .t-v-guide-us-sec .guide-inner-cell {
        background: var(--darkgrey);
        padding: 29px 29px 29px 29px;
      }

      .t-v-guide-us-sec .t-v-guide-us-row h5 {
        margin-bottom: 10px;
      }

      .who-makes-recann-row.two-cell-row {
        padding-top: 60px;
      }

      .who-makes-recann-row.two-cell-row::before {
          background-size: 70%;
      }
      
.meet-the-team-sec .meet-the-team-cell .img-box {
    width: 100%;
    height: 208px;
}
.meet-the-team-sec .meet-the-team-cell {
    margin: 0 20px 86px;
    width: 21.38%;
}
.meet-the-team-sec .meet-the-team-cell h5, .rm-popup .meet-the-team-cell h5 {
    padding-top: 14px;
    padding-bottom: 10px;
}
.meet-the-team-sec .theme-heading-h5 {
    font-size: 26px;
    line-height: 38px;
}
.meet-the-team-sec .meet-the-team-cell h6 {
    font-size: calc(var(--h6-font-size) - 4px );
    line-height: calc(var(--h6-line-height) - 12px );

}

.meet-the-team-sec .who-makes-recann-row.two-cell-row:before {
    background-size: 65%;
}
.meet-the-team-sec {
    padding-bottom: 56px;
}

.rm-popup .rm-container {
    width: 100%;
    max-width: 70%;
    margin: auto;
}
.rm-popup .rm-sm-cell .img-box {
    width: 269px;
    height: 259px;
}
.rm-popup .modal-body .top-header h6 {
    font-size: 18px;
    line-height: 40px;
}

.rm-popup .theme-paragraph-content p {
    font-size: 21px !important;
    line-height: 37px !important;
}
.rm-popup .top-header ul li img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.rm-popup .top-header ul {
    margin-right: 12px;
}
.rm-popup .rm-sm-cell h6 {
    font-size: 22px;
    line-height: 32px;
}
    /* why-recann page responsive css end here  */
    /* job board page responsive css start here  */
    .job-board-category-sec .latest-job-sec.two-cell-row .job-box {
        width: 100%;
        max-width: 31.33%;
        background-color: var(--darkgrey);
        padding: 29px 33px 65px 33px;
    }

    .job-board-category-sec .latest-job-sec.two-cell-row .job-box .theme-heading-h4 {
        font-size: 36px;
        line-height: 56px;
        font-weight: 700;
        width: 100%;
    }

    .job-board-category-sec .cust-container-md3 {
        max-width: 1300px;
    }
    .job-board-banner + .job-board-category-sec .cust-container-md3 {
        max-width: 1200px;
      }
    .job-board-category-sec .latest-job-sec.two-cell-row .job-box {
        margin-bottom: 60px;
    }
    .job-board-banner + .job-board-category-sec .latest-job-sec.two-cell-row .job-box {
max-width: 30.33%;
padding: 35px;
      }
    /* job board page responsive css end here  */

    /* job-detail page responsive css start here  */

    .job-detail-discription .two-cell-row .two-cell-lg {
        width: 60%;
    }

    .job-detail-discription .two-cell-row .two-cell-sm {
        width: 37%;
    }

    .banner.job-detail-banner .ico3 {
        width: 43.4vw;
        height: 43vh;

        top: 23vh;
        right: -13vw;

        background-size: 75%;
    }

    .job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-sm {
        width: 153px;
        margin-right: 20px;
    }

    .job-detail-discription .cust-container-sm {
        max-width: 1290px;
        padding: 0 28px;
    }

    .similar-jobs-sec .cust-container-sm {
        padding: 0px;
        max-width: 1234px;
    }

    .similar-jobs-sec .cust-container-md3 {
        max-width: 1234px;
        position: relative;
        z-index: 91;
    }

    .similar-jobs-sec .latest-job-sec.two-cell-row .job-box {
        width: 100%;
        max-width: 32.33%;
        background-color: var(--darkgrey);
        padding: 29px 30px 65px 30px;
    }

    .home-banner.job-detail-banner h1 {
        max-width: 476px;
        font-size: 50px;
        line-height: 70px;
    }
    .banner.job-detail-banner .banner-content-cell li span {
        font-size: 20px;
        line-height: 40px;
      }
      .job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-lg .consltant-name {
        font-size: 24px;
        line-height: 52px;
   
      }
      .job-detail-discription .list-view-job-detail ul li:not(:last-child) {
        margin-bottom: 20px;
      }
      section.job-detail-discription .job-apply-read-bts {
        margin-top: 60px;
        margin-bottom: 60px;
      }

      .job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-sm .img-box {
        height: 160px;
      }
    /* job-detail page responsive css end here  */
    /* contact us page css start here  */
    .location-sec.contact-us-sec.banner .banner-content-container h1 {
        padding-bottom: 18px;
    }

    .location-sec.contact-us-sec.banner .address-card {
        width: 304px;
    }

    .location-sec.contact-us-sec.banner .location-address {
        display: flex;
        justify-content: flex-end;
        width: 571px;
    }

    .location-sec.contact-us-sec.banner hr {
        width: 100%;
        opacity: 1;
        margin: 0px 10px 60px;
    }
    .location-sec.contact-us-sec.banner .cust-form label {
        font-size: 20px;
        line-height: 40px;
      }
    /* contact us page css end here */

    /* resoures landing page css start  here  */
    .banner.inner-page-banner.resources-landing-banner .banner-paragraph-content p:not(:last-child) {
        margin-bottom: 20px;
        font-size: 22px;
        line-height: 44px;
    }

    .banner.inner-page-banner.resources-landing-banner h1 {

        margin-bottom: 24px;
    }

    .banner.inner-page-banner.resources-landing-banner .banner-paragraph-content {
        width: 100%;
        max-width: 761px;
        padding-bottom: 40px;
    }

    .job-board-category-sec.resources-detail-sec .specialisms-content p {
        margin-bottom: 32px;
    }

    /*.job-board-category-sec.resources-detail-sec .specialisms-row .specialisms-cell h4 {*/
    /*    margin-bottom: 42px;*/
    /*}*/
    .job-board-category-sec.resources-detail-sec .specialisms-row .specialisms-cell h4 {
  margin-bottom: 0px;
  font-size: 24px;
  line-height: 34px;
}
    .resources-landing-banner .banner-paragraph-content::after {

        bottom: -9vh;
      }

      .job-board-category-sec.resources-detail-sec .resources-content {
        padding: 20px;
        margin-top: 289px;
      }

      .resources-detail-sec .specialisms-cell {
        margin-bottom: 50px;
      }

      .banner.inner-page-banner.resources-landing-banner {

        padding-bottom: 70px;
      }
      .job-board-category-sec.resources-detail-sec{
          padding-top: 70px;
      }
    /* resoures landing page css end here  */

    /* resouress detail page css start here */
    .banner.inner-page-banner.resources-detail-banner .job-apply-read-bts {
        margin-top: 58px;
    }

    .theme-heading-h2 {
        font-size: 28px;
        line-height: 46px;

    }

    .rdc-sec p {
        padding-bottom: 30px;
        font-size: 22px;
        line-height: 40px;
    }

    .rdc-sec .two-cell-row .two-cell-sm {
        width: 40%;
    }

    .rdc-sec .job-apply-read-bts {
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .rdc-sec {
        padding-bottom: 66px;
    }
    .banner.inner-page-banner.resources-detail-banner .banner-content {
        width: 694px;
      }
      .banner.inner-page-banner.resources-detail-banner ul li {
        font-size: 16px;
        line-height: 32px;

      }

      .banner.inner-page-banner.resources-detail-banner ul li:not(:last-child) {
        margin-right: 60px;
      }

      .rdc-sec::before{
          background-size: 80%;
          top:0px;
      }
    /* resouress detail page css end here */
    p {
        font-size: 20px !important;
        line-height: 38px !important;
    }

    .banner.career-banner .banner-content-cell .inner-banner-content-cell .right-content-cell p:not(:last-child) {
        margin-bottom: 30px;
    }


    .our-offer-sec .two-cell-row .two-cell-sm {
        width: 45%;
    }

    .our-offer-sec .two-cell-row .two-cell-lg {
        width: 45%;
        padding-top: 60px;
    }

    .banner.career-banner .banner-content-cell .inner-banner-content-cell .right-content-cell p:not(:last-child) {
        margin-bottom: 21px;
    }

.job-board-category-sec.resources-detail-sec .specialisms-inner:hover .resources-img-cont {
  padding-bottom: 30px;
}
  /*home page css start here */
    .slide-nav a{
        font-size:25px;
    line-height: 35px;
    padding-bottom: 5px;
        
    }
    .slide-nav > li {
    padding-bottom: 13px;
    display: inline-block;
}
.slide-nav ul li a {
    font-size: 18px;
    line-height: 28px;

}
        /*home page css end here */
        
.search-box .search-btn2 img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.search-input {
    font-size:21px;
}
.t-v-guide-us-sec.wm-recann_sec {
    padding-top: 22px;
    padding-bottom: 76px;
}
.meet-the-team-sec .profile-discription-box .icon-content img {
    object-fit: contain;
    width: 20px;
}

.resources-detail-sec .specialisms-inner:hover .img-box{
    height: 300px;
}
   
.resources-detail-sec .specialisms-inner.toggled:hover .img-box{
    height: 300px;
}
.promise-setion-client{
    padding-top: 40px;
    padding-bottom: 80px;
}
.promise-setion-client::after {
    background-size: 75%;
    top: -138px;
}
}

@media (max-width:1440px) {
    .banner.inner-page-banner.clients-banner .ico1 {
        width: 40.1vw !important;
        height: 40.1vw !important;

    }


    .w-w-are-diffrent-sec {
        padding-top: 70px;
    }
    .on-client-pg {
        padding-bottom:70px;
    }
    .t-v-guide-us-sec .t-v-guide-us-row .img-box img {

        width: 70%;
        height: 70%;

    }

    .w-can-recann-row.three-cell-row {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 0%;
    }

    .job-board-dots {
        text-align: center;
        position: relative;
        top: 0;
    }
    .inner-w-can-recann-sec .w-can-recann-row.three-cell-row .three-cell-sm p{
        font-size:22px!important;
        line-height:34px!important;
    }
}

@media (max-width:1366px) {
    .our-approach-sec .paragraph-content p {
        font-size: 24px;
        line-height: 43px;
        font-weight: 400;
    }
   
    .banner.candidate-banner.inner-page-banner .banner-content-cell {
        width: 100%;
        max-width: 69%;
    }


    .testimonial-sec.our-employees-testimonial-sec .two-cell-row .two-cell-lg ,  .testimonial-sec.our-employees-testimonial-sec .two-cell-row .two-cell-sm {
        width: 49%;
      }
  
    

    .job-detail-discription .list-view-job-detail ul li:not(:last-child) {
        margin-bottom: 28px;
    }
    .inner-w-can-recann-sec .w-can-recann-row.three-cell-row .three-cell-sm p{
        font-size:22px;
        line-height:34px;
    }

}

@media (min-width: 1360px) and (max-width: 1399px) {
    .address-card .slide-address-top {
    font-size: 17px;
}
    .resources-detail-sec .img-box {

  height: 168px;

}
    .t-v-guide-us-sec .who-makes-recann-row .img-box {
        width: 100%;
        height: 250px;
        z-index: 2;
    }

       .latest-job-sec.software-l-j .two-cell-sm .job-box:nth-child(1) {
  top: 48vh;
  
}
    .our-offer-sec::before {
        position: absolute;
        content: "";
        height: 457px;
        width: 207px;
    }

    .testimonial-sec.our-employees-testimonial-sec h2 {
        color: var(--white);
        margin-bottom: 30px;
      }
          .our-benifit-sec .our-benifit-row .two-cell-sm::before {

        background-size: 80%;
      }
    .banner.career-banner .banner-content-cell .inner-banner-content-cell .right-content-cell p:not(:last-child) {
        margin-bottom: 21px;
    }

    .cta-contact-sec.solution-cta-contact-sec.sol-cus-sec {
        padding-bottom: 5vw;
    }

    /* solution page responsive  css start here  */
    .cust-container-md2,
    .cust-container-md3 {
        width: 100%;
        max-width: 1070px;
        margin: 0 auto;
    }

    .banner.solution-banner .inner-banner {
        position: relative;
        z-index: 5;
        padding-top: 300px;
    }

    .banner.solution-banner .banner-content-cell {
        padding-top: 25px;
    }
    .banner.solution-banner .banner-img-box {

        height: 100%;
      }
    section.banner.solution-banner.home-banner {
        background: #000;
        padding-bottom: 82px;
        min-height: 100%;
    }

    .parmanent-tempoary-sec .parmanent-cell {
        margin-bottom: 275px;
    }

    /* .parmanent-tempoary-sec .parmanent-cell::before {

        width: 480px;
        height: 506px;
        top: 300px;
    } */
    .parmanent-tempoary-sec .parmanent-cell::before {
        width: 30%;
        height: 30%;
        top: 300px;
    }

    .parmanent-tempoary-sec .tempoary-cell::before {
        width: 30%;
        height: 40%;
        background-size: 77%;
        right: -18%;
    }

    /* .parmanent-tempoary-sec .tempoary-cell::before {
        width: 480px;
        height: 506px;
    } */

    .solution-feature::before {
        left: -327px;
        width: 440px;
        top: 240px;
    }

    .solution-feature::after {

        left: -328px;
        bottom: -5px;
        width: 440px;


    }

    .solution-feature-content>div:not(:last-child) {
        margin-bottom: 94px;
    }

    .solution-location-sec .cust-container-sm {
        max-width: 1290px;
    }

    .solution-location-sec {
        padding-top: 125px;
    }

    .banner.solution-banner .inner-banner {
        position: relative;
        z-index: 5;
        padding-top: 215px;
    }

    .solution-img-cell .inner-solution-img-cell::after {
        width: 100%;
        min-height: 251px;
        z-index: 4;
        bottom: 32vw;
        right: 6vw;
        margin: auto;
        background-position: left;
        max-width: 50%;
        transform: translate3d(0, -20px, 0);
        background-size: 80%;
    }

    .solution-feature-content {

        position: relative;
        z-index: 9;
    }

    .solution-cta-contact-sec .cta-contact-inner {
        position: relative;
        min-height: 600px;
    }

    .theme-heading-h2 {
        font-size: 36px;
        line-height: 60px;
        font-weight: 700;
        letter-spacing: var(--h5-lspacing);
    }

    .banner-content-cell .inner-banner-content-cell .right-content-cell p,
    .parmanent-tempoary-sec p,
    .solution-feature p {
        font-size: 22px;
        line-height: 44px;
        letter-spacing: 0.011em;
    }

    .parmanent-tempoary-sec .inner-parmanent-tempoary-sec {
        padding: 84px 0px 80px;
        position: relative;
    }

    .parmanent-tempoary-sec .parmanent-cell {
        margin-bottom: 104px;
    }

    .solution-feature .inner-solution-feature {
        padding: 116px 0 70px;
        position: relative;
    }

    .cta-contact-sec.solution-cta-contact-sec .two-cell-sm {
        width: 37%;
    }

    .solution-banner .banner-content {
        padding: 0 0;
    }

    /* solution page responsive  css end here  */



    /* career page responsive css start here  */

    .career-path-cell::after {
        content: '';
        position: absolute;

        width: 80%;
        height: 100%;
        display: block;
        bottom: -45vh;
        left: 0;
        right: 0;
        z-index: 3;
        background-repeat: no-repeat;
        background-size: contain;
        margin: auto;
        max-width: 1430px;
    }

    .our-benifit-sec .our-benifit-row .two-cell-sm {
        width: 33vw;
        padding-top: 23vh;
        position: relative;
        
    }
    .testimonial-sec.our-employees-testimonial-sec .two-cell-row .two-cell-lg , .testimonial-sec.our-employees-testimonial-sec .two-cell-row .two-cell-sm{
        width: 49%;
      } 

    .our-benifit-sec .two-cell-row .two-cell-lg {
        width: 48%;
    }
    .testimonial-sec.our-employees-testimonial-sec {
        background-color: var(--dark);
        padding-top: 38px;
        padding-bottom: 80px;
      }
    .testimonial-sec.our-employees-testimonial-sec::before {

        width: 444px;
        height: 504px;
        top: 264px;
        background-size: cover;
        right: -186px;
        -webkit-animation: fallingx 20s 0s infinite;
        animation: fallingx 20s 0s infinite;
        transition: all 200ms ease-in;
        transform: translate3d(0, -20px, 0);
    }

    .our-offer-sec .two-cell-row .two-cell-sm {
        width: 40%;
    }

    .our-offer-sec .two-cell-row .two-cell-lg {
        width: 50%;
        padding-top: 60px;
    }

    .banner.career-banner .inner-banner {
        padding-top: 215px;
    }

 
    .circle-plus .circle .horizontal {
  position: absolute;
background-color: #0FF;
width: 52px;
height: 13px;
top: 34px;
left: 19px;
box-shadow: 0px 1px 8px 1px #00fefe;
    }

    .circle-plus .circle .vertical {
        position: absolute;
        background-color: #0FF;
        width: 13px;
        height: 52px;
        top: 16px;
        left: 38px;
        box-shadow: 0px 1px 8px 1px #00fefe;
        z-index: 999;
    }

    .cus-sm-step .circle-plus .circle .vertical {
        position: absolute;
        width: 8px;
        height: 42px;
        top: 30px;
        left: 37px;
    }

    .cus-sm-step .circle-plus .circle .horizontal {
        position: absolute;
        width: 40px;
        height: 8px;
        top: 46px;
        left: 21px;
    }
.cus-sm-step h5 , .carerr-step.step-2 h5{
  font-size: 14px;
  line-height: 26px;
  
}
.cus-lg-step h5 {
font-size: 16px;
line-height: 26px;
  letter-spacing: 0.40px;
}
.step-last-text h5 {
 width: 270px;
  letter-spacing: 0.40px;
}
.carerr-step.step-1 .step-1-text {
  left: 30px;
  top: 90px;
}
 .carerr-step.step-1 {
  left: 18px;
  bottom: 224px;
}
/**#target9 .circle-plus::after {
  height: 161px;

  left: 1px;
  top: 64px;
  transform: skew(-30deg, 30deg);

}**/
#target9 .circle-plus:after {
    content: '';
    width: 2px;
    height: 291px;
    display: block;
    position: absolute;
    background-color: #E71755;
    left: -78px;
    top: 38px;
    transform: skew(-45deg, 30deg);
}
#target9 .circle-plus::before{
    height: 47px;
}
.carerr-step.yellow-step-plus h5 {
  left: -125px;
}
.carerr-step.step-3.up-step h5 {
  left: -120px;

}

.carerr-step.step-4.up-step h5 {
  width: 240px;
  left: -150px;
  top: -20px;
}
.carerr-step.step-5.up-step h5 {
  top: -45px;
  width: 250px;
  left: -120px;
}

.step-last-text {
  bottom: 90px;
  right: 150px;
}
.step-last-text h5 {
  width: 240px;
  letter-spacing: 0.40px;
}

#target5 .circle-plus::before {

  height: 18px;
 
  left: -85px;
  top: 55px;

}
#target6 .circle-plus::before {

  height: 55px;

  left: -71px;

}
    .our-benifit-sec {
        margin-top: -100px;
        background-color: #fff;
        z-index: 2;
    }

    /* career page responsive css end here  */



    /* software page responsive css start here */

    section.latest-job-sec::before {


        background-size: auto;
        background-size: 100%;
        left: -20vw;
        width: 496px;
        height: 559px;
        z-index: 0;
        top: 2vw;
        transform: translate3d(0, -20px, 0);

    }

    .banner.software-banner .inner-banner {
        position: relative;
        z-index: 5;
        padding-top: 255px;
    }

    .h-can-we-help-sec .two-cell-row .two-cell-sm {
        width: 40%;
    }

    .h-can-we-help-sec .two-cell-sm .img-box {
        height: 37vw;
    }

    .latest-job-sec .two-cell-row .two-cell-lg {
        width: 50%;
    }

    .latest-job-sec.software-l-j::before {
        left: -20vw;
    }

    section.latest-job-sec .cust-container-md2 {
        max-width: 1070px;
        transform: translate(70px, 0px);
    }

    .latest-job-sec .two-cell-row .two-cell-lg {
        width: 54%;
    }

    .latest-job-sec.two-cell-row .two-cell-sm {
        width: 461px;
    }

    .inner-latest-job-sec .theme-heading-h2 {
        margin-bottom: 40px;
        width: 100%;
    }

    .latest-job-sec .two-cell-row .two-cell-lg .job-box {
        margin-top: 60px;
    }

    .latest-job-img-bg .img-box::before {

        width: 100%;
        height: 100%;
        display: block;
        top: 0;
        left: 0;
        z-index: 3;
        background-size: cover;
        background-position: center;
    }

    .h-can-we-help-sec .two-cell-row .two-cell-lg {
        width: 54%;
    }

    .banner-paragraph-content p,
    .h-can-we-help-sec .two-cell-row .two-cell-lg p {
        font-size: 20px;
        line-height: 40px;

    }
    .banner.software-banner .banner-content-cell{
        padding-top: 0;  
    }
    .banner.software-banner h1{
        
    margin-bottom: 0;

    }
    .h-can-we-help-sec , .software-we-cover-sec{
        padding-top: 72px;
        
    }
    section.latest-job-sec{
        padding-bottom: 30px;
    }
    .software-banner-paragraph.banner-paragraph-content .inner-paragraph-content {

        padding-top: 50px;
        padding-bottom: 50px;
    }
    /* software page responsive css end here */
    /* our-specialisms page responsive css start here  */

    section.banner.home-banner.our-specialisms-banner .inner-banner {
        padding-top: 240px;
    }
    .specialisms-cate-sec .specialisms-row .specialisms-cell h4 {

font-size: 30px;

line-height: 40px;

margin-bottom: 20px;

}
    section.specialisms-cate-sec .specialisms-row{

        padding-bottom: 40px;
    }
    /* our-specialisms page responsive css end here  */

    /* candidate page responsive page css start here  */
    .our-job-sec::after {
        content: '';
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 36vw;
        background-color: var(--dark);
        z-index: -1;
    }

    .candidate-our-job-list {
        width: 100%;
        max-width: 992px;
        margin-top: -20%;
        position: relative;
        z-index: 1;
    }

    .our-job-sec::after {

        height: 36vw;

    }

    .banner.candidate-banner.inner-page-banner .ico1 {
        width: 24.8vw;
        height: 44.2vh;
        background-size: 80%;
    }

    .banner.candidate-banner.inner-page-banner h1 {

        margin-bottom: 25px;
    }

    .banner.inner-page-banner.candidate-banner.home-banner .inner-banner {
        padding-top: 215px;

    }

    .our-job-sec .candidate-our-job-list .two-cell-row .two-cell-sm {

        width: 49%;
    }

    section.our-approach-sec {

padding-bottom: 85px;

}

.testimonial-sec.candidate-testimonial-sec {
    padding-bottom: 50px;
}
.testimonial-sec.candidate-testimonial-sec::before{
    background-size: 70%;
}
.banner.candidate-banner.inner-page-banner .ico3{
    background-size: 80%;
}

.candidate-banner {
    padding-bottom: 60px;
}
.our-job-sec .paragraph-content p:not(:last-child) {
    margin-bottom: 16px;
}
.our-approach-sec .paragraph-content p:not(:last-child) {
    margin-bottom: 16px;
}

.our-job-sec .two-cell-row .two-cell-sm {
    width: 49%;
  }
    /* candidate page responsive page css end here  */

    /* client page responsive css start here */
    .banner.inner-page-banner.clients-banner h1 {

        margin-bottom: 14px;
    }

    .candidate-solution-img-box .img-box {
        height: 365px;
        width: 100%;
        max-width: 80%;
        z-index: 112;
    }


    .w-w-are-diffrent-sec p {
        font-size: 30px;
        line-height: 50px;
    }

    .company-logo-row.row-cell .three-cell-sm img {
        width: 100%;
        max-width: 80%;
    }

    .theme-heading-h2 {
        font-size: 40px;
        line-height: 50px;

    }

    .banner.inner-page-banner.clients-banner .ico2 {

        left: -102px;

    }

    .banner.inner-page-banner.clients-banner .banner-paragraph-content p:not(:last-child) , .banner.candidate-banner.inner-page-banner .banner-paragraph-content p:not(:last-child) , .banner-content-cell .inner-banner-content-cell .right-content-cell p:not(:last-child){
        margin-bottom:15px;
    }

    .w-w-are-diffrent-img-box {

height: 49vw;

}

    .w-w-are-diffrent-content {

        padding-bottom: 243px;

    }

    .company-logo-row.row-cell .three-cell-sm {

        width: 33.33%;
    }

    .w-w-are-diffrent-img-box {

        width: 60%;

    }
    .our-job-sec {
        padding-top: 66px;
        position: relative;
    }
    .our-job-sec .two-cell-row .two-cell-lg {
        width: 49%;
    }

    .banner.inner-page-banner.clients-banner{
        min-height: 100%;
    }
    .candidate-banner
    {
        padding-bottom: 50px;
min-height: 100%;
    }
    /* client page responsive css end here */

    /* why-recann page responsive css start here  */

    .banner.inner-page-banner.why-recann-banner .banner-paragraph-content {
        padding-top: 10px;
    }

    .banner.inner-page-banner.why-recann-banner h1 {
        margin-bottom: 15px;
    }

    .who-makes-recann-row p {
        line-height: 50px;

    }

    .w-can-recann-row.three-cell-row {

        grid-gap: 2%;
    }

    .w-can-recann-row.three-cell-row .theme-heading-h5 {
 font-size: 24px;
line-height: 33px;
    }
    .w-can-recann-sec .inner-w-can-recann-sec h2 {
        padding-bottom: 50px;
      }

    .t-v-guide-us-sec .who-makes-recann-row .img-box {
        width: 33vw;
        height: 349px;
        z-index: 2;
    }
    .w-can-recann-sec .ico4{
           top: -57px;
    width: 430px;
    height: 200px;
    }

    .who-makes-recann-row.two-cell-row {
        padding-top: 57px;
    }

    .banner.inner-page-banner.why-recann-banner .ico1
    {
        width: 33.8vw;
        height: 44.2vh;
        background-size: 80%;
        top: -14px;
    }

    .w-can-recann-sec {
        padding-top: 90px;
        padding-bottom: 90px;

      }

      .t-v-guide-us-sec .guide-inner-cell {
        padding: 35px;
      }

      .banner.inner-page-banner.job-board-banner {
        min-height: 428px;
      }
      .meet-the-team-sec .meet-the-team-cell .img-box {
    width: 100%;
    height: 208px;
}
.meet-the-team-sec .meet-the-team-cell {
    margin: 0 20px 56px;
    width: 21.38%;
}
.meet-the-team-sec .meet-the-team-cell h5, .rm-popup .meet-the-team-cell h5 {
    padding-top: 14px;
    padding-bottom: 10px;
}
.meet-the-team-sec .theme-heading-h5 {
    font-size: 26px;
    line-height: 38px;
}
.meet-the-team-sec .meet-the-team-cell h6 {
    font-size: calc(var(--h6-font-size) + 2px );
    line-height: calc(var(--h6-line-height) + 2px );
}
.meet-the-team-sec {
    padding-bottom: 37px;
}
.meet-the-team-sec .who-makes-recann-row.two-cell-row:before {
    background-size: 60%;
}
.rm-popup .rm-container {
    width: 100%;
    max-width: 70%;
    margin: auto;
}
.rm-popup .rm-sm-cell .img-box {
    width: 259px;
    height: 239px;
}.rm-popup .rm-sm-cell .img-box {
    width: 259px;
    height: 239px;
}
.rm-popup .modal-body .top-header h6 {
    font-size: 18px;
    line-height: 40px;
}

.rm-popup .theme-paragraph-content p {
    font-size: 21px !important;
    line-height: 37px !important;
}
.rm-popup .top-header ul li img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.rm-popup .top-header ul {
    margin-right: 12px;
}
.rm-popup .rm-sm-cell h6 {
    font-size: 22px;
    line-height: 32px;
}
  .rm-popup .inner-rm-lg-cell {
    padding-left: 42px;
} 
.theme-heading-h5 {
    font-size: 26px;
    line-height: 36px;
}
    /* why-recann page responsive css end here  */
    /* job board page responsive css start here  */
    .job-board-category-sec .latest-job-sec.two-cell-row .job-box {
        width: 100%;
        max-width: 30.33%;
        background-color: var(--darkgrey);
        padding: 29px 33px 65px 33px;
    }

    .job-board-category-sec .latest-job-sec.two-cell-row .job-box .theme-heading-h4 {
        font-size: 34px;
        line-height: 54px;
        font-weight: 700;
        width: 100%;
    }

    .job-board-category-sec .cust-container-md3 {
        max-width: 1300px;
    }
    .job-board-banner + .job-board-category-sec .cust-container-md3 {
        max-width: 1170px;
      }

    .job-board-category-sec .latest-job-sec.two-cell-row .job-box {
        margin-bottom: 60px;
    }

    /* job board page responsive css end here  */

    /* job-detail page responsive css start here  */

    .job-detail-discription .two-cell-row .two-cell-lg {
        width: 60%;
    }

    .job-detail-discription .two-cell-row .two-cell-sm {
        width: 37%;
    }

    .banner.job-detail-banner .ico3 {
        width: 43.4vw;
        height: 43vh;

        top: 23vh;
        right: -10vw;

    }

    .job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-sm {
        width: 153px;
        margin-right: 20px;
    }

    .job-detail-discription .cust-container-sm,
    .similar-jobs-sec .cust-container-sm {
        max-width: 1290px;
        padding: 0 28px;
    }

    .similar-jobs-sec .cust-container-md3 {
        max-width: 1234px;
    }
    .home-banner.job-detail-banner h1 {
        max-width: 476px;
        font-size: 50px;
        line-height: 70px;
    }
    .banner.job-detail-banner .banner-content-cell li span {
        font-size: 20px;
        line-height: 40px;
      }
      .job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-lg .consltant-name {
        font-size: 24px;
        line-height: 52px;
   
      }
      .job-detail-discription .list-view-job-detail ul li:not(:last-child) {
        margin-bottom: 20px;
      }
      section.job-detail-discription .job-apply-read-bts {
        margin-top: 60px;
        margin-bottom: 60px;
      }

      .job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-sm .img-box {
        height: 160px;
      }
      .job-detail-discription {

        padding: 70px 0px 72px;
      }
      .job-detail-discription .list-view-job-detail ul li::before {
        width: 13.07px;
        height: 13.92px;
        top: 10px;
      }
      .job-detail-discription .list-view-job-detail ul li {
        font-size:20px;
        line-height:36px;
   
      }
    /* job-detail page responsive css end here  */

    /* job-detail page responsive css start here  */

    .job-detail-discription .two-cell-row .two-cell-lg {
        width: 60%;
    }

    .job-detail-discription .two-cell-row .two-cell-sm {
        width: 37%;
    }

    .banner.job-detail-banner .ico3 {
        width: 43.4vw;
        height: 43vh;

        top: 23vh;
        right: -13vw;

    }

    .job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-sm {
        width: 153px;
        margin-right: 20px;
    }

    .job-detail-discription .cust-container-sm {
        max-width: 1290px;
        padding: 0 28px;
    }

    .similar-jobs-sec .cust-container-sm {
        padding: 0px;
        max-width: 1234px;
    }

    .similar-jobs-sec .cust-container-md3 {
        max-width: 1234px;
        position: relative;
        z-index: 91;
    }

    .similar-jobs-sec .latest-job-sec.two-cell-row .job-box {
        width: 100%;
        max-width: 32.33%;
        background-color: var(--darkgrey);
        padding: 29px 30px 65px 30px;
    }

    /* job-detail page responsive css end here  */
    /* contact us page css start here  */
    .location-sec.contact-us-sec.banner .banner-content-container h1 {
        padding-bottom: 10px;
    }

    .location-sec.contact-us-sec.banner .address-card {
        width: 304px;
    }

    .location-sec.contact-us-sec.banner .location-address {
        display: flex;
        justify-content: flex-end;
        width: 571px;
    }

    .location-sec.contact-us-sec.banner {
        padding: 184px 0 60px;
    }

    .location-sec.contact-us-sec.banner hr {
        width: 100%;
        opacity: 1;
        margin: 0px 10px 60px;
    }

    /* contact us page css end here */
    /* resoures landing page css start  here  */
    .banner.inner-page-banner.resources-landing-banner .banner-paragraph-content p:not(:last-child) {
        margin-bottom: 20px;
        font-size: 22px;
        line-height: 44px;
    }

    .banner.inner-page-banner.resources-landing-banner h1 {

        margin-bottom: 10px;
    }

    .banner.inner-page-banner.resources-landing-banner .banner-paragraph-content {
        width: 100%;
        max-width: 761px;
        padding-bottom: 30px;
    }

    .job-board-category-sec.resources-detail-sec .specialisms-content p {
        margin-bottom: 32px;
    }

    .job-board-category-sec.resources-detail-sec .specialisms-cell {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 55px;
    }

    .solution-cta-contact-sec .cta-contact-inner {
        position: relative;
        min-height: 470px;
    }
    .resources-landing-banner .banner-paragraph-content::before {

        bottom: 0vh;
      }

      .resources-landing-banner .banner-paragraph-content::after {

        background-size: 80%;
        right: -111px;
        bottom: -5vh;
    
    }
    .banner.inner-page-banner.resources-landing-banner{
        padding-bottom: 70px;
    }

    .job-board-category-sec.resources-detail-sec {
        padding-top: 60px;
      }

      .job-board-category-sec.resources-detail-sec .resources-content {
        padding: 20px 25px 35px;
        margin-top: 256px;
      }

      .job-board-category-sec.resources-detail-sec .specialisms-row .specialisms-cell h4 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 0;
      }
    /* resoures landing page css end here  */
    /* resouress detail page css start here */
    .banner.inner-page-banner.resources-detail-banner .job-apply-read-bts {
        margin-top: 48px;
    }

    .theme-heading-h2 {
        font-size: 26px;
        line-height: 46px;
      }
      .location-sec.contact-us-sec.banner .cust-form label {
        font-size: 18px;
        line-height: 28px;
      }
    .rdc-sec p {
        padding-bottom: 30px;
        font-size: 22px;
        line-height: 40px;
    }

    .rdc-sec .two-cell-row .two-cell-sm {
        width: 40%;
    }

    .rdc-sec .job-apply-read-bts {
        margin-top: 30px;
        margin-bottom: 60px;
    }

    .rdc-sec {
        padding-bottom: 66px;
    }

    .banner.inner-page-banner.resources-detail-banner ul li:not(:last-child) {
        margin-right: 30px;
    }
    .banner.inner-page-banner.resources-detail-banner ul li
    {
        font-size: 16px;
line-height: 34px;
    }
    .banner.inner-page-banner.resources-detail-banner {
        height: 100%;
        min-height: 560px;
      }

      .rdc-sec::before {

        background-size: 75%;
        right: -6vw;
        top: 0;
      }
    /* resouress detail page css end here */
    p {
        font-size: 20px !important;
        line-height: 36px !important;

    }
    /*home page css start here */
    .slide-nav a{
        font-size: 22px;
    line-height: 32px;
    padding-bottom: 5px;
        
    }
    .slide-nav > li {
    padding-bottom: 13px;
    display: inline-block;
}
.slide-nav ul li a {
    font-size: 17px;
    line-height: 27px;

}
        /*home page css end here */
.search-box .search-btn2 img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.search-input {
font-size: 20px;
width: 110px;
}
.t-v-guide-us-sec.wm-recann_sec {
padding-top: 22px;
    padding-bottom: 106px;
}
.meet-the-team-sec .profile-discription-box .icon-content img {
    object-fit: contain;
    width: 16px;
}

.resources-detail-sec .specialisms-inner:hover .img-box{
    height: 270px;
}
   
.resources-detail-sec .specialisms-inner.toggled:hover .img-box{
    height: 270px;
}
.promise-setion-client{
    padding-top: 40px;
    padding-bottom: 80px;
}
.promise-setion-client::after {
    background-size: 75%;
    top: -138px;
}
}



@media (max-width:1280px){
    .specialisms-para-content {
  margin-bottom: 30px;
}
 .inner-w-can-recann-sec .w-can-recann-row.three-cell-row .three-cell-sm p{
        font-size:21px!important;
        line-height:34px!important;
    }
}

@media (min-width:1280px) and (max-width: 1359px) {
    .slide-nav ul li:not(:last-child) {
    padding-bottom: 0px;
}
    .resources-detail-sec .img-box {

  height: 168px;

}
     .latest-job-sec.software-l-j .two-cell-sm .job-box:nth-child(1) {
  top: 50vh;
  
}
.latest-job-img-bg{
    height:710px;
}
    /* solution page responsive  css start here  */
    .cust-container-md2,
    .cust-container-md3 {
        width: 100%;
        max-width: 1070px;
        margin: 0 auto;
    }

    .banner.solution-banner .inner-banner {
        position: relative;
        z-index: 5;
        padding-top: 300px;
    }

    .banner.solution-banner .banner-content-cell {
        padding-top: 25px;
    }

    section.banner.solution-banner.home-banner {
        background: #000;
        padding-bottom: 0px;
    }

    .parmanent-tempoary-sec .parmanent-cell {
        margin-bottom: 275px;
    }

    .banner-content-cell .inner-banner-content-cell .right-content-cell {
        padding-top: 0.50rem;
    }

    /* .parmanent-tempoary-sec .parmanent-cell::before {

        top: 300px;
        width: 165px;
        height: 326px;
        left: 0;
    }

    .parmanent-tempoary-sec .tempoary-cell::before {
        width: 480px;
        height: 506px;
    } */
    .parmanent-tempoary-sec .parmanent-cell::before {
        width: 30%;
        height: 30%;
        top: 300px;
    }

    .parmanent-tempoary-sec .tempoary-cell::before {
        width: 30%;
        height: 30%;
    }

    .solution-feature::before {
        left: -10vw;
        height: 80vw;
        width: 17vw;
        background-size: 100%;
    }

    .solution-feature::after {

        top: inherit;
        width: 165px;
        height: 406px;
        left: -80px;

        background-size: 100%;
        bottom: -160px;
    }

    .solution-feature-content>div:not(:last-child) {
        margin-bottom: 94px;
    }

    .solution-location-sec .cust-container-sm {
        max-width: 1290px;
    }

    .solution-location-sec {
        padding-top: 60px;
    }

    .banner.solution-banner .inner-banner {
        position: relative;
        z-index: 5;
        padding-top: 185px;
    }

    .solution-img-cell .inner-solution-img-cell::after {
        width: 100%;
        min-height: 251px;
        z-index: 4;
        bottom: 22vw;
        right: 12vw;
        margin: auto;
        background-position: left;
        max-width: 50%;
        transform: translate3d(0, -20px, 0);
        background-size: cover;
    }

    .solution-feature-content {

        position: relative;
        z-index: 9;
    }

    .solution-cta-contact-sec .cta-contact-inner {
        position: relative;
        min-height: 600px;
    }

    .theme-heading-h2 {
        font-size: 36px;
        line-height: 60px;
        font-weight: 700;
        letter-spacing: var(--h5-lspacing);
    }

    .banner-content-cell .inner-banner-content-cell .right-content-cell p,
    .parmanent-tempoary-sec p,
    .solution-feature p {
        font-size: 22px;
        line-height: 44px;
        letter-spacing: 0.011em;
    }

    .parmanent-tempoary-sec .inner-parmanent-tempoary-sec {
        padding: 84px 0px 80px;
        position: relative;
    }

    .parmanent-tempoary-sec .parmanent-cell {
        margin-bottom: 75px;
    }

    .solution-feature .inner-solution-feature {
        padding: 116px 0 70px;
        position: relative;
    }

    .cta-contact-sec.solution-cta-contact-sec .two-cell-sm {
        width: 37%;
    }

    .solution-banner .banner-content {
        padding: 0 0;
    }



    /* solution page responsive  css end here  */



    /* career page responsive css start here  */
    .our-benifit-sec {
        margin-top: -190px;
        background-color: #fff;
        z-index: 2;
    }

    .career-path-cell::after {
        content: '';
        position: absolute;
        width: 80%;
        height: 100%;
        display: block;
        bottom: -35vh;
        left: 0;
        right: 0;
        z-index: 3;
        background-repeat: no-repeat;
        background-size: contain;
        margin: auto;
        max-width: 1430px;
    }

    .our-benifit-sec .our-benifit-row .two-cell-sm {
        width: 38vw;
        padding-top: 11vw;
        position: relative;
    }

    .our-benifit-sec .two-cell-row .two-cell-lg {
        width: 48%;
    }

    .testimonial-sec.our-employees-testimonial-sec::before {

        width: 444px;
        height: 504px;
        top: 264px;
        background-size: cover;
        right: -24vw;
        -webkit-animation: fallingx 20s 0s infinite;
        animation: fallingx 20s 0s infinite;
        transition: all 200ms ease-in;
        transform: translate3d(0, -20px, 0);
        background-size: 80%;
    }

    .our-offer-sec .two-cell-row .two-cell-sm {
        width: 40%;
    }

    .our-offer-sec .two-cell-row .two-cell-lg {
        width: 50%;
        padding-top: 60px;
    }

    .banner.career-banner .inner-banner {
        padding-top: 255px;
    }

    .career-path-sec .path-img-box {
        height: 948px;
    }

    .testimonial-sec.our-employees-testimonial-sec {
        background-color: var(--dark);
        padding-top: 0;
        padding-bottom: 80px;
    }

   .career-path-container {
  width: 100%;
  max-width: 90%;
  top: 90px;

}


    .circle-plus .circle .horizontal {
        position: absolute;
        background-color: #0FF;
        width: 52px;
        height: 13px;
        top: 1.9em;
        left: 1.05em;
        box-shadow: 0px 1px 8px 1px #00fefe;
        z-index: 999;
    }

    .circle-plus .circle .vertical {
        position: absolute;
        background-color: #0FF;
        width: 13px;
        height: 52px;
        top: 16px;
        left: 38px;
        box-shadow: 0px 1px 8px 1px #00fefe;
        z-index: 999;
    }

    .cus-sm-step .circle-plus .circle .vertical {
        position: absolute;
        width: 8px;
        height: 42px;
        top: 30px;
        left: 37px;
    }

    .cus-sm-step .circle-plus .circle .horizontal {
        position: absolute;
        width: 40px;
        height: 8px;
        top: 46px;
        left: 21px;
    }
.cus-sm-step h5 , .carerr-step.step-2 h5{
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 2px;
  
}
.cus-lg-step h5 {
font-size: 16px;
line-height: 26px;
  letter-spacing: 0.40px;
}
.step-last-text h5 {
 width: 270px;
  letter-spacing: 0.40px;
}
.carerr-step.step-1 .step-1-text {
  left: 30px;
  top: 90px;
}
 .carerr-step.step-1 {
  left: 18px;
  bottom: 224px;
}
#target9 .circle-plus::after {
  height: 161px;

  left: 1px;
  top: 64px;
  transform: skew(-30deg, 30deg);

}
#target9 .circle-plus::before{
    height: 47px;
}
.carerr-step.yellow-step-plus h5 {
  left: -125px;
}
.carerr-step.step-3.up-step h5 {
  left: -120px;

}

.carerr-step.step-4.up-step h5 {
  width: 198px;
  left: -120px;
  top: -20px;
}
.carerr-step.step-5.up-step h5 {
    top: -45px;
    width: 250px;
    left: -80px;
}
.step-last-text {
  bottom: 100px;
  right: 120px;
}
.step-last-text h5 {
  width: 230px;
  letter-spacing: 0.40px;
}

#target5 .circle-plus::before {

  height: 18px;
 
  left: -85px;
  top: 55px;

}
#target6 .circle-plus::before {

  height: 55px;

  left: -71px;

}

.carerr-step.step-2.up-step {
  bottom: 361px;
  left: 133px;
}
#target0 .circle-plus::before {


  height: 125px;

  left: -20px;
  top: 56px;
  transform: skew(-42deg, 30deg);

}
.step-3.up-step.yellow-step-plus {
  left: 319px;
  bottom: 482px;
}

#target1 .circle-plus::before {
  height: 124px;

  left: -58px;
  top: 54px;
  transform: skew(-57deg, 30deg);
  
}
.carerr-step.step-4.up-step {
  bottom: 581px;
  left: 559px;
}

#target2 .circle-plus::before {
 height: 96px;
   left: -69px;
  top: 51px;
  transform: skew(-68deg, 30deg);

}

.carerr-step.step-5.up-step {
  bottom: 607px;
  left: 758px;
}

#target3 .circle-plus::before {
  height: 29px;
  left: -54px;
  top: 49px;
  transform: skew(-81deg, 30deg);

}
.carerr-step.step-last {
  bottom: 594px;
  left: 1098px;
}

#target9 .circle-plus::before {
  height:6px;

  left: -140px;
  top: 36px;
  transform: skew(89deg, 37deg);

}

/**#target9 .circle-plus::after {
  height: 121px;
  left: 16px;
  top: 64px;
  transform: skew(-21deg, 30deg);
}**/
#target9 .circle-plus:after {
    content: '';
    width: 2px;
    height: 240px;
    display: block;
    position: absolute;
    background-color: #E71755;
    left: -78px;
    top: 55px;
    transform: skew(-45deg, 30deg);
}
.carerr-step.step-6.down-step {
  left: 1050px;
  bottom: 457px;
}

#target8 .circle-plus::before {
  height: 93px;
  left: -51px;
  top: 59px;
  transform: skew(-62deg, 30deg);

}
.carerr-step.step-5.down-step {
  left: 866px;
  bottom: 357px;
}
#target7 .circle-plus::before {
  height: 50px;
  left: -51px;
  top: 53px;
  transform: skew(-77deg, 30deg);

}
.carerr-step.step-4.down-step {
  bottom: 313px;
  left: 680px;
}
#target6 .circle-plus::before {
  height: 55px;
  left: -71px;
}
.carerr-step.step-3.down-step {
  left: 465px;
  bottom: 263px;
}
#target5 .circle-plus::before {
  height: 18px;
  left: -85px;
  top: 55px;
}
.carerr-step.step-2 {
  bottom: 243px;
  left: 212px;
  z-index: 9;
}
#target4 .circle-plus::before {
  height: 10px;
  left: -68px;
  top: 55px;
  transform: skew(-87deg, 30deg);

}
#target8 h5 {
  width: 150px;
}
    .testimonial-sec.our-employees-testimonial-sec blockquote::before {
        background-size: 42px;
        left: 20px;
      }
      .our-benifit-sec {
        padding-top: 72px;
    
      }

      .testimonial-sec.our-employees-testimonial-sec h2 {

        margin-bottom: 20px;
      }

      .testimonial-sec.our-employees-testimonial-sec .two-cell-row .two-cell-lg , .testimonial-sec.our-employees-testimonial-sec .two-cell-row .two-cell-sm{
        width: 49%;
      }

      .our-benifit-sec .our-benifit-row .two-cell-sm::before  {
          background-size: 70%;
      }

      .our-offer-sec::before{
        background-size: 100%;
        left: -170px;
      }
    /* career page responsive css end here  */

    /* software page responsive css start here */

    section.latest-job-sec::before {


        background-size: auto;
        background-size: 100%;
        left: -20vw;
        width: 496px;
        height: 559px;
        z-index: 0;
        top: 2vw;
        transform: translate3d(0, -20px, 0);

    }

    .banner.software-banner .inner-banner {
        position: relative;
        z-index: 5;
        padding-top: 255px;
    }

    .h-can-we-help-sec .two-cell-row .two-cell-sm {
        width: 40%;
    }

    .h-can-we-help-sec .two-cell-sm .img-box {
        height: 37vw;
    }

    .latest-job-sec .two-cell-row .two-cell-lg {
        width: 50%;
    }

    .latest-job-sec.software-l-j::before {
        left: -28vw;
    }

    section.latest-job-sec .cust-container-md2 {
        max-width: 1070px;
        transform: translate(70px, 0px);
    }

    .latest-job-sec .two-cell-row .two-cell-lg {
        width: 54%;
    }

    .latest-job-sec.two-cell-row .two-cell-sm {
        width: 461px;
    }

    .inner-latest-job-sec .theme-heading-h2 {
        margin-bottom: 40px;
        width: 100%;
    }

    .latest-job-sec .two-cell-row .two-cell-lg .job-box {
        margin-top: 60px;
    }

    .latest-job-img-bg .img-box::before {

        width: 100%;
        height: 100%;
        display: block;
        top: 0;
        left: 0;
        z-index: 3;
        background-size: cover;
        background-position: center;
    }

    .h-can-we-help-sec .two-cell-row .two-cell-lg {
        width: 54%;
    }

    .banner-paragraph-content p,
    .h-can-we-help-sec .two-cell-row .two-cell-lg p {
        font-size: 20px;
        line-height: 40px;

    }

    .help-onboarding-content h2+p {
        padding-top: 36px;
        padding-bottom: 38px;
    }

    .h-can-we-help-sec {
        padding-top: 52px;
        position: relative;
    }
    h1  .plus-ico {
        width: 18px;
        height: 18px;
        margin-left: 0;
    }
    .software-we-cover-sec {
        padding-top: 74px;
        
    }
  .computer-language-list-row ul li  {
    
        font-size: 18px;
        line-height: 28px;
    }

    .help-onboarding-content{
        padding-top: 26px;
    }
    section.latest-job-sec{
        padding-bottom: 10px;
    }
    .banner-paragraph-content .inner-paragraph-content {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .banner.software-banner .banner-content-cell {
        padding-top: 0;
    }
    .banner.software-banner h1 {
        margin-bottom: 0;
    }

    .our-job-sec .two-cell-row .two-cell-lg {
        width: 49%;
    }
    /* software page responsive css end here */

    /* our-specialisms page responsive css start here  */

    section.banner.home-banner.our-specialisms-banner .inner-banner {

        padding-top: 260px;
    }

    .specialisms-cate-sec .specialisms-row .specialisms-cell h4 {

font-size: 28px;

line-height: 38px;

width: 80%;

margin-bottom: 10px;

}

    .banner-content-cell .inner-banner-content-cell .right-content-cell p:not(:last-child) {
        margin-bottom: 22px;
    }

    .cta-contact-sec.specialisms-cta-sec .cta-contact-inner {
        position: relative;
        min-height: 440px;
    }
    section.specialisms-cate-sec .specialisms-row {
        padding-bottom: 40px;
    }
    /* our-specialisms page responsive css end here  */

    /* candidate page responsive page css start here  */
    .our-job-sec::after {
        content: '';
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 36vw;
        background-color: var(--dark);
        z-index: -1;
    }

    .candidate-our-job-list {
        width: 100%;
        max-width: 992px;
        margin-top: -25%;
        position: relative;
        z-index: 1;
    }

    .our-job-sec::after {

        height: 36vw;

    }
    .banner.inner-page-banner.candidate-banner.home-banner .inner-banner{
        padding-top: 180px;
    }

    .banner.inner-page-banner.candidate-banner.home-banner .ico1 {
        background-size: 80%;
        top: -18%;
      }
    .banner.inner-page-banner.candidate-banner.clients-banner.home-banner .ico1 {
        background-size: 50%;
        top: -30%;
      }

      
   
    .banner.client-banner.inner-page-banner .ico3{
        background-size: 58%;
    }
    .banner.candidate-banner.inner-page-banner h1 {

        margin-bottom: 10px;
    }

    .banner.inner-page-banner.clients-banner.home-banner .inner-banner {
        padding-top: 180px;

    }

    .our-job-sec .candidate-our-job-list .two-cell-row .two-cell-sm {

        width: 49%;
    }

    section.our-approach-sec {

padding-bottom: 100px;

}

    .candidate-banner {
        padding-bottom: 50px;
    }
    .our-job-sec {
        padding-top: 50px;

    }
    /* candidate page responsive page css end here  */

    /* client page responsive css start here */
    .banner.inner-page-banner.clients-banner h1 {

        margin-bottom: 14px;
    }

    .candidate-solution-img-box .img-box {
        height: 375px;
        width: 100%;
        max-width: 80%;
        z-index: 112;
    }

    .w-w-are-diffrent-sec p {
        font-size: 30px;
        line-height: 50px;
    }

    .company-logo-row.row-cell .three-cell-sm img {
        width: 100%;
        max-width: 80%;
    }

    .theme-heading-h2 {
        font-size: 40px;
        line-height: 50px;

    }

    .banner.inner-page-banner.clients-banner .ico2 {

        left: -102px;

        background-size: 70%;
    }

    .banner.inner-page-banner.clients-banner .banner-paragraph-content p:not(:last-child) {
        margin-bottom: 26px;
    }

    .w-w-are-diffrent-img-box {

height: 55vw;

}

    .w-w-are-diffrent-content {

        padding-bottom: 243px;

    }

    .company-logo-row.row-cell .three-cell-sm {

        width: 33.33%;
    }

    .w-w-are-diffrent-img-box {

        width: 60%;

    }
    .w-w-are-diffrent-sec h2 {

        padding-bottom: 10px;
    }

    .banner.inner-page-banner.clients-banner{
        min-height: 100%;
    }
    /* client page responsive css end here */

    /* why-recann page responsive css start here  */

    .banner.inner-page-banner.why-recann-banner .banner-paragraph-content {
        padding-top: 10px;
    }

    .banner.inner-page-banner.why-recann-banner h1 {
        margin-bottom: 20px;
    }

    .who-makes-recann-row p {
        line-height: 50px;

    }

    .w-can-recann-row.three-cell-row {

        grid-gap: 2%;
    }

    .w-can-recann-row.three-cell-row .theme-heading-h5 {
        font-size: 26px;
        line-height: 36px;
        font-weight: 700;
    }

    .t-v-guide-us-sec .who-makes-recann-row .img-box {
        width: 33vw;
        height: 336px;
        z-index: 2;
    }

    .banner.inner-page-banner.why-recann-banner {
        padding-bottom: calc(13vh - 20px);
        min-height: 100%;
    }
    .w-can-recann-sec {
        padding-top: 80px;
        padding-bottom: 80px;
        position: relative;
    }

    .t-v-guide-us-sec{
         padding-top: 80px;
    }
    .t-v-guide-us-sec .guide-inner-cell {

        padding: 35px;
    }
    .banner.candidate-banner.inner-page-banner .banner-paragraph-content p:not(:last-child){
        margin-bottom: 20px;
    }

    .w-can-recann-sec .inner-w-can-recann-sec h2 {
        padding-bottom: 50px;
    }
    .who-makes-recann-row.two-cell-row {
        padding-top: 47px;
    }
    
    .meet-the-team-sec .meet-the-team-cell {
    margin: 0 20px 46px;
    width: 21.38%;
}
.meet-the-team-sec .meet-the-team-cell h5, .rm-popup .meet-the-team-cell h5 {
    padding-top: 14px;
    padding-bottom: 10px;
}
.meet-the-team-sec .theme-heading-h5 {
    font-size: 26px;
    line-height: 38px;
}
.meet-the-team-sec .meet-the-team-cell h6 {
    font-size: calc(var(--h6-font-size) - 2px );
    line-height: calc(var(--h6-line-height) - 2px );
}
.meet-the-team-sec {
    padding-bottom: 37px;
}
.meet-the-team-sec .meet-the-team-cell .img-box {
    width: 100%;
    height: 213px;
}
.meet-the-team-sec .who-makes-recann-row.two-cell-row:before {
    background-size: 50%;
}
    /* why-recann page responsive css end here  */

    /* job board page responsive css start here  */
    .job-board-category-sec .latest-job-sec.two-cell-row .job-box {
        width: 100%;
        max-width: 30.33%;
        background-color: var(--darkgrey);
        padding: 30px 33px 65px 33px;
    }

    .job-board-category-sec .latest-job-sec.two-cell-row .job-box .theme-heading-h4 {
        font-size: 32px;
        line-height: 42px;
        width: 100%;
    }

    .job-board-category-sec .cust-container-md3 {
        max-width: 90%;
    }

    .job-board-category-sec .latest-job-sec.two-cell-row .job-box {
        margin-bottom: 40px;
    }
    .banner.inner-page-banner.job-board-banner {
        min-height: 408px;
      }
    /* job board page responsive css end here  */

    /* job-detail page responsive css start here  */

    .job-detail-discription .two-cell-row .two-cell-lg {
        width: 60%;
    }

    .job-detail-discription .two-cell-row .two-cell-sm {
        width: 37%;
    }

    .banner.job-detail-banner .ico3 {
        width: 43.4vw;
        height: 43vh;

        top: 23vh;
        right: -10vw;

    }

    .job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-sm {
        width: 153px;
        margin-right: 20px;
    }

    .job-detail-discription .cust-container-sm {
        max-width: 1290px;
        padding: 0 0;
    }

    .similar-jobs-sec .cust-container-sm {
        padding: 0px;
        max-width: 1234px;
    }

    .similar-jobs-sec .cust-container-md3 {
        max-width: 1234px;
        position: relative;
        z-index: 91;
    }

    .similar-jobs-sec .latest-job-sec.two-cell-row .job-box {
        width: 100%;
        max-width: 32.33%;
        background-color: var(--darkgrey);
        padding: 39px 30px 55px 30px;
    }
    .home-banner.job-detail-banner h1 {
        max-width: 476px;
        font-size: 50px;
        line-height: 70px;
    }
    .banner.job-detail-banner .banner-content-cell li span {
        font-size: 20px;
        line-height: 40px;
      }
      .job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-lg .consltant-name {
        font-size: 24px;
        line-height: 52px;
   
      }
      .job-detail-discription .list-view-job-detail ul li:not(:last-child) {
        margin-bottom: 20px;
      }
      section.job-detail-discription .job-apply-read-bts {
        margin-top: 60px;
        margin-bottom: 60px;
      }

      .job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-sm .img-box {
        height: 160px;
      }
      .job-detail-discription {

        padding: 70px 0px 72px;
      }

      .job-detail-discription .list-view-job-detail ul li::before {
        width: 13.07px;
        height: 13.92px;
        top: 8px;
      }
      .job-detail-discription .list-view-job-detail ul li {
        font-size:16px;
        line-height:32px;
   
      }

      .share-list-cell h6 {
        font-size: 18px;
        line-height: 36px;
        margin-bottom: 5px;
    
      }

      section.banner.job-detail-banner.home-banner {
        padding-bottom: 90px;
      }
    /* job-detail page responsive css end here  */

    /* contact us page css start here  */
    .location-sec.contact-us-sec.banner .banner-content-container h1 {
        padding-bottom: 18px;
    }

    .location-sec.contact-us-sec.banner .address-card {
        width: 304px;
    }

    .location-sec.contact-us-sec.banner .location-address {
        display: flex;
        justify-content: flex-end;
        width: 571px;
    }

    .location-sec.contact-us-sec.banner {
        padding: 184px 0 60px;
    }

    .location-sec.contact-us-sec.banner .two-cell-row .two-cell-lg {
        width: 770px;
    }

    .location-sec.contact-us-sec.banner hr {
        width: 100%;
        opacity: 1;
        margin: 0px 10px 60px;
    }

    .location-sec.contact-us-sec.banner .cust-form label {
        font-size: 18px;
        line-height: 38px;
      }
    /* contact us page css end here */

    /* resoures landing page css start  here  */
    .banner.inner-page-banner.resources-landing-banner .banner-paragraph-content p:not(:last-child) {
        margin-bottom: 15px;

    }

    .banner.inner-page-banner.resources-landing-banner h1 {

        margin-bottom: 14px;
    }

    .banner.inner-page-banner.resources-landing-banner .banner-paragraph-content {
        width: 100%;
        max-width: 761px;
        padding-bottom: 30px;
    }

    .job-board-category-sec.resources-detail-sec .specialisms-content p {
        margin-bottom: 32px;
    }

    .job-board-category-sec.resources-detail-sec .specialisms-row .specialisms-cell h4 {
        margin-bottom: 42px;
    }


    .job-board-category-sec.resources-detail-sec .specialisms-cell {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 55px;
    }

    .solution-cta-contact-sec .cta-contact-inner {
        position: relative;
        min-height: 470px;
    }
    .resources-landing-banner .banner-paragraph-content::after {

        bottom: -8vh;
    
    }

    .banner.inner-page-banner.job-board-banner form input , .banner.inner-page-banner.job-board-banner form select{
        font-size: 18px;
        line-height: 36px;
      }

      .banner.inner-page-banner.job-board-banner form .cust-form-submit .theme-btn {
        line-height: 36px;
      }

      .banner.inner-page-banner.resources-landing-banner{
        padding-bottom: 60px;
      }
      .job-board-category-sec.resources-detail-sec {
        padding-top: 74px;
      
      }

      .job-board-category-sec.resources-detail-sec .resources-content {
        padding: 20px 20px 35px;
        margin-top: 260px;
      }

      .job-board-category-sec.resources-detail-sec .specialisms-row .specialisms-cell h4 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 0;
      }
 .resources-detail-sec .specialisms-inner:hover .img-box{
          /*height: 250px;*/
          height: 260px;
      }
      .resources-detail-sec .specialisms-inner.toggled:hover .img-box{
          /*height: 250px;*/
        height: 260px;
      }
    /* resoures landing page css end here  */
    /* resouress detail page css start here */
    .banner.inner-page-banner.resources-detail-banner .job-apply-read-bts {
        margin-top: 58px;
    }

    .theme-heading-h2 {
        font-size: 26px;
        line-height: 46px;
    }

    .rdc-sec p {
        padding-bottom: 30px;
        font-size: 20px;
        line-height: 30px;
    }

    .rdc-sec .two-cell-row .two-cell-sm {
        width: 40%;
    }

    .rdc-sec .job-apply-read-bts {
        margin-top: 30px;
        margin-bottom: 60px;
    }

    .rdc-sec {
        padding-bottom: 66px;
    }

    .banner.inner-page-banner.resources-detail-banner ul li:not(:last-child) {
        margin-right: 30px;
    }
    .banner.inner-page-banner.resources-detail-banner ul li:not(:last-child) {
        margin-right: 30px;
    }
    .banner.inner-page-banner.resources-detail-banner ul li
    {
        font-size: 16px;
line-height: 34px;
    }
    .banner.inner-page-banner.resources-detail-banner {
        height: 100%;
        min-height: 560px;
      }

      .rdc-sec::before {

        background-size: 75%;
        right: -6vw;
        top: 0;
      }
      .banner.inner-page-banner.resources-detail-banner .banner-content {
        width: 70%;
      }
    /* resouress detail page css end here */
    .cta-contact-sec.solution-cta-contact-sec.sol-cus-sec {
        padding-bottom: 10vw;
    }

    p {
        font-size: 18px !important;
        line-height: 32px !important;
    }

    .banner.career-banner .banner-content-cell .inner-banner-content-cell .right-content-cell p:not(:last-child) {
        margin-bottom: 20px;
    }

    .our-job-sec .two-cell-row .two-cell-sm {
        width: 49%;
    }

    .our-job-sec .two-cell-row .two-cell-sm {
        width: 49%;
    }

    .banner.software-banner .ico3 {
        right: 0vw;
    }
    /*home page css start here */
    .slide-nav a{
       font-size: 23px;
    line-height: 33px;
    padding-bottom: 5px;
        
    }
    .slide-nav > li {
    padding-bottom: 20px;
    display: inline-block;
}
.slide-nav ul li a {
    font-size: 17px;
    line-height: 27px;

}
.address-card span {
    font-size: 16px;
    line-height: 26px;
}
        /*home page css end here */
        .rm-popup .rm-container {
width: 100%;
    max-width: 80%;
    margin: auto;
}
.rm-popup .rm-sm-cell .img-box {
    width: 259px;
    height: 239px;
}.rm-popup .rm-sm-cell .img-box {
    width: 259px;
    height: 239px;
}
.rm-popup .modal-body .top-header h6 {
    font-size: 18px;
    line-height: 40px;
}

.rm-popup .theme-paragraph-content p {
    font-size: 20px !important;
    line-height: 35px !important;
}
.rm-popup .top-header ul li img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.rm-popup .top-header ul {
    margin-right: 12px;
}
.rm-popup .rm-sm-cell h6 {
    font-size: 22px;
    line-height: 32px;
}
  .rm-popup .inner-rm-lg-cell {
    padding-left: 42px;
} 
.theme-heading-h5 {
    font-size: 26px;
    line-height: 36px;
}

.rm-popup .ico13 {
    bottom: -22vh;
  
}

.search-box .search-btn2 img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.search-input {
font-size: 19px;
    width: 100px;
}
.t-v-guide-us-sec.wm-recann_sec {
    padding-top: 22px;
    padding-bottom: 74px;
}
.t-v-guide-us-sec.wm-recann_sec + .location-sec::before {
    top: -154px;
}
.meet-the-team-sec .profile-discription-box .icon-content img {
    object-fit: contain;
    width: 16px;
}
    .w-can-recann-sec .ico4{
           top: -57px;
    width: 430px;
    height: 200px;
    }
    .w-can-recann-sec .ico5 {
        width: 90px;
    }
    .promise-setion-client{
        padding-top: 40px;
        padding-bottom: 80px;
    }
    .promise-setion-client .hightlight-heading-sm {
        font-size: 22px;
    }
    .promise-setion-client::after {
        background-size: 50%;
    }
}

@media (max-width:1279px) {
    .banner.inner-page-banner.clients-banner .ico2 {
        display: none;
    }

    .banner.candidate-banner.inner-page-banner .banner-content-cell {
        width: 100%;
        max-width: 69%;
    }

    p {
        font-size: 16px !important;
        line-height: 32px !important;
    }

    .w-can-recann-sec .ico5 {
    width: 200px;
    height: 180px;
    bottom: -77vh;
    left: -160px;
    background-size: 100% 100%;
    display: none;
    }

    .w-can-recann-sec .ico6 {
    position: absolute;
    width: 200px;
    height: 100px;
    display: none;
    }

    .banner.inner-page-banner.resources-landing-banner .banner-paragraph-content::before {
        display: none;
    }

    /* .banner.inner-page-banner.job-board-banner .banner-img-box {
            position: absolute;
            width: 50%;
            height: 100%;
            right: 0;
            z-index: 2;
          } */
    .banner.inner-page-banner.resources-detail-banner .banner-content {
        width: 58%;
    }

    .banner.inner-page-banner.resources-detail-banner ul li {
        font-size: 14px;
        line-height: 28px;
        color: var(--red);
        font-weight: 600;
        text-transform: uppercase;
        font-family: 'Source Sans Pro';
        letter-spacing: 4px;
    }

    .banner.software-banner .ico3 {
        right: 0vw;
    }

    .parmanent-tempoary-sec .tempoary-cell::before {
        display: none;
    }

    .banner.solution-banner.home-banner .theme-heading-h2 {

        line-height: 50px ;
    }

    .parmanent-tempoary-sec .inner-parmanent-tempoary-sec p {
        margin-bottom: 22px;
    }

}



@media (min-width:992px) and (max-width: 1279px) {
    .slide-nav ul li:not(:last-child) {
    padding-bottom: 0px;
}
    .job-board-category-sec.resources-detail-sec .resources-content {
  
  /*margin-top: 50vh;*/
  /*margin-top: 43vh;*/
  /*margin-top: 75%;*/
  margin-top: 316px;
}
.resources-detail-sec .specialisms-inner:hover .img-box{
    /*height:44vh;*/
    height: 300px;
}
   
.resources-detail-sec .specialisms-inner.toggled:hover .img-box{
    /*height:44vh;*/
    height: 300px;
}


   .latest-job-sec.software-l-j .two-cell-sm .job-box:nth-child(1) {
  position: absolute;
  top: 40vh;
  left: calc(-100% - 8%);
  border: 3px solid var(--yellow);
}
    .latest-job-img-bg{
        height:720px;
    }
    .our-job-sec .two-cell-row .two-cell-lg.our-jobs-view-container .job-box {
 margin-right: 55px;
}

/*pop up modal design start here*/
.cust-modal .modal-inner {
  max-width: calc(100% - 13%);
}  

.apply-job-modal .modal-dialog {
  max-width: calc(100% - 100px);
}

#applyNow .heading {
  font-size: 50px;
  line-height: 60px;

}
  /*pop up modal design end here*/


    /* solution page responsive  css start here  */
    .cust-container-md2,
    .cust-container-md3 {
        margin: 0 auto;
        max-width: 100%;
        width: Calc(100% - 100px);
    }

    .banner.solution-banner .inner-banner {
        position: relative;
        z-index: 5;
        padding-top: 300px;
    }

    .banner.solution-banner .banner-content-cell {
        padding-top: 25px;
    }

    section.banner.solution-banner.home-banner {
        background: #000;
        padding-bottom: 80px;
    }

    .parmanent-tempoary-sec .parmanent-cell {
        margin-bottom: 275px;
    }

    .parmanent-tempoary-sec .parmanent-cell::before {

        top: 300px;
        left: 0;
        height: 217px;
        width: 88px;
    }

    .parmanent-tempoary-sec .tempoary-cell::before {
        height: 217px;
        width: 88px;
        right: 0;

    }

    .solution-feature::before {
        left: -90px;
        height: 267px;
        width: 137px;
        background-size: 100%;
        top: 210px;
    }

    .solution-feature::after {
        bottom: 285px;
        top: inherit;
        width: 165px;
        height: 326px;
        background-size: 100%;
        left: -10vw;
        display: none;

    }

    .solution-feature-content>div:not(:last-child) {
        margin-bottom: 74px;
    }

    .solution-location-sec .cust-container-sm {
        max-width: 1290px;
    }

    .solution-location-sec {
        padding-top: 45px;
    }

    .banner.solution-banner .inner-banner {
        position: relative;
        z-index: 5;
        padding-top: 165px;
        padding-bottom: 0px;
    }

    .solution-img-cell .inner-solution-img-cell::after {
        width: 100%;
        min-height: 251px;
        z-index: 4;
        bottom: 70vw;
        right: 12vw;
        margin: auto;
        background-position: left;
        max-width: 50%;
        transform: translate3d(0, -20px, 0);
        background-size: cover;
    }

    .solution-feature-content {

        position: relative;
        z-index: 9;
    }

    .solution-cta-contact-sec .cta-contact-inner {
        position: relative;
        min-height: 500px;
    }

    .theme-heading-h2 {
        font-size: 32px;
        line-height: 50px;
        font-weight: 700;
        letter-spacing: var(--h5-lspacing);
    }

    .banner-content-cell .inner-banner-content-cell .right-content-cell p,
    .parmanent-tempoary-sec p,
    .solution-feature p {
        font-size: 20px;
        line-height: 32px;
        letter-spacing: 0.011em;
    }

    /* .parmanent-tempoary-sec .inner-parmanent-tempoary-sec {
        padding: 104px 0px 100px;
        position: relative;
    } */
    .parmanent-tempoary-sec .inner-parmanent-tempoary-sec {
        padding: 74px 0px 50px;
        position: relative;
    }

    .parmanent-tempoary-sec .parmanent-cell {
        margin-bottom: 55px;
    }

    .solution-feature .inner-solution-feature {
        padding: 95px 0 80px;
        position: relative;
    }

    .cta-contact-sec.solution-cta-contact-sec .two-cell-sm {
        width: 37%;
    }

    .solution-banner .banner-content {
        padding: 0 0;
    }

    /* solution page responsive  css end here  */

    /* career page responsive css start here  */

    .career-path-cell::after {
        content: '';
        position: absolute;
        width: 80%;
        height: 100%;
        display: block;
        bottom: -36vh;
        left: 0;
        right: 0;
        z-index: 3;
        background-repeat: no-repeat;
        background-size: contain;
        margin: auto;
        max-width: 1430px;
    }

    .our-benifit-sec .our-benifit-row .two-cell-sm {
        width: 38vw;
        padding-top: 28vh;
        position: relative;
    }

    .our-benifit-sec .two-cell-row .two-cell-lg {
        width: 48%;
    }

    .testimonial-sec.our-employees-testimonial-sec::before {
        width: 314px;
        height: 354px;
        top: 264px;
        background-size: cover;
        right: -196px;
        -webkit-animation: fallingx 20s 0s infinite;
        animation: fallingx 20s 0s infinite;
        transition: all 200ms ease-in;
        transform: translate3d(0, -20px, 0);
        z-index: 0;
    }

    .our-offer-sec .two-cell-row .two-cell-sm {
        width: 40%;
    }

    .our-offer-sec .two-cell-row .two-cell-lg {
        width: 50%;
        padding-top: 60px;
    }

    .career-banner .banner-content-cell {
        padding-top: 20px;
    }
    .testimonial-sec.our-employees-testimonial-sec h2{
        margin-bottom: 20px;
    }

    .testimonial-sec.our-employees-testimonial-sec blockquote::before { 

        left: 20px;
        top: -20px;
        background-size: 40%;
    }

    .our-benifit-sec .our-benifit-row .two-cell-sm::before {
        background-size: 60%;
    }
    .banner.career-banner .inner-banner {
        padding-top: 165px;
        padding-bottom: 170px;
    }

    .career-banner {
        position: relative;
        align-items: inherit;
        padding-bottom: 0;
    }

    .career-path-sec .path-img-box {
        height: 948px;
    }

    .career-path-sec .banner-content-cell .inner-banner-content-cell .right-content-cell p {
        line-height: 40px;
        color: var(--white);
        margin-bottom: 0;
    }

    .our-benifit-sec::after {
        position: absolute;
        content: "";
        background: var(--dark);
        height: 57px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        z-index: -1;
    }

    .testimonial-sec.our-employees-testimonial-sec {
        background-color: var(--dark);
        padding-top: 48px;
        padding-bottom: 90px;
    }
    .our-offer-sec {
        padding-top: 50px;
        padding-bottom: 40px;
      }
    
    .page__footer .copyright-sec.copyright-sec-pb {
        padding-bottom: 95px;
      }
   .cus-sm-step h5 , .carerr-step.step-2 h5{
font-size: 13px;
line-height: 23px;
letter-spacing: 1px;
font-weight: 400;
  
}
.cus-lg-step h5 {
font-size: 16px;
line-height: 26px;
  letter-spacing: 0.40px;
}
.step-last-text h5 {
 width: 270px;
  letter-spacing: 0.40px;
}
.carerr-step.step-1 .step-1-text {
  left: 30px;
  top: 90px;
}
 .carerr-step.step-1 {
  left: 18px;
  bottom: 224px;
}
#target9 .circle-plus::after {
  height: 161px;

  left: 1px;
  top: 64px;
  transform: skew(-30deg, 30deg);

}
#target9 .circle-plus::before{
    height: 47px;
}
.carerr-step.yellow-step-plus h5 {
  left: -92px;
}
#target0 h5 {
  width: 150px;
  left: -70px;
}
.carerr-step.step-3.up-step h5 {
left: -108px;
top: 5px;

}

.carerr-step.step-4.up-step h5 {
 width: 188px;
left: -120px;
top: -20px;
}
.carerr-step.step-5.up-step h5 {
  top: -25px;
  width: 200px;
  left: -90px;
}

.step-last-text {
bottom: 83px;
right: 120px;
}
.step-last-text h5 {
  width: 240px;
  letter-spacing: 0.40px;
}

#target5 .circle-plus::before {

  height: 18px;
 
  left: -85px;
  top: 55px;

}
#target6 .circle-plus::before {

  height: 55px;

  left: -71px;

}

.carerr-step.step-2.up-step {
  bottom: 361px;
  left: 133px;
}
#target0 .circle-plus::before {


  height: 125px;

  left: -20px;
  top: 56px;
  transform: skew(-42deg, 30deg);

}
.step-3.up-step.yellow-step-plus {
left: 249px;
bottom: 436px;
}

#target1 .circle-plus::before {
height: 78px;
left: -28px;
top: 54px;
transform: skew(-57deg, 30deg);
  
}
.carerr-step.step-4.up-step {
  bottom: 498px;
  left: 396px;
}
#target2 .circle-plus::before {
height: 56px;
left: -29px;
top: 51px;
transform: skew(-68deg, 30deg);

}
.carerr-step.step-5.up-step {
  bottom: 527px;
  left: 588px;
}
#target3 .circle-plus::before {
  height: 29px;
  left: -54px;
  top: 49px;
  transform: skew(-81deg, 30deg);

}
.carerr-step.step-last {
bottom: 534px;
left: 863px;
}

#target9 .circle-plus::before {
height: 5px;
display: block;
position: absolute;
    background-color: rgb(251 238 32 / 30%);
left: -94px;
top: 52px;
transform: skew(89deg, 37deg);
opacity:1;

}
#target9 .circle-plus.prev-text-show::before{
       background-color: rgb(251 238 32 / 100%);
}
/**#target9 .circle-plus::after {
  height: 121px;
  left: 16px;
  top: 64px;
  transform: skew(-21deg, 30deg);

}**/
#target9 .circle-plus::after {
    height: 190px;
    left: -20px;
    top: 65px;
    transform: skew(322deg, 30deg);
}
.carerr-step.step-6.down-step {
left: 809px;
bottom: 397px;
}

#target8 .circle-plus::before {
height: 58px;
left: -11px;
top: 59px;
transform: skew(-62deg, 30deg);

}
.carerr-step.step-5.down-step {
 left: 710px;
bottom: 334px;
}
#target7 .circle-plus::before {
height: 32px;
left: -43px;
top: 62px;
transform: skew(-77deg, 30deg);

}
.carerr-step.step-4.down-step {
bottom: 293px;
left: 538px;
}
#target6 .circle-plus::before {
  height: 31px;
left: -11px;
}
.carerr-step.step-3.down-step {
left: 395px;
bottom: 259px;
}
#target5 .circle-plus::before {
 height: 11px;
left: -38px;
top: 55px;
}
.carerr-step.step-2 {
  bottom: 243px;
  left: 212px;
  z-index: 9;
}
#target4 .circle-plus::before {
  height: 10px;
  left: -68px;
  top: 55px;
  transform: skew(-87deg, 30deg);

}
#target8 h5 {
  width: 150px;
}


    /* career page responsive css end here  */

    /* software page responsive css start here */

    section.latest-job-sec::before {


        background-size: auto;
        background-size: 100%;
        left: -20vw;
        width: 496px;
        height: 559px;
        z-index: 0;
        top: 2vw;
        transform: translate3d(0, -20px, 0);

    }

    .banner.software-banner .inner-banner {
        position: relative;
        z-index: 5;
        padding-top: 255px;
    }

    .h-can-we-help-sec .two-cell-row .two-cell-sm {
        width: 40%;
    }

    .h-can-we-help-sec .two-cell-sm .img-box {
        height: 37vw;
    }

    .latest-job-sec .two-cell-row .two-cell-lg {
        width: 50%;
    }

    .latest-job-sec.software-l-j::before {
        left: -43vw;
        display: none;
    }

    section.latest-job-sec .cust-container-md2 {
        max-width: 1070px;
        transform: translate(70px, 0px);
    }

    .latest-job-sec .two-cell-row .two-cell-lg {
        width: 54%;
    }

    .latest-job-sec.two-cell-row .two-cell-sm {
        width: 461px;
    }

    .inner-latest-job-sec .theme-heading-h2 {
        margin-bottom: 40px;
        width: 100%;
    }

    .latest-job-sec .two-cell-row .two-cell-lg .job-box {
        margin-top: 60px;
        margin-left: inherit;
    }

    .latest-job-img-bg .img-box::before {

        width: 100%;
        height: 100%;
        display: block;
        top: 0;
        left: 0;
        z-index: 3;
        background-size: cover;
        background-position: center;
    }

    .h-can-we-help-sec .two-cell-row .two-cell-lg {
        width: 54%;
    }

    .banner-paragraph-content p,
    .h-can-we-help-sec .two-cell-row .two-cell-lg p {
        font-size: 20px;
        line-height: 40px;

    }

    .help-onboarding-content h2+p {
        padding-top: 36px;
        padding-bottom: 38px;
    }
    .h-can-we-help-sec {
        padding-top: 52px;
        position: relative;
        padding-bottom: 0px;
    }

    .software-banner-paragraph.banner-paragraph-content::after {

        width: 28.859vw;
        height: 32.555vw;
        bottom: 56px;
        background-size: cover;
        right: -13vw;

    }

    .banner-paragraph-content.software-banner-paragraph .inner-paragraph-content p:not(:last-child) {
        padding-bottom: 20px;
    }

    .h-can-we-help-sec .two-cell-row .two-cell-lg p:not(:last-child) {
        padding-bottom: 20px;
    }


    section.h-can-we-help-sec::after {

        content: '';
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 0;
        background-color: var(--dark);
        z-index: -1;

    }


    .latest-job-sec.software-l-j .cust-container-md2 {
        transform: inherit;
        margin: 0 auto;
        max-width: 100%;
        width: Calc(100% - 100px);
    }
    .banner.software-banner .banner-content-cell{
        padding-top: 0;  
    }
    .banner.software-banner h1{
        
    margin-bottom: 0;

    }

    .software-banner-paragraph.banner-paragraph-content .inner-paragraph-content {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .help-onboarding-content{
        padding-top: 47px;
    }

    .software-we-cover-sec {
        padding-top: 70px;
    }
  .computer-language-list-row ul li  {
        padding: 36px 40px 36px 80px;
        font-size: 18px;
        line-height: 28px;
     
    }
    .theme-heading-h4 {
        font-size: 26px;
        line-height: 36px;
    }

    .latest-job-sec.two-cell-row .job-box h3 {
        width: 80%;
    }
    /* software page responsive css end here */

    /* our-specialisms page responsive css start here  */

    section.banner.home-banner.our-specialisms-banner .inner-banner {

        padding-top: 200px;
    }

    .specialisms-cate-sec .specialisms-row .specialisms-cell h4 {
        font-size: 30px;
        line-height: 40px;
    }

    .banner-content-cell .inner-banner-content-cell .right-content-cell p:not(:last-child) {
        margin-bottom: 22px;
    }

    .cta-contact-sec.specialisms-cta-sec .cta-contact-inner {
        position: relative;
        min-height: 440px;
    }

    .specialisms-cate-sec {
        background-color: var(--dark);
        position: relative;
        padding-top: 60px;
    }
    section.specialisms-cate-sec .specialisms-row{
        padding-bottom: 20px;
    }
    /* our-specialisms page responsive css end here  */


    /* candidate page responsive page css start here  */
    .our-job-sec::after {
        content: '';
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 36vw;
        background-color: var(--dark);
        z-index: -1;
    }

    .candidate-our-job-list {
        /*width: 100%;*/
        /*max-width: 992px;*/
        /*margin-top: -38vh;*/
        /*position: relative;*/
        /*z-index: 1;*/
        width: 100%;
    max-width: 992px;
    margin-top: -26%;
    position: relative;
    z-index: 1;
    }
.our-job-sec .two-cell-row .two-cell-lg.our-jobs-view-container .job-box:nth-child(2) {
    top: 230px;

}
.our-approach-img-bg {

    height: 100%;
    
}
    .our-job-sec::after {

        height: 36vw;

    }

    .banner.candidate-banner.inner-page-banner .ico1 {
        /*width: 35.8vw;*/
        /*height: 52.2vh;*/
        /*background-size: contain;*/
        width: 35%;
    height: 46%;
    background-size: contain;
    }

    .banner.candidate-banner.inner-page-banner h1 , .banner.candidate-banner.inner-page-banner .banner-content-cell h2{

        margin-bottom: 10px;
    }
    .candidate-banner {
        padding-bottom: 60px;
    }
 .banner.inner-page-banner.candidate-banner.home-banner .inner-banner {
    padding-top: 270px;
    padding-bottom: 0px;
}

    .our-job-sec .candidate-our-job-list .two-cell-row .two-cell-sm {

        width: 49%;
    }

    section.our-approach-sec {

padding-bottom: 65px;

}

    .our-job-sec .latest-job-sec.two-cell-row .job-box {
        padding: 59px 33px 65px 43px;
        max-width: 390px;
    }

    .our-job-sec .two-cell-row .two-cell-lg {
        width: 49%;
    }

    .our-job-sec .two-cell-row .two-cell-sm {
        width: 49%;
    }
    .testimonial-sec.candidate-testimonial-sec::before{
        background-size: 45%;
        right: -400px;
    }

    .our-job-sec .candidate-our-job-list .two-cell-row .two-cell-lg .job-box:not(:last-child) {
        margin-bottom: 56px;
    }
    /* candidate page responsive page css end here  */
    /* client page responsive css start here */
    .banner.inner-page-banner.clients-banner h1 {

        margin-bottom: 14px;
    }

    .candidate-solution-img-box .img-box {
        height: 315px;
        width: 100%;
        max-width: 80%;
        z-index: 112;
    }

    .w-w-are-diffrent-sec p {
        font-size: 30px;
        line-height: 50px;
    }

    .company-logo-row.row-cell .three-cell-sm img {
        width: 100%;
        max-width: 80%;
    }

    .theme-heading-h2 {
        font-size: 40px;
        line-height: 50px;

    }

    .banner.inner-page-banner.clients-banner .ico2 {

        left: -102px;

    }

    .banner.inner-page-banner.clients-banner .banner-paragraph-content p:not(:last-child) {
        margin-bottom: 26px;
    }

    .w-w-are-diffrent-img-box {

height: 56vw;

}

    .w-w-are-diffrent-content {

        padding-bottom: 243px;

    }

    .company-logo-row.row-cell .three-cell-sm {

        width: 33.33%;
    }

    .w-w-are-diffrent-img-box {

        width: 60%;

    }

    .banner.inner-page-banner.clients-banner .ico1 {
        top: -10vw;
        background-size: 80%;
    }

    .w-w-are-diffrent-content {
        padding-bottom: 104px;
    }

    /* client page responsive css end here */

    /* why-recann page responsive css start here  */

    .banner.inner-page-banner.why-recann-banner .banner-paragraph-content {
        padding-top: 10px;
    }

    .banner.inner-page-banner.why-recann-banner h1 {
        margin-bottom: 10px;
    }

    .who-makes-recann-row p {
        line-height: 44px;
        font-size: 24px;
    }

    .w-can-recann-row.three-cell-row {

        grid-gap: 2%;
    }

    .w-can-recann-row.three-cell-row .theme-heading-h5 {
        font-size: 28px;
        line-height: 38px;
        font-weight: 700;
    }

    .t-v-guide-us-sec .who-makes-recann-row .img-box {
        width: 33vw;
        height: 499px;
        z-index: 2;
    }

    .banner.inner-page-banner.why-recann-banner {
        padding-bottom: calc(13vh - 20px);
    }

    .w-can-recann-sec {
        padding-top: 95px;
        padding-bottom: 120px;
        position: relative;
    }

    .w-can-recann-sec .ico4 {
        top: -58px;
        width: 390px;
        height: 190px;
    }

    .w-can-recann-sec .inner-w-can-recann-sec h2 {
        padding-bottom: 50px;

    }

    .t-v-guide-us-sec .guide-inner-cell {
        background: var(--darkgrey);
        padding: 29px 18px 30px 25px;
    }

    .t-v-guide-us-sec .t-v-guide-us-row .theme-heading-h5.sameHeight3 {
        font-size: 28px;
        line-height: 50px;
    }

    .who-makes-recann-row.two-cell-row {
        padding-top: 58px;
    }
    .banner.candidate-banner.inner-page-banner .banner-paragraph-content p:not(:last-child) {
        margin-bottom: 10px;
    }
.t-v-guide-us-sec.wm-recann_sec .who-makes-recann-row .img-box {
    height: 260px;

}
    /* why-recann page responsive css end here  */

    /* job board page responsive css start here  */
    .job-board-category-sec .latest-job-sec.two-cell-row .job-box {
        width: 100%;
max-width: 46.5%;
        background-color: var(--darkgrey);
        padding: 39px 33px 65px 33px;
    }

    .job-board-category-sec .latest-job-sec.two-cell-row .job-box .theme-heading-h4 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 15px;
    }
    .latest-job-sec.two-cell-row .job-discription-box {
        margin-bottom: 15px;
      }
    .job-board-category-sec .cust-container-md3 {
        max-width: 90%;
    }

    .job-board-category-sec .latest-job-sec.two-cell-row .job-box {
        margin-bottom: 40px;
    }

    .banner.inner-page-banner.job-board-banner .inner-banner {
        padding-bottom: 30px;
        padding-top: 150px;
    }
    .banner.inner-page-banner.job-board-banner {
        min-height: 398px;
      }
    /* job board page responsive css end here  */

    /* job-detail page responsive css start here  */

    .job-detail-discription .two-cell-row .two-cell-lg {
        width: 60%;
    }

    .job-detail-discription .two-cell-row .two-cell-sm {
        width: 37%;
    }

    .banner.job-detail-banner .ico3 {
        width: 57.4vw;
        height: 43vh;
        top: 23vh;
        right: -15vw;

    }

    .job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-sm {
        width: 153px;
        margin-right: 20px;
    }

    .job-detail-discription .cust-container-sm {
        max-width: 1290px;
        padding: 0 0;
    }

    .similar-jobs-sec .cust-container-sm {
        padding: 0px;
        max-width: 1234px;
        width: Calc(100% - 0px);
    }

    .similar-jobs-sec .cust-container-md3 {
        max-width: 1234px;
        position: relative;
        z-index: 91;
        width: Calc(100% - 50px);
    }

    .similar-jobs-sec .latest-job-sec.two-cell-row .job-box {
        width: 100%;
        max-width: 32.33%;
        background-color: var(--darkgrey);
        padding: 39px 30px 65px 30px;
    }

    /* .job-detail-banner .theme-heading-h1 {
        font-size: 61px;
        line-height: 70px;
    } */
    .job-detail-banner .theme-heading-h1 {
        font-size: 48px;
        line-height: 60px;
        max-width: 41%;
    }

    .banner.job-detail-banner .banner-content-cell li span {
        font-size: 30px;
        line-height: 50px;
    }

    .job-detail-discription .cust-container-sm {
        width: Calc(100% - 0px);
    }
    .similar-jobs-sec .theme-heading-h4 {
        font-size: 24px;
        line-height: 34px;
   
      }

    .similar-jobs-sec .latest-job-sec.two-cell-row .job-box .theme-btn {
        padding: 17px 15px;
    }
    .home-banner.job-detail-banner h1 {
        max-width: 386px;
        font-size: 40px;
        line-height: 60px;
      }

      .job-detail-discription .list-view-job-detail ul li::before {

        top: 5px;
        left: 0px;
        width: 11.07px;
        height: 11.92px;
     
      }
    .banner.job-detail-banner .banner-content-cell li span {
        font-size: 20px;
        line-height: 40px;
      }
      .job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-lg .consltant-name {
        font-size: 24px;
        line-height: 52px;
   
      }
      .job-detail-discription .list-view-job-detail ul li:not(:last-child) {
        margin-bottom: 20px;
      }
      section.job-detail-discription .job-apply-read-bts {
        margin-top: 60px;
        margin-bottom: 60px;
      }

      .job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-sm .img-box {
        height: 160px;
      }
      .job-detail-discription {

        padding: 70px 0px 72px;
      }

      .job-detail-discription .list-view-job-detail ul li {
        font-size: 16px;
        line-height: 26px;
        padding-left: 27px;
       
      }
      .share-list-cell h6 {
        font-size: 20px;
        line-height: 29px;
        margin-bottom: 10px;

      }
    /* job-detail page responsive css end here  */
    /* contact us page css start here  */
    .location-sec.contact-us-sec.banner .banner-content-container h1 {
        padding-bottom: 5px;
      }

    .location-sec.contact-us-sec.banner .address-card {
        width: 304px;
    }

    .location-sec.contact-us-sec.banner .location-address {
        display: flex;
        justify-content: flex-end;
        width: 571px;
    }   

    .location-sec.contact-us-sec.banner {
        padding: 184px 0 60px;
    }   

    .location-sec.contact-us-sec.banner .two-cell-row .two-cell-lg {
        width: 770px;
    }

    .location-sec.contact-us-sec.banner hr {
        width: 100%;
        opacity: 1;
        margin: 0px 10px 60px;
    }

    .location-sec.contact-us-sec.banner .cust-form label {
        font-size: 18px;
        line-height: 38px;
    }

    /* contact us page css end here */
    /* resoures landing page css start  here  */
    .banner.inner-page-banner.resources-landing-banner h1 {

        margin-bottom:10px;
    }

    .banner.inner-page-banner.resources-landing-banner .banner-paragraph-content {
        width: 100%;
        max-width: 761px;
        padding-bottom:30px;
    }

    .job-board-category-sec.resources-detail-sec .specialisms-content p {
        margin-bottom: 32px;
    }

    .job-board-category-sec.resources-detail-sec .specialisms-row .specialisms-cell h4 {
        margin-bottom: 0;
    }


    .job-board-category-sec.resources-detail-sec .specialisms-cell {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 55px;
    }

    .solution-cta-contact-sec .cta-contact-inner {
        position: relative;
        min-height: 470px;
    }

    .job-board-category-sec.resources-detail-sec .specialisms-row .specialisms-cell {
        width: 50%;
    }
    .banner.inner-page-banner.resources-landing-banner {

        padding-bottom: 40px;
      }

      .banner.inner-page-banner.job-board-banner form input , .banner.inner-page-banner.job-board-banner form select{
        font-size: 16px;
        line-height: 36px;
      }

      .resources-landing-banner .banner-paragraph-content::after {
        background-size: 73%;
        bottom: 0vh;
        right: -12vw;
      }
    /* resoures landing page css end here  */

    /* resouress detail page css start here */
    .banner.inner-page-banner.resources-detail-banner .job-apply-read-bts {
        margin-top: 58px;
    }

    .theme-heading-h2 {
        font-size: 24px;
        line-height: 40px;
    }

    .rdc-sec p {
        padding-bottom: 30px;
        font-size: 20px;
        line-height: 30px;
    }

    .rdc-sec .two-cell-row .two-cell-sm {
        width: 40%;
    }

    .rdc-sec .job-apply-read-bts {
        margin-top: 30px;
        margin-bottom: 60px;
    }

    .rdc-sec {
        padding-bottom: 66px;
    }

    .rdc-sec .hightlight-heading-sm {

        padding-left: 20px;
    }

    .banner.inner-page-banner.resources-detail-banner ul li:not(:last-child) {
        margin-right: 30px;
    }

    .solution-feature {
        overflow: hidden;
    }

    .location-sec.solution-location-sec:before {
        right: -70px;
    }

    .banner.inner-page-banner.job-board-banner {
        min-height: 599px;
      }

      .banner.inner-page-banner.resources-detail-banner .banner-content {
        width: 65%;
      }

      .rdc-sec::before{
        background-size: 70%;
        right: -6vw;
        top: 0;
      }
    /* resouress detail page css end here */
    .plus-ico {
        width: 10px;
        height: 10px;
        margin-left: 0;
    }

    .cta-contact-sec.solution-cta-contact-sec.sol-cus-sec {
        padding-bottom: 10vw;
    }

    .our-benifit-sec {
       padding-top: 62px;
position: relative;
margin-top: -250px;
background-color: #fff;
z-index: 2;
    }

    .banner.career-banner .inner-banner {
        padding-top: 165px;
        padding-bottom:45px;
    }

    .our-offer-sec::before {
        left: -180px;
        height: 217px;
        width: 88px;

        top: -50px;
        background-size: cover;
    }

    section.latest-job-sec+footer.page__footer {
        padding-top: 0;
    }

    .latest-job-sec.software-l-j+.page__footer::before {
        top: -50px;
    }

    .latest-job-sec.software-l-j+.page__footer::after {
        right: 0px;
        top: -50px;
    }

    .h-can-we-help-sec h2.theme-heading-h2 {
        padding-bottom: 27px;
    }

    .our-job-sec .paragraph-content p:not(:last-child) {
        margin-bottom: 28px;
    }

    .our-job-sec p {
        font-size: 22px;
        line-height: 36px;
    }
    .our-job-sec .candidate-our-job-list.candidate2-cell-section .latest-job-sec.two-cell-row .two-cell-lg .job-box:nth-child(1) {
    position: relative;
    top: 0px;
}
.candidate-our-job-list.candidate2-cell-section {
    margin-top: 80px;
}
    /*home page css start here */
    .slide-nav a{
       font-size: 23px;
    line-height: 33px;
    padding-bottom: 5px;
        
    }
    .slide-nav > li {
    padding-bottom: 20px;
    display: inline-block;
}
.slide-nav ul li a {
    font-size: 17px;
    line-height: 23px;

}
.address-card span {
    font-size: 16px;
    line-height: 26px;
}
.slide-nav {
    width: Calc(100% - 250px);
}
.slide-navigation-address {
    margin-right: 0;
}
.slide-nav-container-inner {
    max-width: 80%;
}
        /*home page css end here */
            .meet-the-team-sec .meet-the-team-cell {
    margin: 0 20px 46px;
    width: 28.38%;
}
.meet-the-team-sec .meet-the-team-cell h5, .rm-popup .meet-the-team-cell h5 {
    padding-top: 14px;
    padding-bottom: 10px;
}
.meet-the-team-sec .theme-heading-h5 {
    font-size: 26px;
    line-height: 38px;
}
.meet-the-team-sec .meet-the-team-cell h6 {
    font-size: calc(var(--h6-font-size) - 2px );
    line-height: calc(var(--h6-line-height) - 2px );
}
.meet-the-team-sec {
    padding-bottom: 37px;
}
.meet-the-team-sec .meet-the-team-cell .img-box {
    width: 100%;
    height: 213px;
}
.meet-the-team-sec .who-makes-recann-row.two-cell-row:before {
    background-size: 50%;
}
        .rm-popup .rm-container {
width: 100%;
    max-width: 80%;
    margin: auto;
}
.rm-popup .rm-sm-cell .img-box {
    width: 259px;
    height: 239px;
}.rm-popup .rm-sm-cell .img-box {
    width: 259px;
    height: 239px;
}
.rm-popup .modal-body .top-header h6 {
    font-size: 18px;
    line-height: 40px;
}

.rm-popup .theme-paragraph-content p {
    font-size: 20px !important;
    line-height: 35px !important;
}
.rm-popup .top-header ul li img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.rm-popup .top-header ul {
    margin-right: 12px;
}
.rm-popup .rm-sm-cell h6 {
    font-size: 22px;
    line-height: 32px;
}
  .rm-popup .inner-rm-lg-cell {
    padding-left: 42px;
} 
.theme-heading-h5 {
    font-size: 26px;
    line-height: 36px;
}
.rm-popup .ico13 {
    bottom: -19vh;
}
.rm-popup .ico12 {

    bottom: -80vh;

}


.search-box .search-btn2 img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.search-input {
    font-size:16px;
}


.search-box .search-btn2 img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.search-input {
   font-size: 15px;
    width: 100px;
}
.meet-the-team-sec .profile-discription-box .icon-content img {
    object-fit: contain;
    width: 16px;
}
   .promise-setion-client .hightlight-heading-sm {
        font-size: 20px;
    }
}

@media (min-width:1024px) and (max-width:1279px) {
    
  
    
    .latest-job-sec.software-l-j .two-cell-sm.one-two-cell .job-box{
           position: initial !important;
    }
    
    .banner.inner-page-banner.job-board-banner form .cust-form-submit .theme-btn{
        line-height:38px;
    }
    /*.carerr-step.step-1 {*/
    /*    left: 54px;*/
    /*    bottom: 438px;*/
    /*}*/

    /*.carerr-step.step-2.up-step {*/
    /*    bottom: 562px;*/
    /*    left: 158px;*/

    /*}*/

    /*.step-3.up-step.yellow-step-plus {*/
    /*    left: 314px;*/
    /*    bottom: 663px;*/
    /*}*/

    /*#target1 .prev-text-show:before {*/
    /*    width: 2px;*/
    /*    height: 97px;*/
    /*    display: block;*/
    /*    left: -38px;*/
    /*    top: 54px;*/
    /*    transform: skew(-57deg, 30deg);*/
    /*}*/

    /*#target2 .prev-text-show:before {*/
    /*    content: '';*/
    /*    width: 2px;*/
    /*    height: 61px;*/
    /*    display: block;*/
    /*    position: absolute;*/
    /*    left: -39px;*/
    /*    top: 54px;*/
    /*    transform: skew(-68deg, 30deg);*/
    /*}*/

    /*#target3 .prev-text-show:before {*/
    /*    content: '';*/
    /*    width: 2px;*/
    /*    height: 26px;*/
    /*    display: block;*/
    /*    position: absolute;*/
    /*    left: -48px;*/
    /*    top: 48px;*/
    /*    transform: skew(-82deg, 30deg);*/
    /*}*/

    /*#target9 .prev-text-show:before {*/
    /*    content: '';*/
    /*    width: 2px;*/
    /*    height: 28px;*/

    /*    left: -80px;*/
    /*    top: 7px;*/
    /*    transform: skew(82deg, 47deg);*/
    /*}*/

    /*#target9 .prev-text-show:after {*/
    /*    content: '';*/
    /*    width: 2px;*/
    /*    height: 110px;*/
    /*    left: 14px;*/
    /*    top: 39px;*/
    /*    transform: skew(-30deg, 30deg);*/
    /*}*/

    /*.step-1-text {*/

    /*    top: 80px;*/
    /*    left: 0;*/
    /*}*/

    /*.carerr-step.step-4.up-step {*/
    /*    bottom: 724px;*/
    /*    left: 472px;*/
    /*}*/

    /*.carerr-step.step-5.up-step {*/
    /*    bottom: 748px;*/
    /*    right: 266px;*/
    /*}*/

    /*.carerr-step.step-last {*/
    /*    bottom: 705px;*/
    /*    right: 48px;*/
    /*}*/

    /*.circle-plus .circle .horizontal {*/
    /*    background-color: #0FF;*/
    /*    width: 52px;*/
    /*    height: 13px;*/
    /*    top: 1.9em;*/
    /*    left: 1.05em;*/
    /*    box-shadow: 0px 1px 8px 1px #00fefe;*/
    /*    z-index: 999;*/
    /*}*/

    /*.circle-plus .circle .vertical {*/
    /*    background-color: #0FF;*/
    /*    width: 13px;*/
    /*    height: 52px;*/
    /*    top: 14px;*/
    /*    left: 37px;*/
    /*    box-shadow: 0px 1px 8px 1px #00fefe;*/
    /*    z-index: 999;*/
    /*}*/

    /*.cus-sm-step .circle-plus .circle .vertical {*/
    /*    width: 8px;*/
    /*    height: 42px;*/
    /*    top: 30px;*/
    /*    left: 37px;*/
    /*}*/

    /*.cus-sm-step .circle-plus .circle .horizontal {*/
    /*    width: 40px;*/
    /*    height: 8px;*/
    /*    top: 46px;*/
    /*    left: 21px;*/
    /*}*/

    /*.carerr-step.step-6.down-step {*/
    /*    right: 238px;*/
    /*    bottom: 500px;*/
    /*}*/

    /*.carerr-step.step-5.down-step {*/
    /*    right: 414px;*/
    /*    bottom: 406px;*/
    /*}*/

    /*.carerr-step.step-2 {*/
    /*    bottom: 458px;*/
    /*    left: 256px;*/
    /*    z-index: 9;*/
    /*}*/

    /*.carerr-step.step-3.down-step {*/
    /*    left: 402px;*/
    /*    bottom: 472px;*/
    /*}*/

    /*.carerr-step.step-4.down-step {*/
    /*    bottom: 470px;*/
    /*    left: 980px;*/
    /*}*/

    /*.carerr-step.step-4.down-step {*/
    /*    bottom: 502px;*/
    /*    left: 522px;*/
    /*}*/

    /*.carerr-step.step-5.down-step {*/
    /*    right: 228px;*/
    /*    bottom: 540px;*/
    /*}*/

    /*.carerr-step.step-6.down-step {*/
    /*    right: 108px;*/
    /*    bottom: 602px;*/
    /*}*/

    .banner.solution-banner .banner-img-box {

        height: 100%;
    }

    /*.carerr-step.cus-sm-step h5 {*/
    /*    font-size: 12px;*/
    /*    line-height: 19px;*/
    /*    width: 150px;*/
    /*    top: 0;*/
    /*    left: 16px;*/
    /*    letter-spacing: 1.8px;*/
    /*    font-weight: 500;*/
    /*}*/

    /*.cus-lg-step h5 {*/
    /*    font-size: 14px;*/
    /*    line-height: 22px;*/
    /*}*/

    /*.step-last-text h5 {*/
    /*    width: 220px;*/
    /*}*/

    /*.step-last-text {*/
    /*    bottom: 88px;*/
    /*    position: absolute;*/
    /*    width: 100%;*/
    /*    right: 86px;*/
    /*}*/

    /*.carerr-step.yellow-step-plus h5 {*/
    /*    position: absolute;*/
    /*    left: -77px;*/
    /*    top: 26px;*/
    /*}*/

    /*.carerr-step.step-3.up-step h5 {*/
    /*    left: -80px;*/
    /*    top: 4px;*/
    /*    width: 130px;*/
    /*}*/

    /*.carerr-step.step-4.up-step h5 {*/
    /*    width: 150px;*/
    /*    left: -80px;*/
    /*    top: -18px;*/
    /*}*/

    /*.carerr-step.step-5.up-step h5 {*/
    /*    top: -29px;*/
    /*    width: 160px;*/
    /*    left: -58px;*/
    /*}*/

    /*#target0 .prev-text-show:before {*/
    /*    content: '';*/
    /*    width: 2px;*/
    /*    height: 100px;*/
    /*    display: block;*/
    /*    position: absolute;*/
    /*    left: -7px;*/
    /*    top: 55px;*/
    /*    transform: skew(-42deg, 30deg);*/
    /*}*/


    /*.red-step-plus h5 {*/
    /*    position: absolute;*/
    /*    left: 106px;*/
    /*    top: -19px;*/
    /*}*/

    /*#target5 .prev-text-show:before {*/
    /*    content: '';*/
    /*    width: 2px;*/
    /*    height: 10px;*/
    /*    left: -46px;*/
    /*    top: 55px;*/
    /*    transform: skew(-86deg, 30deg);*/
    /*}*/

    /*#target7 .prev-text-show:before {*/
    /*    content: '';*/
    /*    width: 2px;*/
    /*    height: 39px;*/
    /*    left: -35px;*/
    /*    top: 52px;*/
    /*    transform: skew(-76deg, 30deg);*/
    /*}*/

    /*#target6 .prev-text-show:before {*/
    /*    content: '';*/
    /*    width: 2px;*/
    /*    height: 28px;*/
    /*    left: -23px;*/
    /*    top: 56px;*/
    /*    transform: skew(-77deg, 30deg);*/
    /*}*/

    /*#target8 .prev-text-show:before {*/
    /*    width: 2px;*/
    /*    height: 56px;*/
    /*    left: -13px;*/
    /*    top: 52px;*/
    /*    transform: skew(-64deg, 30deg);*/
    /*    z-index: 999;*/
    /*}*/

    /*#target4 .prev-text-show:before {*/
    /*    content: '';*/
    /*    width: 2px;*/
    /*    height: 9px;*/
    /*    left: -62px;*/
    /*    top: 53px;*/
    /*    transform: skew(-87deg, 30deg);*/
    /*}*/
    .h-can-we-help-sec .two-cell-row .two-cell-lg p:last-child {
    padding-bottom: 10%;
}
.t-v-guide-us-sec.wm-recann_sec{ 
    padding-top: 2px;
    padding-bottom: 64px;
}
.t-v-guide-us-sec.wm-recann_sec + .location-sec::before {
    top: -244px;
}
.testimonial-sec.candidate-testimonial-sec h2 {
    max-width: 330px;
}
.promise-setion-client{
    padding-top: 40px;
    padding-bottom: 80px;
}
.promise-setion-client::after{
    display:none;
}
        /** terms page css start **/
.terms-content h6 {
	font-size:20px;
}
 .inner-w-can-recann-sec .w-can-recann-row.three-cell-row .three-cell-sm p{
        font-size:20px!important;
        line-height:32px!important;
    }
}

@media (max-width:768px) {
    p {
        font-size: 16px !important;
        line-height: 26px !important;
    }

    .banner.inner-page-banner.job-board-banner form .cust-form-group {
        width: 100%;
        max-width: 100%;

    }

    .parmanent-row .parmanent-right-content,
    .tempoary-row .tempoary-right-content {

        padding-top: 10px;
    }

}

@media (min-width:768px) and (max-width: 991px) {
    .slide-nav ul li:not(:last-child) {
    padding-bottom: 0px;
}
       
    .latest-job-sec.software-l-j .two-cell-sm.one-two-cell .job-box{
           position: initial !important;
    }
    section.latest-job-sec.software-l-j.one-two-cell-section .left-content-slj {
    width: 100%;
}
    .specialisms-sec.hs-sec h4 {
    width: 100%;
    max-width: 100%;
    font-size: 25px;
    min-height: 35px;
}
    .latest-job-sec.software-l-j .two-cell-sm .job-box:nth-child(2) {
  position: absolute;
  top: -53vh;
  right: 0%;
 
}
    .latest-job-sec.software-l-j .two-cell-sm .job-box:nth-child(1) {
  position:inherit;
  top: 0vh;
  left: 0%;

}
.our-job-sec .two-cell-row .two-cell-lg.our-jobs-view-container .job-box:nth-child(2) {
  top:0;

}
    .our-job-sec .candidate-our-job-list .two-cell-row  .two-cell-lg.our-jobs-view-container 
    {
        justify-content: space-between;
        width:100%;
    }
    .our-job-sec .two-cell-row .two-cell-lg.our-jobs-view-container .job-box {
  margin-right: 0%;
}

.our-job-sec .candidate-our-job-list .two-cell-row .two-cell-lg.our-jobs-view-container .job-box {
  width: 100%;
}
/*pop up modal design start here*/
.cust-modal .modal-inner {
  max-width: calc(100% - 13%);
}  

.apply-job-modal .modal-dialog {
  max-width: calc(100% - 100px);
}

#applyNow .heading {
  font-size: 50px;
  line-height: 60px;

}
  /*pop up modal design end here*/
    .parmanent-row .parmanent-left-content,
    .tempoary-row .tempoary-left-content {
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        max-width: 49%;
    }

    /* solution page responsive  css start here  */
    .cust-container-md2,
    .cust-container-md3 {
        margin: 0 auto;
        max-width: 100%;
        width: Calc(100% - 100px);
    }

    .banner.solution-banner .inner-banner {
        position: relative;
        z-index: 5;
        padding-top: 300px;
    }

    .banner.solution-banner .banner-content-cell {
        padding-top: 16px;
    }

 

    .parmanent-tempoary-sec .parmanent-cell {
        margin-bottom: 275px;
    }

    .parmanent-tempoary-sec .parmanent-cell::before {

        top: 300px;
        left: 0;
        height: 217px;
        width: 88px;
        display: none;
    }

    .parmanent-tempoary-sec .tempoary-cell::before {
        height: 217px;
        width: 88px;
        right: 0;

    }

    .solution-feature::before {
        left: -90px;
        height: 267px;
        width: 137px;
        background-size: 100%;
        top: 210px;
    }

    .solution-feature::after {
        bottom: 373px;
        top: inherit;
        width: 165px;
        height: 326px;
        background-size: 100%;
        left: -10vw;
        display: none;

    }

    .solution-feature-content>div:not(:last-child) {
        margin-bottom: 74px;
    }

    .solution-location-sec .cust-container-sm {
        max-width: 1290px;
    }

    /* .solution-location-sec {
        padding-top: 265px;
    } */
    .solution-location-sec {
        padding-top: 105px;
    }

    .banner.solution-banner .inner-banner {
        position: relative;
        z-index: 5;
        padding-top: 165px;
        padding-bottom: 0px;
    }

    .solution-img-cell .inner-solution-img-cell::after {
        width: 100%;
        min-height: 251px;
        z-index: 4;
        bottom: 101px;
        right: 250px;
        margin: auto;
        background-position: left;
        max-width: 50%;
        transform: translate3d(0, -20px, 0);
        background-size: cover;
    }

    .solution-feature-content {

        position: relative;
        z-index: 9;
    }

    .solution-cta-contact-sec .cta-contact-inner {
        position: relative;
        min-height: 500px;
    }

    .theme-heading-h2 {
        font-size: 32px;
        line-height: 50px;
        font-weight: 700;
        letter-spacing: var(--h5-lspacing);
    }

    .banner-content-cell .inner-banner-content-cell .right-content-cell p,
    .parmanent-tempoary-sec p,
    .solution-feature p {
        font-size: 20px;
        line-height: 32px;
        letter-spacing: 0.011em;
    }

    .parmanent-tempoary-sec .inner-parmanent-tempoary-sec {
        padding: 104px 0px 100px;
        position: relative;
    }

    .parmanent-tempoary-sec .parmanent-cell {
        margin-bottom: 85px;
    }

    .solution-feature .inner-solution-feature {
        padding: 65px 0 80px;
        position: relative;
    }

    .cta-contact-sec.solution-cta-contact-sec .two-cell-sm {
        width: 100%;
    }

    .solution-banner .banner-content {
        padding: 0 0;
    }

    .parmanent-tempoary-sec {
        margin-top: -18px;
        background-color: #fff;
        position: relative;
        z-index: 9;
    }

    .banner-content-cell .inner-banner-content-cell .right-content-cell {

        padding-top: 7px;
    }

    .solution-feature .theme-heading-h2 {
        color: var(--white);
        margin-bottom: 14px;
    }

    /* solution page responsive  css end here  */



    /* career page responsive css start here  */

    .career-path-cell::after {
        content: '';
        position: absolute;
        width: 90%;
        height: 100%;
        display: block;
        bottom: -24vh;
        left: 0;
        right: 0;
        z-index: 3;
        background-repeat: no-repeat;
        background-size: contain;
        margin: auto;
        max-width: 1430px;
    }

    .our-benifit-sec .our-benifit-row .two-cell-sm {
        width: 38vw;
        padding-top: 62vh;
        position: relative;
    }

    .our-benifit-sec .two-cell-row .two-cell-lg {
        width: 48%;
    }

    .testimonial-sec.our-employees-testimonial-sec::before {
        width: 314px;
        height: 354px;
        top: 264px;
        background-size: cover;
        right: -196px;
        -webkit-animation: fallingx 20s 0s infinite;
        animation: fallingx 20s 0s infinite;
        transition: all 200ms ease-in;
        transform: translate3d(0, -20px, 0);
        z-index: 0;
    }

    .our-offer-sec .two-cell-row .two-cell-sm {
        width: 100%;
    }

    .our-offer-sec .two-cell-row .two-cell-lg {
        width: 100%;
        padding-top: 60px;
    }

    .career-banner .banner-content-cell {
        padding-top: 30px;
    }

    .banner.career-banner .inner-banner {
        padding-top: 165px;
        padding-bottom: 110px;
    }

    .career-banner {
        position: relative;
        align-items: inherit;
        padding-bottom: 0;
    }
    .our-benifit-sec {
        padding-top: 52px;
      }

      .testimonial-sec.our-employees-testimonial-sec h2 {
        margin-bottom: 30px;
      }
      
    /* .career-path-sec .path-img-box {
        height: 638px;
    } */
    .cus-lg-step h5 {
        font-size: 20px;
        line-height: 30px;
    }

    #target0 .circle-plus::before{

      
      
        height: 99px;
     
        left: 42px;
        top: -72px;
        transform: skew(-180deg, 30deg);
 
    }
    #target2 .circle-plus::before {

  left: 43px;
  top: -49px;
  transform: skew(-180deg, 30deg);
 
}
#target3 .circle-plus::before {

  height: 48px;

  left: 43px;
  top: -18px;
  transform: skew(-180deg, 30deg);

}
#target1 .circle-plus::before {

  height: 103px;

  left: 42px;
  top: -36px;
  transform: skew(-180deg, 30deg);

}
#target9 .circle-plus::before , #target9 .circle-plus::after {
display:none;
}
    .red-step-row .circle-plus::before {
        content: '';
        width: 2px;
        height: 11px;
        display: block;
        position: absolute;
        background-color: #e71755;
        transform: skew(360deg, 30deg) !important;
        left: 42px !important;
        top: -50px !important;
        height: 102px !important;
        opacity: .30;
    }

    .carerr-step.step-1.cus-lg-step .circle-plus::before {
        content: '';
        width: 2px;
        height: 11px;
        display: block;
        position: absolute;
        background-color: #e71755;
        transform: skew(360deg, 30deg) !important;
        left: 42px !important;
        top: -50px !important;
        height: 102px !important;
        opacity: .30;
    }

    .career-path-sec .path-img-box {
        height: 100%;
    }

    .career-path-sec .banner-content-cell .inner-banner-content-cell .right-content-cell p {
        line-height: 40px;
        color: var(--white);
        margin-bottom: 0;
    }

    .our-benifit-sec::after {
        position: absolute;
        content: "";
        background: var(--dark);
        height: 57px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        z-index: -1;
    }

    .step-text h5 {
        width: 100%
    }

    .prev-text-show {
        position: relative;
        width: 100%;
    }

    .carerr-step.step-4.up-step h5 {
        width: 100%;

    }

    .carerr-step h5,
    .step-content-container {
        width: 80% !important;
    }

    .step-1-text {
        top: 60px !important;
        left: 0px !important;
    }

    .step-last-text {
        bottom: inherit;
        position: absolute;
        width: 101% !important;
        left: 90px;
        top: 22px;
    }

    .prev-text-show::before {
        transform: skew(360deg, 30deg) !important;
        left: 42px !important;
        top: -50px !important;
        height: 102px !important;
    }

    .testimonial-sec.our-employees-testimonial-sec {
        background-color: var(--dark);
        padding-top: 18px;
        padding-bottom: 70px;
    }

    .our-benifit-sec .our-benifit-list .our-benifit-list-item {
        background-color: var(--darkgrey);
        color: var(--white);
        padding: 25px 15px 25px 39.1px;
    }

    .our-benifit-sec .our-benifit-list .our-benifit-list-item span {
        font-size: 20px;
        line-height: 40px;
        position: relative;
    }

    .our-benifit-sec .our-benifit-row p {
        font-size: 20px;
        line-height: 40px;
        font-family: 'Bierstadt';
        padding-top: 42px;
        padding-bottom: 62px;
    }

    .our-benifit-sec .img-box {
        height: 278px;
    }

    /* .testimonial-sec.our-employees-testimonial-sec .two-cell-row .two-cell-lg {
        width: 50%;
    }

    .testimonial-sec.our-employees-testimonial-sec .two-cell-row .two-cell-sm {
        width: 50%;
    } */
    .our-offer-sec::before{
        background-size: 80%;
        margin-left: -22vw;
    }
    .page__footer .copyright-sec.copyright-sec-pb {
        padding-bottom: 105px;
        padding-top: 0;
      }
      .our-offer-sec {
        padding-top: 49px;
        padding-bottom: 20px;
      }
    /* career page responsive css end here  */

    /* software page responsive css start here */

    section.latest-job-sec::before {


        background-size: auto;
        background-size: 100%;
        left: -20vw;
        width: 496px;
        height: 559px;
        z-index: 0;
        top: 2vw;
        transform: translate3d(0, -20px, 0);

    }

    .banner.software-banner .inner-banner {
        position: relative;
        z-index: 5;
        padding-top: 255px;
    }

    .h-can-we-help-sec .two-cell-row .two-cell-sm {
        width: 40%;
    }

    .h-can-we-help-sec .two-cell-sm .img-box {
        height: 37vw;
    }

    .latest-job-sec .two-cell-row .two-cell-lg {
        width: 50%;
    }

    .latest-job-sec.software-l-j::before {
        left: -43vw;
        display: none;
    }

    section.latest-job-sec .cust-container-md2 {
        max-width: 1070px;
        transform: translate(70px, 0px);
    }

    .latest-job-sec .two-cell-row .two-cell-lg {
        width: 54%;
    }

    .latest-job-sec.two-cell-row .two-cell-sm {
        width: 461px;
    }

    .inner-latest-job-sec .theme-heading-h2 {
        margin-bottom: 40px;
        width: 100%;
    }

    .latest-job-sec .two-cell-row .two-cell-lg .job-box {
        margin-top: 60px;
        margin-left: inherit;
    }

    .latest-job-img-bg .img-box::before {

        width: 100%;
        height: 100%;
        display: block;
        top: 0;
        left: 0;
        z-index: 3;
        background-size: cover;
        background-position: center;
    }

    .h-can-we-help-sec .two-cell-row .two-cell-lg {
        width: 54%;
    }

    .banner-paragraph-content p,
    .h-can-we-help-sec .two-cell-row .two-cell-lg p {
        font-size: 20px;
        line-height: 40px;

    }

    .help-onboarding-content h2+p {
        padding-top: 36px;
        padding-bottom: 38px;
    }

    .h-can-we-help-sec {
        padding-top: 52px;
        position: relative;
        padding-bottom: 52px;
    }

    .software-banner-paragraph.banner-paragraph-content::after {

        width: 28.859vw;
        height: 32.555vw;
        bottom: 56px;
        background-size: cover;
        right: -13vw;
        display: none;

    }

    .banner-paragraph-content.software-banner-paragraph .inner-paragraph-content p:not(:last-child) {
        padding-bottom: 20px;
    }

    .h-can-we-help-sec .two-cell-row .two-cell-lg p:not(:last-child) {
        padding-bottom: 20px;
    }


    section.h-can-we-help-sec::after {

        content: '';
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 0;
        background-color: var(--dark);
        z-index: -1;

    }


    .latest-job-sec.software-l-j .cust-container-md2 {
        transform: inherit;
        margin: 0 auto;
        max-width: 100%;
        width: Calc(100% - 100px);
    }

  .computer-language-list-row ul li  {
        width: 100%;
        background-color: #191919;
        mix-blend-mode: normal;
        color: var(--white);
        padding: 42px 46px 42px 86px;
        position: relative;
        font-size: 20px;
        line-height: 30px;
        font-family: 'BierstadtDisplay';
    }


    .latest-job-sec.software-l-j .two-cell-lg {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
.latest-job-sec.software-l-j.recent-job-sec .two-cell-lg ,  .latest-job-sec.software-l-j.recent-job-sec .two-cell-sm{

  width: 49%;
}

.latest-job-sec.software-l-j.recent-job-sec {
  padding-bottom: 50px;
}
.latest-job-sec.software-l-j.recent-job-sec .two-cell-lg .left-content-slj , .latest-job-sec.software-l-j.recent-job-sec .job-box {
  width: 100%;
}
 .latest-job-sec.software-l-j.recent-job-sec .two-cell-sm{
    padding-top:0px;
}

    .latest-job-sec.software-l-j .two-cell-lg .left-content-slj {
        width: 45%;
    }

    .latest-job-sec.software-l-j .job-box {
        width: 48%;
        padding: 23px 23px 50px;
    }
/* 
    .latest-job-sec.software-l-j .job-box .theme-heading-h4 {
        font-size: 34px;
        line-height: 54px;
        font-weight: 700;
    } */

    .latest-job-sec.software-l-j .two-cell-sm {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding-top: 158px;
    }

    .help-onboarding-content {

        padding-top: 56px;
    }

    .career-path-container {
        position: relative;
        top: -220px;
    }

    .red-step-row {
        position: relative;
        bottom: 610px;
        display: flex;
        flex-direction: column-reverse;
    }

    .cus-sm-step h5,
    .step-last h5 {
        visibility: visible;
        opacity: .50;
    }

    .text-visible h5,
    .prev-text-show .step-text h5 {
        visibility: visible;
        transition: ease-in-out .05ms;
        opacity: 1;
    }

    .yellow-step-row .prev-text-show.circle-plus::before {
        opacity: 1;
    }

    .yellow-step-row .prev-text-show::before,
    .red-step-row .prev-text-show::before {
        opacity: 1 !important;
    }

    .yellow-step-row {
        position: relative;
        bottom: 1535px;
        display: flex;
        flex-direction: column-reverse;
    }

    .carerr-step {
        position: inherit !important;
        left: 65px !important;
        top: 0 !important;
        z-index: 9999 !important;
        bottom: inherit !important;
    }

    .career-path-cell {
        position: relative;
        z-index: 999;
        margin-top: 0px;
    }

    .carerr-step.step-1 {
        position: absolute;
        left: 65px;
        top: 0;
        z-index: 9999;
        bottom: inherit;
    }

    .step-1-text {
        top: 0;
        left: 100px;
    }

    .circle-plus .circle .horizontal {

        top: 40px;
left: 15px;

    }

    .carerr-step.step-2.up-step {
        bottom: inherit;
        left: 63px;
        top: 150px;
        z-index: 1;
    }

    .carerr-step.yellow-step-plus h5 {
        position: absolute;
        left: 100px;
        top: 14px;
    }

    #target0 .prev-text-show::before {
        content: '';
        width: 2px;
        height: 153px;
        display: block;
        position: absolute;
        background-color: #FBEE20;
        left: 42px;
        top: -90px;
        transform: skew(-180deg, 30deg);
    }

    .step-3.up-step.yellow-step-plus {
        position: absolute;
        left: 63px;
        bottom: inherit;
        top: 300px;
    }

    .career-path-cell .inner-career-path-cell::after {
        display: none;
    }

    .yellow-step-row .prev-text-show::before {
        content: '';
        width: 2px;
        height: 153px;
        display: block;
        position: absolute;
        background-color: #FBEE20;
        left: 42px !important;
        top: -27px !important;
        transform: skew(-180deg, 30deg) !important;
        height: 58px !important;
    }

    .carerr-step.up-step h5 {
        position: absolute !important;
        left: 90px !important;
        top: 34px !important;
        font-size: 16px;
    }

    .carerr-step.step-2 h5,
    .red-step-plus h5 {
        font-size: 16px !important;
        line-height: 33px !important;
        left: 90px !important;
    }

    .carerr-step.step-4.up-step {
        position: absolute;
        bottom: inherit;
        left: 63px;
        top: 450px;
    }

    .career-path-cell {
        padding-top: 100px;
    }

    .career-path-sec .banner-content-cell {
        position: relative;
        z-index: 5;
padding-bottom: 0;
margin-bottom: 90px;
    }

    #target9 {
        /* position: relative !important;
        top: -267vw !important; */
        position: relative !important;
        top: -2050px !important;
    }

    .carerr-step.step-5.up-step {
        right: inherit;
        bottom: inherit;
        left: 63px;
        top: 600px;
    }

    .carerr-step.step-1.cus-lg-step .step-text.step-1-text {
        top: 30px !important;
        left: 90px !important;
    }

    #target9 .prev-text-show::before,
    #target9 .prev-text-show::after {
        display: none;
    }
    .banner.software-banner .banner-content-cell{
        padding-top: 0;  
    }
    .banner.software-banner h1{
        
    margin-bottom: 0;

    }

    .software-banner-paragraph.banner-paragraph-content .inner-paragraph-content {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .help-onboarding-content{
        padding-top: 47px;
    }

    .software-we-cover-sec {
        padding-top: 50px;
    }
  .computer-language-list-row ul li  {
        padding: 36px 40px 36px 80px;
        font-size: 18px;
        line-height: 28px;
     
    }
    .theme-heading-h4 {
        font-size: 26px;
        line-height: 36px;
    }
    section.latest-job-sec {
        padding-top: 50px;

    }
    .latest-job-img-bg{
      height: 740px;  
    }
    .latest-job-sec.software-l-j    .latest-job-img-bg
    {
       height: 670px; 
    }
    /* software page responsive css end here */


    /* our-specialisms page responsive css start here  */

    section.banner.home-banner.our-specialisms-banner .inner-banner {

        padding-top: 200px;
    }

    .specialisms-cate-sec .specialisms-row .specialisms-cell h4 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .banner-content-cell .inner-banner-content-cell .right-content-cell p:not(:last-child) {
        margin-bottom: 22px;
    }

    .cta-contact-sec.specialisms-cta-sec .cta-contact-inner {
        position: relative;
        min-height: 440px;
    }

    .specialisms-cate-sec {
        background-color: var(--dark);
        position: relative;
        padding-top: 60px;
    }

    section.specialisms-cate-sec .specialisms-row{
        padding-bottom: 10px;
    }
    /* our-specialisms page responsive css end here  */

    /* candidate page responsive page css start here  */
    .our-job-sec::after {
        content: '';
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 36vw;
        background-color: var(--dark);
        z-index: -1;
    }

    .candidate-our-job-list {
        width: 100%;
        max-width: 100%;
        margin-top: 100px;
        position: relative;
        z-index: 1;
    }

    .our-job-sec::after {

        height: 36vw;

    }

    .banner.candidate-banner.inner-page-banner .ico1 {
        width: 25.8vw;
        height: 42.2vh;
        background-size: contain;
    }

    .banner.candidate-banner.inner-page-banner h1 {

margin-bottom: 0;

}

    .banner.inner-page-banner.candidate-banner.home-banner .inner-banner {
        padding-top: 239px;
        padding-bottom: 0px;
    }

    .our-job-sec .candidate-our-job-list .two-cell-row .two-cell-sm {

        width: 65.55%;
    }

    section.our-approach-sec {

padding-bottom: 85px;

}

    .our-job-sec .latest-job-sec.two-cell-row .job-box {
        padding: 59px 33px 65px 43px;
    }

    .our-job-sec .two-cell-row .two-cell-lg {
        width: 723px;
    }

    .our-job-sec .two-cell-row .two-cell-sm {
        width: 606px;
    }

    .banner.candidate-banner.inner-page-banner .banner-content-cell {
        width: 100%;
        max-width: 100%;
    }

.banner.candidate-banner.inner-page-banner .ico3 {
    z-index: 5;
    bottom: 200px;
    background-size: 70%;
}
.banner.inner-page-banner.candidate-banner + .our-approach-sec::after {
    top: 338px;
}
    .our-job-sec {
        padding-top: 56px;
        position: relative;
    }

    .our-job-sec .candidate-our-job-list .two-cell-row .two-cell-lg,
    .our-job-sec .candidate-our-job-list .two-cell-row .two-cell-sm {
        width: 100%;
        align-items: flex-start;

    }
    .latest-job-sec.two-cell-row .job-box {
        width: 100%;
        max-width: 100%;
    }
    .our-job-sec .candidate-our-job-list .two-cell-row .two-cell-sm {

        padding-top: 0;
    }

    .our-job-sec .candidate-our-job-list .latest-job-sec.two-cell-row .job-box {
        margin-left: inherit;
        padding: 23px 23px 50px;
    }
    .our-job-sec .candidate-our-job-list .two-cell-row .two-cell-lg .job-box:not(:last-child) {
        margin-bottom: 26px;
    }
    .our-job-sec .candidate-our-job-list.candidate2-cell-section .latest-job-sec.two-cell-row .two-cell-lg .job-box:nth-child(1) {
    top: 0vh;

}
.candidate-our-job-list.candidate2-cell-section {
    margin-top: 12vh;
}

.candidate-our-job-list  .inner-job-box p {
    font-size: 18px !important;
    line-height: 26px !important;
}
    /* candidate page responsive page css end here  */

    /* client page responsive css start here */
    .banner.inner-page-banner.clients-banner h1 {

        margin-bottom: 14px;
    }

    .candidate-solution-img-box .img-box {
        height: 465px;
        width: 100%;
        max-width: 80%;
        z-index: 112;
        margin: auto;
    }

    .w-w-are-diffrent-sec p {
        font-size: 30px;
        line-height: 50px;
    }

    .company-logo-row.row-cell .three-cell-sm img {
        width: 100%;
        max-width: 80%;
    }

    /* 
    .theme-heading-h2 {
        font-size: 40px;
        line-height: 50px;

    } */

    .banner.inner-page-banner.clients-banner .ico2 {

        left: -102px;

    }

    .banner.inner-page-banner.clients-banner .banner-paragraph-content p:not(:last-child) {
        margin-bottom: 26px;
    }

    .w-w-are-diffrent-img-box {

        height: 69vw;

    }

    .w-w-are-diffrent-content {

        padding-bottom: 243px;

    }

    .company-logo-row.row-cell .three-cell-sm {

        width: 33.33%;
    }

    .w-w-are-diffrent-img-box {

        width: 60%;

    }

    .banner.inner-page-banner.clients-banner .ico1 {
        top: -10vw;
    }

    .w-w-are-diffrent-content {
        padding-bottom: 104px;
    }

    .our-job-sec.candidate-solution-sec .two-cell-lg h2 {
        padding-bottom: 55px;
    }

    .our-job-sec.candidate-solution-sec .two-cell-row .two-cell-sm {
        width: 100%;
    }

    .our-job-sec.candidate-solution-sec .candidate-solution-img-box {
        margin-bottom: 40px;
    }

    .our-job-sec.candidate-solution-sec {
        padding-bottom: 160px;
    }

    /* client page responsive css end here */

    /* why-recann page responsive css start here  */

    .banner.inner-page-banner.why-recann-banner .banner-paragraph-content {
        padding-top: 10px;
    }

    .banner.inner-page-banner.why-recann-banner h1 {
        margin-bottom: 10px;
    }

    .who-makes-recann-row p {
        line-height: 44px;
        font-size: 24px;
    }

    .w-can-recann-row.three-cell-row {

        grid-gap: 1%;
    }

    .w-can-recann-row.three-cell-row .theme-heading-h5 {
        font-size: 22px;
        line-height: 32px;
        font-weight: 700;
        height: auto !important;
    }

    .t-v-guide-us-sec .who-makes-recann-row .img-box {
        width: 98%;

        z-index: 2;
    }

    .banner.inner-page-banner.why-recann-banner {
        padding-bottom: calc(13vh - 20px);
    }

    .w-can-recann-sec  ,   .t-v-guide-us-sec{
        padding-top: 65px;
        padding-bottom: 65px;

    }
    .t-v-guide-us-sec .t-v-guide-us-row {
        padding-top: 14px;
    }
    .w-can-recann-sec .ico4 {
        top: -118px;
    }

    .w-can-recann-sec .inner-w-can-recann-sec h2 {
        padding-bottom: 30px;
    }

    .t-v-guide-us-sec .guide-inner-cell {
        background: var(--darkgrey);
        padding: 29px 18px 30px 25px;
    }

    .t-v-guide-us-sec .t-v-guide-us-row .theme-heading-h5.sameHeight3 {
        font-size: 24px;
        line-height: 44px;
    }

    .who-makes-recann-row.two-cell-row {
        padding-top: 8px;
    }

    .w-can-recann-row.three-cell-row .three-cell-sm {
    padding-left: 15px;
    padding-right: 12px;
    margin-bottom: 40px;
    }

    .t-v-guide-us-row .guide-cell {
        width: 50%;

    }

    .who-makes-recann-cell.two-cell-lg {
        width: 49%;
    }

    .who-makes-recann-cell.two-cell-sm {
        width: 49%;
    }
    .t-v-guide-us-sec:after{
        display: none;
    }
.meet-the-team-sec .meet-the-team-cell {
    margin: 0 20px 76px;
    width: 44.3%;
}
.meet-the-team-sec .meet-the-team-cell h5, .rm-popup .meet-the-team-cell h5 {
    padding-top: 14px;
    padding-bottom: 10px;
}
.meet-the-team-sec .theme-heading-h5 {
    font-size: 22px;
    line-height: 32px;
}
.meet-the-team-sec .meet-the-team-cell h6 {
    font-size: calc(var(--h6-font-size) - 2px );
    line-height: calc(var(--h6-line-height) - 2px );
}
.meet-the-team-sec {
    padding-bottom: 37px;
}
.meet-the-team-sec .meet-the-team-cell .img-box {
    width: 100%;
    height: 292px;
}
.meet-the-team-sec .who-makes-recann-row.two-cell-row:before {
     background-size: 50%;
    z-index: 1;
    top: -145.3%;
}
.meet-the-team-sec {
    padding-top: 50px;
    padding-bottom: 30px;
}
.rm-popup .rm-sm-cell .img-box {
    width: 229px;
    height: 213px;
}
.rm-popup .rm-container {
    width: 100%;
    max-width: 90%;
    margin: auto;
}
    /* why-recann page responsive css end here  */


    /* job board page responsive css start here  */
    .job-board-category-sec .latest-job-sec.two-cell-row .job-box {
        width: 100%;
       max-width: 45.5%;
        background-color: var(--darkgrey);
        padding: 25px 15px 55px 15px;
    }

    .job-board-category-sec .latest-job-sec.two-cell-row .job-box .theme-heading-h4 {
        font-size: 28px;
        line-height: 38px;
        font-weight: 700;
        width: 100%;
    }

    .job-board-category-sec .cust-container-md3 {
        max-width: 90%;
    }

    .job-board-category-sec .latest-job-sec.two-cell-row .job-box {
        margin-bottom: 30px;
    }

    .banner.inner-page-banner.job-board-banner .inner-banner {
        padding-bottom: 30px;
        padding-top: 160px;
    }
    .banner.inner-page-banner.job-board-banner {
        min-height: 418px;
        padding-bottom: 40px;
      }

      .job-board-banner + .job-board-category-sec{
        padding-top: 60px;
      }
    /* job board page responsive css end here  */
    /* job-detail page responsive css start here  */

    .job-detail-discription .two-cell-row .two-cell-lg {
        width: 100%;
        padding-top: 0px;
    }

    .job-detail-discription .two-cell-row .two-cell-sm {
        width: 37%;
    }

    .banner.job-detail-banner .ico3 {
        width: 43.4vw;
        height: 43vh;

        top: 23vh;
        right: -10vw;

    }

    .job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-sm {
        width: 153px;
        margin-right: 20px;
    }

    .job-detail-discription .cust-container-sm {
        max-width: 1290px;
        padding: 0 0;
    }

    .similar-jobs-sec .cust-container-sm {
        padding: 0px;
        max-width: 1234px;
        width: Calc(100% - 0px);
    }

    .similar-jobs-sec .cust-container-md3 {
        max-width: 1234px;
        position: relative;
        z-index: 91;
        width: Calc(100% - 50px);
    }

    .similar-jobs-sec .latest-job-sec.two-cell-row .job-box {
        width: 100%;
        max-width: 45.9%;
        background-color: var(--darkgrey);
        padding: 39px 30px 65px 30px;
    }

    /* .job-detail-banner .theme-heading-h1 {
        font-size: 61px;
        line-height: 70px;
    } */
    .job-detail-banner .theme-heading-h1 {
        font-size: 40px;
        line-height: 50px;
        max-width: 50%;
    }

    .banner.job-detail-banner .banner-content-cell li span {
        font-size: 18px;
        line-height: 28px;
    }

    .job-detail-discription .cust-container-sm {
        width: Calc(100% - 0px);
    }

    .similar-jobs-sec .theme-heading-h4 {
        font-size: 28px;
        line-height: 40px;
        font-weight: 700;
    }

    .similar-jobs-sec .latest-job-sec.two-cell-row .job-box .theme-btn {
        padding: 17px 15px;
    }

    .job-detail-discription-row.two-cell-row {
        flex-direction: column-reverse;
    }

    .job-detail-discription .two-cell-row .two-cell-sm {
        width: 60%;
        padding-bottom: 20px;
    }

    .job-detail-discription .theme-para-content p:not(:last-child) {
        margin-bottom: 30px;
        line-height: 34px;
    }

    .similar-jobs-sec .latest-job-sec.two-cell-row .job-box {
        margin-bottom: 33px;
    }

    section.banner.job-detail-banner.home-banner {
        min-height: 100%;
    }

    /* job-detail page responsive css end here  */


    /* contact us page css start here  */
    .location-sec.contact-us-sec.banner .banner-content-container h1 {
        padding-bottom: 18px;
    }

    .location-sec.contact-us-sec.banner .address-card {
        width: 414px;
    }

    .location-sec.contact-us-sec.banner .location-address {
        display: flex;
        justify-content: flex-start;
        width: 571px;
    }

    .location-sec.contact-us-sec.banner {
        padding: 184px 0 60px;
    }

    .location-sec.contact-us-sec.banner .two-cell-row .two-cell-lg {
        width: 770px;
    }

    .location-sec.contact-us-sec.banner hr {
        width: 100%;
        opacity: 1;
        margin: 0px 10px 60px;
    }
    .location-sec.contact-us-sec.banner .cust-form label {
        font-size: 18px;
        line-height: 38px;
      }
    .location-sec.contact-us-sec.banner .location-content {
        max-width: 100%;
    }


    
    /* contact us page css end here */

    /* resoures landing page css start  here  */
    .banner.inner-page-banner.resources-landing-banner .banner-paragraph-content p:not(:last-child) {
        /*! margin-bottom: 20px; */
        font-size: 22px;
        line-height: 44px;
    }

    .banner.inner-page-banner.resources-landing-banner h1 {

        margin-bottom: 12px;
    }

    .banner.inner-page-banner.resources-landing-banner .banner-paragraph-content {
        width: 100%;
        max-width: 761px;
        padding-bottom: 40px;
    }

    .job-board-category-sec.resources-detail-sec .specialisms-content p {
        margin-bottom: 32px;
    }

    .job-board-category-sec.resources-detail-sec .specialisms-row .specialisms-cell h4 {
        margin-bottom: 0;
        max-width: 100%;
        font-size: 26px;
        line-height: 36px;
    }


    .job-board-category-sec.resources-detail-sec .specialisms-cell {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 55px;
    }

    .solution-cta-contact-sec .cta-contact-inner {
        position: relative;
        min-height: 470px;
    }

    .job-board-category-sec.resources-detail-sec .specialisms-row .specialisms-cell {
        width: 50%;
    }

    .job-board-category-sec.resources-detail-sec .cust-container-md3 {
        max-width: 100%;
        width: 100%;
    }

    .job-board-category-sec.resources-detail-sec .resources-content {
        padding: 20px 30px 59px 30px;
        margin-top: 100%;
        margin-top: 300px;
    }
    .banner.inner-page-banner.job-board-banner form input , .banner.inner-page-banner.job-board-banner form select{
  
        font-size: 16px;
        line-height: 26px;
      }
      .banner.inner-page-banner.job-board-banner form .cust-form-submit .theme-btn {
        border: 2px solid #fff;
        font-size: 14px;
        line-height: 26px;
      }

      .resources-landing-banner .banner-paragraph-content::after {
        background-size: 90%;
        right: -99px;
        bottom: 0px;
      }

 .resources-detail-sec .specialisms-inner:hover .img-box{
          /*height:250px;*/
          height: 276px;
      }
      .resources-detail-sec .specialisms-inner.toggled:hover .img-box{
          /*height:250px;*/
          height: 276px;
      }
      .job-board-category-sec.resources-detail-sec .specialisms-row{
          justify-content: space-between;
      }
    /* resoures landing page css end here  */

    /* resouress detail page css start here */
    .banner.inner-page-banner.resources-detail-banner .job-apply-read-bts {
        margin-top: 58px;
    }

    .theme-heading-h2 {
        font-size: 24px;
        line-height: 48px;
    }

    .rdc-sec p {
        padding-bottom: 30px;
        font-size: 20px;
        line-height: 30px;
    }

    .rdc-sec .two-cell-row .two-cell-sm {
        width: 40%;
    }

    .rdc-sec .job-apply-read-bts {
        margin-top: 30px;
        margin-bottom: 60px;
    }

    .rdc-sec {
        padding-bottom: 66px;
    }

    .rdc-sec .hightlight-heading-sm {

        padding-left: 20px;
    }

    .banner.inner-page-banner.resources-detail-banner .banner-content {
        width: 80%;
      }

    .banner.inner-page-banner.resources-detail-banner ul li:not(:last-child) {
        margin-right: 20px;
    }

    .rdc-sec::before {
        display: none;
    }

    .rdc-sec .hightlight-heading-sm {
        padding-left: 0;
    }

    .rdc-sec .two-cell-row .two-cell-sm {
        width: 100%;
        padding-top: 60px;
    }

    .rdc-sec .specialisms-row .specialisms-cell {
        width: 49%;
        margin-bottom: 20px;
        padding: 0;
    }

    .rdc-sec .specialisms-row {
        flex-direction: row;
        margin: 0px;
        justify-content: space-between;
        padding-bottom: 0px;

    }

    /* resouress detail page css end here */
    .cta-contact-sec.solution-cta-contact-sec.sol-cus-sec {
        padding-bottom: 10vw;
    }

    .our-benifit-sec .our-benifit-row .two-cell-sm::before {

        background-size: 496px;
        right: -85px;
        width: 300px;
        height: 100%;
        z-index: 4;
        top: -9px;

        background-size: contain;
    }

    .testimonial-sec.our-employees-testimonial-sec blockquote::before {
        left: 40px;
        top: -20px;
        background-size: 40%;
    }

    .testimonial-sec.our-employees-testimonial-sec .testimonial-cara blockquote {
        font-size: 20px;
        line-height: 30px;
        padding-left: 100px;
    }

    .testimonial-sec.our-employees-testimonial-sec .testimonial-cara {

        margin-bottom: 63px;
    }

    section.latest-job-sec+footer.page__footer {
        padding-top: 0;
    }

    .latest-job-sec.software-l-j+.page__footer::before {
        top: -50px;
    }

    .latest-job-sec.software-l-j+.page__footer::after {
        right: 0px;
        top: -50px;
    }

    .h-can-we-help-sec h2.theme-heading-h2 {
        padding-bottom: 27px;
    }

    section.our-approach-sec::after {
        display: none;
    }

    .testimonial-sec.candidate-testimonial-sec::before {
        width: 124px;
        height: 124px;
        top: 82px;
        background-size: 100% 100%;
        right: 0;
    }

    .banner.inner-page-banner.job-board-banner .img-box::after {

        background-color: var(--dark);
    }

    .banner.inner-page-banner.job-board-banner.home-banner.resources-detail-banner .img-box::after {

        background-color: inherit;
    }

    .banner.inner-page-banner.job-board-banner.home-banner.resources-detail-banner .banner-img-box {
        position: absolute;
        width: 50%;
        height: 100%;
        right: 0;
    }

    .job-detail-discription .list-view-job-detail ul li {
        font-size: 16px;
        line-height: 26px;
        padding-left: 22px;
      }
      section.job-detail-discription .job-apply-read-bts {
        margin-top: 40px;
        margin-bottom: 40px;
      }
    .job-detail-discription .list-view-job-detail ul li::before {
        width: 11.07px;
        height: 11.92px;
        top: 5px;
        left: 0px;

    }
    .share-list-cell h6 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
     
      }
    .banner.inner-page-banner.job-board-banner.home-banner.resources-detail-banner {
        min-height: 564px;

    }

    .rdc-sec .specialisms-row .specialisms-cell h4 {
        font-size: 26px;
        line-height: 36px;
    }

    .job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-sm .img-box {
        height: 180px;
      }
      .job-detail-discription {
     
        padding: 70px 0px 62px;
      }
.h-can-we-help-sec .two-cell-row .two-cell-lg p:last-child {
    padding-bottom: 0px;
}
.candidate-our-job-list.candidate1-cell-section {
    margin-top: 50px;
}
    /*home page css start here */
    .slide-nav a{
       font-size:19px;
    line-height: 33px;
    padding-bottom: 5px;
        
    }
    .slide-nav > li {
    padding-bottom: 10px;
    display: inline-block;
}
ul.slide-nav li ul {
  padding-top: 0px;
}
.slide-nav ul li a {
    font-size: 15px;
    line-height: 18px;

}
.address-card span {
    font-size: 16px;
    line-height: 26px;
}
.slide-nav {
      width: Calc(100% - 160px);
}
.slide-navigation-address {
    margin-right: 0;
}
.slide-nav-container-inner {
    max-width: 94%;
}
.slide-nav-container::after {

    top: 95px;
   
}
.slide-nav-container::before{
    display:none;
}
        /*home page css end here */
        
        .rm-popup .rm-container {
    width: 100%;
    max-width: 90%;
    margin: auto;
}
.rm-popup .rm-sm-cell .img-box {
    width: 259px;
    height: 239px;
}
.rm-popup .rm-sm-cell .img-box {
        width: 199px;
    height: 189px;
}
.rm-popup .modal-body .top-header h6 {
    font-size: 18px;
    line-height: 40px;
}

.rm-popup .theme-paragraph-content p {
    font-size: 20px !important;
    line-height: 35px !important;
}
.rm-popup .top-header ul li img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.rm-popup .top-header ul {
    margin-right: 12px;
}
.rm-popup .rm-sm-cell h6 {
    font-size: 20px;
    line-height: 30px;
}
  .rm-popup .inner-rm-lg-cell {
    padding-left: 42px;
} 

.rm-popup .ico13 {
    bottom: -14vh;
}
.rm-popup .ico12 {

    bottom: -87vh;
    left: -10px;

}
.rm-popup .ico11 {
    top: -123px;
}

.rm-popup .theme-heading-h5 {
    font-size: 23px;
    line-height: 33px;
}

.search-box .search-btn2 img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.search-input {
   font-size: 18px;
    width: 100px;
}
.t-v-guide-us-sec.wm-recann_sec {
    padding-top: 52px;
    padding-bottom: 54px;
}
.t-v-guide-us-sec.wm-recann_sec .who-makes-recann-row .img-box {
    width: 92%;

}
.t-v-guide-us-sec.wm-recann_sec + .location-sec::before {
    top: -354px;
}
.testimonial-sec.candidate-testimonial-sec h2 {
    max-width: 330px;
}
.meet-the-team-sec .profile-discription-box .icon-content img {
    object-fit: contain;
    width: 16px;
}
div#target8 {
    display:block;
}
.promise-setion-client{
    padding-top:30px;
    padding-bottom:60px;
}
.promise-setion-client::after{
    display:none;
}
.promise-setion-client .computer-language-list-row li {
    margin-bottom:20px;
}
.where-inner-top .theme-heading-h2 {
    font-size: 30px;
    line-height: 38px;
}
.promise-setion-client .hightlight-heading-sm {
        font-size:18px;
    }
        /** terms page css start **/
.terms-content h6 {
	font-size:18px;
}
.inner-w-can-recann-sec .w-can-recann-row.three-cell-row .three-cell-sm p{
        font-size:18px!important;
        line-height:32px!important;
    }
}



@media (min-width:320px) and (max-width: 767px) {
    .slide-nav ul li:not(:last-child) {
    padding-bottom: 5px;
}
    .cta-contact-sec.solution-cta-contact-sec.sol-cus-sec {
        padding-bottom: 10vw;
    }

    /* solution page responsive  css start here  */
    .cust-container-md2,
    .cust-container-md3 {
        margin: 0 auto;
        max-width: 100%;
        width: Calc(100% - 50px);
    }

    .banner.solution-banner .inner-banner {
        position: relative;
        z-index: 5;
        padding-top: 300px;
    }

    .banner.solution-banner .banner-content-cell {
        padding-top: 16px;
    }

    section.banner.solution-banner.home-banner {
        background: #000;
        padding-bottom: 112px;
    }

    .parmanent-tempoary-sec .parmanent-cell {
        margin-bottom: 275px;
    }

    .parmanent-tempoary-sec .parmanent-cell::before {

        top: 300px;
        left: 0;
        height: 217px;
        width: 88px;
        display: none;
    }

    .parmanent-tempoary-sec .tempoary-cell::before {
        height: 217px;
        width: 88px;
        right: 0;
        top: 0;

    }

    .solution-feature::before {
        left: -90px;
        height: 267px;
        width: 137px;
        background-size: 100%;
        top: 210px;
    }

    .solution-feature::after {
        bottom: 373px;
        top: inherit;
        width: 165px;
        height: 326px;
        background-size: 100%;
        left: -10vw;
        display: none;

    }

    .solution-feature-content>div:not(:last-child) {
        margin-bottom: 74px;
    }

    .solution-location-sec .cust-container-sm {
        max-width: 1290px;
    }

    .solution-location-sec {
        padding-top: 55px;
    }

    .banner.solution-banner .inner-banner {
        position: relative;
        z-index: 5;
        padding-top: 165px;
        padding-bottom: 0px;
    }

    .solution-img-cell .inner-solution-img-cell::after {
        width: 100%;
        min-height: 251px;
        z-index: 4;
        bottom: 101px;
        right: 40px;
        margin: auto;
        background-position: left;
        max-width: 50%;
        transform: translate3d(0, -20px, 0);
        background-size: cover;
        display: none;
    }

    .solution-feature-content {

        position: relative;
        z-index: 9;
    }

    .solution-cta-contact-sec .cta-contact-inner {
        position: relative;
        min-height: 500px;
    }

    .theme-heading-h2 {
        font-size: 28px;
        line-height: 48px;
        font-weight: 700;
        letter-spacing: var(--h5-lspacing);
    }

    .banner-content-cell .inner-banner-content-cell .right-content-cell p,
    .parmanent-tempoary-sec p,
    .solution-feature p {
        font-size: 20px;
        line-height: 32px;
        letter-spacing: 0.011em;
    }

    .parmanent-tempoary-sec .inner-parmanent-tempoary-sec {
        padding: 64px 0px 30px;
        position: relative;
    }

    .parmanent-tempoary-sec .parmanent-cell {
        margin-bottom: 25px;
    }

    .solution-feature .inner-solution-feature {
    padding: 55px 0 55px;
    position: relative;
    z-index: 21;    
    }

    .cta-contact-sec.solution-cta-contact-sec .two-cell-sm {
        width: 100%;
    }

    .solution-banner .banner-content {
        padding: 0 0;
    }

    .parmanent-tempoary-sec {
        margin-top: -18px;
        background-color: #fff;
        position: relative;
        z-index: 9;
    }

    .banner-content-cell .inner-banner-content-cell .right-content-cell {

        padding-top: 7px;
    }

    .solution-feature .theme-heading-h2 {
        color: var(--white);
        margin-bottom: 14px;
    }

    .banner-content-cell .inner-banner-content-cell .left-content-cell,
    .banner-content-cell .inner-banner-content-cell .right-content-cell,
    .parmanent-row .parmanent-left-content,
    .tempoary-row .tempoary-left-content,
    .parmanent-row .parmanent-right-content,
    .tempoary-row .tempoary-right-content {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .solution-banner .banner-content-cell .inner-banner-content-cell .left-content-cell,
    .parmanent-row .parmanent-left-content,
    .tempoary-row .tempoary-left-content {
        margin-bottom: 20px;
    }

    /* solution page responsive  css end here  */



    /* career page responsive css start here  */

    .career-path-cell::after {
        content: '';
        position: absolute;
        width: 90%;
        height: 100%;
        display: block;
        bottom: -24vh;
        left: 0;
        right: 0;
        z-index: 3;
        background-repeat: no-repeat;
        background-size: contain;
        margin: auto;
        max-width: 1430px;
    }

    .our-benifit-sec .our-benifit-row .two-cell-sm {
        width: 100%;
        padding-top: 20px;
        position: relative;
    }

    .our-benifit-sec .two-cell-row .two-cell-lg {
        width: 48%;
    }

    .testimonial-sec.our-employees-testimonial-sec::before {
        width: 314px;
        height: 354px;
        top: 264px;
        background-size: cover;
        right: -196px;
        -webkit-animation: fallingx 20s 0s infinite;
        animation: fallingx 20s 0s infinite;
        transition: all 200ms ease-in;
        transform: translate3d(0, -20px, 0);
        z-index: 0;
    }

    .our-offer-sec .two-cell-row .two-cell-sm {
        width: 100%;
    }

    .our-offer-sec .two-cell-row .two-cell-lg {
        width: 100%;
        padding-top: 60px;
    }

    .career-banner .banner-content-cell {
        padding-top: 30px;
    }

    .banner.career-banner .inner-banner {
        padding-top: 165px;
        padding-bottom: 70px;
    }

    .career-banner {
        position: relative;
        align-items: inherit;
        padding-bottom: 0;
    }

    .career-path-sec .path-img-box {
        height: 428px;
    }

    .career-path-sec .banner-content-cell .inner-banner-content-cell .right-content-cell p {
        line-height: 40px;
        color: var(--white);
        margin-bottom: 0;
    }

    .our-benifit-sec::after {
        position: absolute;
        content: "";
        background: var(--dark);
        height: 57px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        z-index: -1;
    }

    .testimonial-sec.our-employees-testimonial-sec {
        background-color: var(--dark);
        padding-top: 68px;
        padding-bottom: 50px;
    }

    .our-benifit-sec .our-benifit-list .our-benifit-list-item {
        background-color: var(--darkgrey);
        color: var(--white);
        padding: 25px 15px 25px 39.1px;
    }

    .our-benifit-sec .our-benifit-list .our-benifit-list-item span {
        font-size: 20px;
        line-height: 40px;
        position: relative;
    }

    .our-benifit-sec .our-benifit-row p {
        font-size: 20px;
        line-height: 40px;
        font-family: 'Bierstadt';
        padding-top: 0;
        padding-bottom: 40px;
    }

    .our-benifit-sec .img-box {
        height: 278px;
    }

    .testimonial-sec.our-employees-testimonial-sec .two-cell-row .two-cell-lg {
        width: 100%;
    }

    .testimonial-sec.our-employees-testimonial-sec .two-cell-row .two-cell-sm {
        width: 100%;
    }

    .our-benifit-sec .two-cell-row .two-cell-lg,
    .career-path-sec .banner-content-cell .inner-banner-content-cell .left-content-cell,
    .banner.career-banner .banner-content-cell .inner-banner-content-cell .left-content-cell,
    .banner.career-banner .banner-content-cell .inner-banner-content-cell .right-content-cell {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .banner.career-banner .banner-content-cell .inner-banner-content-cell .right-content-cell p:not(:last-child) {
        margin-bottom: 10px;
    }

    .banner.career-banner .banner-content-cell .inner-banner-content-cell .right-content-cell .theme-btn {
        margin-top: 0px;
        position: relative;
        top: 20px;
    }

    .our-benifit-sec .our-benifit-row .two-cell-sm::before {

        display: none;
    }

    .testimonial-sec.our-employees-testimonial-sec .testimonial-cara {
        width: 100%;
        max-width: 1290px;
        margin-left: 0px;
        margin-bottom: 40px;
    }

    .testimonial-sec.our-employees-testimonial-sec blockquote::before {
        width: 28px;
        height: 29px;
        background-size: 100%;

    }

    .testimonial-sec.our-employees-testimonial-sec .testimonial-cara blockquote {
        font-size: 16px;
        line-height: 26px;
        padding-left: 27px;
    }

    .testimonial-sec.our-employees-testimonial-sec .item * {
        color: var(--white);
        padding-left: 27px;
    }

    .testimonial-image-gallery-row .two-cell-sm .img-box:not(:last-child) {
        margin-bottom: 0;
    }

    .testimonial-image-gallery-row .two-cell-sm .img-box {
        height: 227px;
    }

    .testimonial-image-gallery-row .two-cell-lg .img-box {
        height: 375px;
    }

    .our-offer-sec .custom-file .custom-file-label {

        margin: 0 0px;
    }

    /* career page responsive css end here  */


    /* software page responsive css start here */

    section.latest-job-sec::before {


        background-size: auto;
        background-size: 100%;
        left: -20vw;
        width: 496px;
        height: 559px;
        z-index: 0;
        top: 2vw;
        transform: translate3d(0, -20px, 0);

    }

    .banner.software-banner .inner-banner {
        position: relative;
        z-index: 5;
        padding-top: 165px;
    }

    .h-can-we-help-sec .two-cell-row .two-cell-sm {
        width: 100%;
    }

    .h-can-we-help-sec .two-cell-sm .img-box {
        height: 100vw;
    }

    .h-can-we-help-row {
        padding-right: 0;
    }

    .latest-job-sec .two-cell-row .two-cell-lg {
        width: 50%;
    }

    .latest-job-sec.software-l-j::before {
        left: -43vw;
        display: none;
    }

    section.latest-job-sec .cust-container-md2 {
        max-width: 1070px;
        transform: translate(70px, 0px);
    }

    .latest-job-sec .two-cell-row .two-cell-lg {
        width: 54%;
    }

    .latest-job-sec.two-cell-row .two-cell-sm {
        width: 461px;
    }

    .inner-latest-job-sec .theme-heading-h2 {
        margin-bottom: 40px;
        width: 100%;
    }

    .latest-job-sec .two-cell-row .two-cell-lg .job-box {
        margin-top: 60px;
        margin-left: inherit;
    }

    .latest-job-img-bg .img-box::before {

        width: 100%;
        height: 100%;
        display: block;
        top: 0;
        left: 0;
        z-index: 3;
        background-size: cover;
        background-position: center;
    }

    .h-can-we-help-sec .two-cell-row .two-cell-lg {
        width: 100%;
        padding-top: 50px;
        position: relative;
        z-index: 9;
    }

    .banner-paragraph-content p,
    .h-can-we-help-sec .two-cell-row .two-cell-lg p {
        font-size: 20px;
        line-height: 40px;

    }

    .help-onboarding-content h2+p {
        padding-top: 36px;
        padding-bottom: 38px;
    }

    .h-can-we-help-sec {
        padding-top: 70px;
        position: relative;
        padding-bottom: 70px;
    }

    .software-banner-paragraph.banner-paragraph-content::after {

        width: 28.859vw;
        height: 32.555vw;
        bottom: 56px;
        background-size: cover;
        right: -13vw;

    }

    .banner-paragraph-content.software-banner-paragraph .inner-paragraph-content p:not(:last-child) {
        padding-bottom: 20px;
    }

    .h-can-we-help-sec .two-cell-row .two-cell-lg p:not(:last-child) {
        padding-bottom: 20px;
    }


    section.h-can-we-help-sec::after {

        content: '';
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 0;
        background-color: var(--dark);
        z-index: -1;

    }

    .latest-job-sec.software-l-j .cust-container-md2 {
        transform: inherit;
        margin: 0 auto;
        max-width: 100%;
        width: Calc(100% - 50px);
    }

  .computer-language-list-row ul li  {
        width: 100%;
        background-color: #191919;
        mix-blend-mode: normal;
        color: var(--white);
        padding: 42px 46px 42px 86px;
        position: relative;
        font-size: 20px;
        line-height: 30px;
        font-family: 'BierstadtDisplay';
    }


    .latest-job-sec.software-l-j .two-cell-lg {
        display: flex;
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap;
    }


    .latest-job-sec.software-l-j .two-cell-lg .left-content-slj {
        width: 100%;
    }

    .latest-job-sec.software-l-j .job-box {
        width: 100%;
        padding: 23px 23px 50px;
    }

    .latest-job-sec.software-l-j .job-box .theme-heading-h4 {
        font-size: 34px;
        line-height: 54px;
        font-weight: 700;
    }

    .latest-job-sec.software-l-j .two-cell-sm {
        display: flex;
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap;
    }

    .help-onboarding-content {

        padding-top: 20px;
    }

    .banner.software-banner .banner-content-cell {
        width: 100%;
        max-width: 100%;

    }

    .banner.software-banner .inner-banner {
        padding-bottom: 0;
    }

    .computer-language-list-row {
        display: block;
        padding-top: 10px;
        padding-bottom: 3px;
    }

    .computer-language-list-row .computer-language-list-two-cell:nth-child(1) {
        margin-right: 0;
    }

    .latest-job-sec.software-l-j {
        padding-bottom: 0px;
    }

    .banner.software-banner .ico3 {

        right: 5vh;

    }
    .banner.software-banner .banner-content-cell{
        padding-top: 0;  
    }
    .banner.software-banner h1{
        
    margin-bottom: 0;

    }

    .software-banner-paragraph.banner-paragraph-content .inner-paragraph-content {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .help-onboarding-content{
        padding-top: 47px;
    }

    .software-we-cover-sec {
        padding-top: 50px;
    }
  .computer-language-list-row ul li  {
        padding: 36px 40px 36px 80px;
        font-size: 18px;
        line-height: 28px;
     
    }
    .theme-heading-h4 {
        font-size: 26px;
        line-height: 36px;
    }
    section.latest-job-sec {
        padding-top: 50px;

    }
    /* software page responsive css end here */

    /* our-specialisms page responsive css start here  */

    section.banner.home-banner.our-specialisms-banner .inner-banner {

        padding-top: 165px;
    }

    .specialisms-cate-sec .specialisms-row .specialisms-cell h4 {
        font-size: 26px;
        line-height: 36px;
        height: auto !important;
    }

    .banner-content-cell .inner-banner-content-cell .right-content-cell p:not(:last-child) {
        margin-bottom: 22px;
    }

    .cta-contact-sec.specialisms-cta-sec .cta-contact-inner {
        position: relative;
        min-height: 440px;
    }

    .specialisms-cate-sec {
        background-color: var(--dark);
        position: relative;
        padding-top: 60px;
    }

    section.specialisms-cate-sec .specialisms-row {
        padding-top: 0px;
    }

    section.banner.solution-banner.home-banner.our-specialisms-banner {
        padding-bottom: 32px;
    }

    /* our-specialisms page responsive css end here  */


    /* candidate page responsive page css start here  */
    .our-job-sec::after {
        content: '';
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 36vw;
        background-color: var(--dark);
        z-index: -1;
    }

    .candidate-our-job-list {
        width: 100%;
        max-width: 100%;
        margin-top: 70px;
        position: relative;
        z-index: 1;
    }

    .our-job-sec::after {

        height: 36vw;

    }

    .banner.candidate-banner.inner-page-banner .ico1 {
        width: 25.8vw;
        height: 42.2vh;
        background-size: contain;
    }

    .banner.candidate-banner.inner-page-banner h1 {

        margin-bottom: 25px;
    }

    .banner.inner-page-banner.candidate-banner.home-banner .inner-banner {
        padding-top: 130px;
        padding-bottom: 0px;

    }

    .our-job-sec .candidate-our-job-list .two-cell-row .two-cell-sm {

        width: 65.55%;
    }

    section.our-approach-sec {

        padding-bottom: 135px;
    }

    .our-job-sec .latest-job-sec.two-cell-row .job-box {
        padding: 59px 33px 65px 43px;
    }

    .our-job-sec .two-cell-row .two-cell-lg {
        width: 723px;
    }

    .our-job-sec .two-cell-row .two-cell-sm {
        width: 606px;
    }

    .banner.candidate-banner.inner-page-banner .banner-content-cell {
        width: 100%;
        max-width: 100%;
    }

    .banner.candidate-banner.inner-page-banner .ico3 {
        z-index: 5;
        bottom: auto;
        top: 120px;
        width: 180px;
    }

    .our-job-sec {
        padding-top: 46px;
        position: relative;
        z-index: 10;
    }

    .our-job-sec .candidate-our-job-list .two-cell-row .two-cell-lg,
    .our-job-sec .candidate-our-job-list .two-cell-row .two-cell-sm {
        width: 100%;
        align-items: flex-start;

    }

    .our-job-sec .candidate-our-job-list .two-cell-row .two-cell-sm {

        padding-top: 0;
    }

    .our-job-sec .candidate-our-job-list .latest-job-sec.two-cell-row .job-box {
        margin-left: inherit;
        padding: 23px 23px 50px;
    }

    .our-job-sec .candidate-our-job-list .two-cell-row .two-cell-lg .job-box:not(:last-child) {
        margin-bottom: 26px;
    }

    section.our-approach-sec::after {

        top: -20vw;
        display: none;

    }

    /* candidate page responsive page css end here  */


    /* client page responsive css start here */
    .banner.inner-page-banner.clients-banner h1 {

        margin-bottom: 14px;
    }

    .candidate-solution-img-box .img-box {
        height: 305px;
        width: 100%;
        max-width: 100%;
        z-index: 112;
        margin: auto;
    }

    .w-w-are-diffrent-sec p {
        font-size: 30px;
        line-height: 50px;
    }

    .company-logo-row.row-cell .three-cell-sm img {
        width: 100%;
        max-width: 80%;
    }

    /* .theme-heading-h2 {
        font-size: 40px;
        line-height: 50px;

    } */

    .banner.inner-page-banner.clients-banner .ico2 {

        left: -102px;

    }

    .banner.inner-page-banner.clients-banner .banner-paragraph-content p:not(:last-child) {
        margin-bottom: 26px;
    }

    .w-w-are-diffrent-img-box {

        height: 69vw;

    }

    .w-w-are-diffrent-content {

        padding-bottom: 243px;

    }

    .company-logo-row.row-cell .three-cell-sm {
        width: 100%;
    }

    .w-w-are-diffrent-img-box {

        width: 60%;

    }

    .banner.inner-page-banner.clients-banner .ico1 {
        top: -10vw;
    }

    .w-w-are-diffrent-content {
        padding-bottom: 104px;
    }

    .our-job-sec.candidate-solution-sec .two-cell-lg h2 {
        padding-bottom: 55px;
    }

    .our-job-sec.candidate-solution-sec .two-cell-row .two-cell-sm {
        width: 100%;
    }

    .our-job-sec.candidate-solution-sec .candidate-solution-img-box {
        margin-bottom: 40px;
    }

    .our-job-sec.candidate-solution-sec {
        padding-bottom: 160px;
    }

    .our-job-sec.candidate-solution-sec .theme-btn,
    .w-w-are-diffrent-sec .theme-btn {
        letter-spacing: 0px;
    }

    .w-w-are-diffrent-sec {
        padding-bottom: 30px;
    }

    /* client page responsive css end here */
    /* why-recann page responsive css start here  */

    .banner.inner-page-banner.why-recann-banner .banner-paragraph-content {
        padding-top: 10px;
    }

    .banner.inner-page-banner.why-recann-banner h1 {
        margin-bottom: 15px;
    }

    .who-makes-recann-row p {
        line-height: 44px;
        font-size: 24px;
    }

    .w-can-recann-row.three-cell-row {

        grid-gap: 1%;
    }

    .w-can-recann-row.three-cell-row .theme-heading-h5 {
font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    height: auto !important;
    }

    .t-v-guide-us-sec .who-makes-recann-row .img-box {
        width: 98%;
        height: 280px;
        z-index: 2;
        margin-bottom: 80px;
    }

    .banner.inner-page-banner.why-recann-banner {
        padding-bottom: calc(6vh);
    }

    .w-can-recann-sec {
        padding-top: 70px;
        padding-bottom: 200px;
        position: relative;
    }

    .w-can-recann-sec .ico4 {
        top: -31px;
        width: 170px;
        height: 80px;
    }

    .w-can-recann-sec .inner-w-can-recann-sec h2 {
        padding-bottom: 30px;

    }

    .t-v-guide-us-sec .guide-inner-cell {
        background: var(--darkgrey);
        padding: 29px 18px 30px 25px;
    }

    .t-v-guide-us-sec .t-v-guide-us-row .theme-heading-h5.sameHeight3 {
        font-size: 28px;
        line-height: 50px;
    }

    .who-makes-recann-row.two-cell-row {
        padding-top: 58px;
    }

    .w-can-recann-row.three-cell-row .three-cell-sm {
    padding-left: 15px;
    padding-right: 12px;
    margin-bottom: 50px;
    }

    .t-v-guide-us-row .guide-cell {
        width: 100%;
    }

    .who-makes-recann-cell.two-cell-lg {
        width: 100%;
        margin-bottom: 70px;
    }

    .who-makes-recann-cell.two-cell-sm {
        width: 100%;
    }

    .w-can-recann-row.three-cell-row {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 8%;
    }

    .banner.inner-page-banner.why-recann-banner.home-banner .banner-content-cell .banner-paragraph-content {
        width: 100%;
    }

    .banner.candidate-banner.inner-page-banner .banner-content-cell p {
        font-size: 20px;
        line-height: 34px;
    }

    .banner.candidate-banner.inner-page-banner .banner-paragraph-content p:not(:last-child) {
        margin-bottom: 26px;
    }

    .who-makes-recann-cell.two-cell-sm {
        padding-top: 0;
    }

    .who-makes-recann-row.two-cell-row {
        flex-direction: column-reverse;
    }

    .who-makes-recann-row.two-cell-row::before {
        display: none;
    }

    /* why-recann page responsive css end here  */


    /* job board page responsive css start here  */
    .job-board-category-sec .latest-job-sec.two-cell-row .job-box {
        width: 100%;
        max-width: 100%;
        background-color: var(--darkgrey);
        padding: 25px 15px 55px 15px;
    }

    .job-board-category-sec .latest-job-sec.two-cell-row .job-box .theme-heading-h4 {
        font-size: 26px;
        line-height: 36px;
        font-weight: 700;
        width: 90%;
    }

    .job-board-category-sec .cust-container-md3 {
        max-width: 90%;
    }

    .job-board-category-sec .latest-job-sec.two-cell-row .job-box {
        margin-bottom: 34px;
    }

    .banner.inner-page-banner.job-board-banner .inner-banner {
        padding-bottom: 30px;
    }

    .banner.inner-page-banner.job-board-banner form .cust-form-group {
        width: 100%;
        max-width: 100%;
        margin-right: 19px;
        margin-bottom: 20px;
    }

    .banner.inner-page-banner.job-board-banner form {
        flex-direction: column;
    }

    .banner.inner-page-banner.job-board-banner form .cust-form-submit {
        margin-top: 30px;
    }

    /* job board page responsive css end here  */

    /* job-detail page responsive css start here  */

    .job-detail-discription .two-cell-row .two-cell-lg {
        width: 100%;
        padding-top: 0px;
    }

    .job-detail-discription .two-cell-row .two-cell-sm {
        width: 37%;
    }

    .banner.job-detail-banner .ico3 {
        width: 43.4vw;
        height: 43vh;

        top: 23vh;
        right: -10vw;

    }

    .job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-sm {
        width: 153px;
        margin-right: 20px;
    }

    .job-detail-discription .cust-container-sm {
        max-width: 1290px;
        padding: 0 0;
    }

    .similar-jobs-sec .cust-container-sm {
        padding: 0px;
        max-width: 1234px;
        width: Calc(100% - 0px);
    }

    .similar-jobs-sec .cust-container-md3 {
        max-width: 1234px;
        position: relative;
        z-index: 91;
        width: Calc(100% - 50px);
    }

    .similar-jobs-sec .latest-job-sec.two-cell-row .job-box {
        width: 100%;
        max-width: 49.33%;
        background-color: var(--darkgrey);
        padding: 59px 30px 65px 30px;
    }

    .job-detail-banner .theme-heading-h1 {
        font-size: 61px;
        line-height: 70px;
    }

    .banner.job-detail-banner .banner-content-cell li span {
        font-size: 30px;
        line-height: 50px;
    }

    .job-detail-discription .cust-container-sm {
        width: Calc(100% - 0px);
    }

    .similar-jobs-sec .theme-heading-h4 {
        font-size: 28px;
        line-height: 40px;
        font-weight: 700;
    }

    .similar-jobs-sec .latest-job-sec.two-cell-row .job-box .theme-btn {
        padding: 17px 15px;
    }

    .job-detail-discription-row.two-cell-row {
        flex-direction: column-reverse;
    }

    .job-detail-discription .two-cell-row .two-cell-sm {
        width: 60%;
        padding-bottom: 20px;
    }

    .job-detail-discription .theme-para-content p:not(:last-child) {
        margin-bottom: 30px;
        line-height: 34px;
    }

    .similar-jobs-sec .latest-job-sec.two-cell-row .job-box {
        margin-bottom: 33px;
    }

    /* job-detail page responsive css end here  */

    /* job-detail page responsive css start here  */

    .job-detail-discription .two-cell-row .two-cell-lg {
        width: 100%;
        padding-top: 0px;
    }

    .job-detail-discription .two-cell-row .two-cell-sm {
        width: 37%;
    }

    .banner.job-detail-banner .ico3 {
        width: 43.4vw;
        height: 43vh;

        top: 23vh;
        right: -10vw;

    }

    .job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-sm {
        width: 153px;
        margin-right: 20px;
    }

    .job-detail-discription .cust-container-sm {
        max-width: 1290px;
        padding: 0 0;
    }

    .similar-jobs-sec .cust-container-sm {
        padding: 0px;
        max-width: 1234px;
        width: Calc(100% - 0px);
    }

    .similar-jobs-sec .cust-container-md3 {
        max-width: 1234px;
        position: relative;
        z-index: 91;
        width: Calc(100% - 50px);
    }

    .similar-jobs-sec .latest-job-sec.two-cell-row .job-box {
        width: 100%;
        max-width: 100%;
        background-color: var(--darkgrey);
        padding: 39px 30px 65px 30px;
    }

    .job-detail-banner .theme-heading-h1 {
        font-size: 61px;
        line-height: 70px;
    }

    .banner.job-detail-banner .banner-content-cell li span {
        font-size: 20px;
        line-height: 30px;
    }

    .job-detail-discription .cust-container-sm {
        width: Calc(100% - 0px);
    }

    .similar-jobs-sec .theme-heading-h4 {
        font-size: 28px;
        line-height: 40px;
        font-weight: 700;
    }

    .similar-jobs-sec .latest-job-sec.two-cell-row .job-box .theme-btn {
        padding: 17px 15px;
    }

    .job-detail-discription-row.two-cell-row {
        flex-direction: column-reverse;
    }

    .job-detail-discription .two-cell-row .two-cell-sm {
        width: 60%;
        padding-bottom: 20px;
    }

    .job-detail-discription .theme-para-content p:not(:last-child) {
        margin-bottom: 30px;
        line-height: 34px;
    }

    .similar-jobs-sec .latest-job-sec.two-cell-row .job-box {
        margin-bottom: 33px;
    }

    section.banner.job-detail-banner.home-banner {
        min-height: 100%;
        padding-bottom: 70px;
    }

    section.banner.job-detail-banner.home-banner .theme-btn,
    input.theme-btn {
        padding: 13px 25px;
    }

    .job-detail-banner .theme-heading-h1 {
        font-size: 32px;
        line-height: 42px;
        width: 80%;
    }

    .job-detail-discription .theme-para-content p {
        font-size: 20px;
        line-height: 30px;
    }

    .job-detail-discription .list-view-job-detail ul li {
        font-size: 16px;
        line-height: 26px;
        padding-left: 30px;
      }


      .job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-sm .img-box {
        height: 190px;
      }
    .job-detail-discription .list-view-job-detail ul li::before {

        top: 6px;
        width: 11.07px;

    }
    .job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-lg .consltant-name {
        line-height: 40px;
      }

    /* job-detail page responsive css end here  */

    /* contact us page css start here  */
    .location-sec.contact-us-sec.banner .banner-content-container h1 {
        padding-bottom: 18px;
    }

    .location-sec.contact-us-sec.banner .address-card {
        width: 100%;
        height: auto;
    }

    .location-sec.contact-us-sec.banner .location-address {
        display: flex;
        justify-content: flex-start;
        width: 571px;
    }

    .location-sec.contact-us-sec.banner {
        padding: 184px 0 60px;
        background-size: 1534px;
    }

    .location-sec.contact-us-sec.banner .two-cell-row .two-cell-lg {
        width: 770px;
    }

    .location-sec.contact-us-sec.banner hr {
        width: 100%;
        opacity: 1;
        margin: 0px 0px 60px;
    }

    .location-sec.contact-us-sec.banner .cust-form label {
        font-size: 20px;
        line-height: 30px;
      }
    .location-sec.contact-us-sec.banner .location-content {
        max-width: 100%;
    }

    /* contact us page css end here */

    /* resoures landing page css start  here  */
    .banner.inner-page-banner.resources-landing-banner .banner-paragraph-content p:not(:last-child) {
        margin-bottom: 20px;
        font-size: 22px;
        line-height: 44px;
    }

    .banner.inner-page-banner.resources-landing-banner h1 {

        margin-bottom: 14px;
    }

    .banner.inner-page-banner.resources-landing-banner .banner-paragraph-content {
        width: 100%;
        max-width: 761px;
        padding-bottom: 40px;
    }

    .job-board-category-sec.resources-detail-sec .specialisms-content p {
        margin-bottom: 32px;
    }

    .job-board-category-sec.resources-detail-sec .specialisms-row .specialisms-cell h4 {
        margin-bottom: 0;
        max-width: 100%;
        font-size: 26px;
        line-height: 36px;
    }


    .job-board-category-sec.resources-detail-sec .specialisms-cell {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 55px;
    }

    .solution-cta-contact-sec .cta-contact-inner {
        position: relative;
        min-height: 470px;
    }

    .job-board-category-sec.resources-detail-sec .specialisms-row .specialisms-cell {
        width: 100%;
    }

    .job-board-category-sec.resources-detail-sec .cust-container-md3 {
        max-width: 100%;
        width: 100%;
    }

    .job-board-category-sec.resources-detail-sec .resources-content {
        padding: 20px 30px 59px 30px;
    }

    .banner.inner-page-banner.resources-landing-banner .inner-banner {
        width: 100%;
        max-width: 100%;
        padding-top: 147px;
    }

    .job-board-category-sec.resources-detail-sec .specialisms-row {
        padding-top: 0px;
    }

    /* resoures landing page css end here  */


    /* resouress detail page css start here */
    .banner.inner-page-banner.resources-detail-banner .job-apply-read-bts {
        margin-top: 58px;
        display: flex;
        flex-direction: column;
    }

    .theme-heading-h2 {
        font-size: 26px;
        line-height: 36px;
    }

    .rdc-sec p {
        padding-bottom: 30px;
        font-size: 20px;
        line-height: 30px;
    }

    .rdc-sec .two-cell-row .two-cell-sm {
        width: 40%;
    }

    .rdc-sec .job-apply-read-bts {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .rdc-sec {
        padding-bottom: 66px;
    }

    .rdc-sec .hightlight-heading-sm {

        padding-left: 20px;
    }

    .banner.inner-page-banner.resources-detail-banner .banner-content {
        width: 100%;
    }

    .banner.inner-page-banner.resources-detail-banner ul li:not(:last-child) {
        margin-right: 30px;
    }

    .rdc-sec::before {
        display: none;
    }

    .rdc-sec .hightlight-heading-sm {
        padding-left: 0;
    }

    .rdc-sec .two-cell-row .two-cell-sm {
        width: 100%;
        padding-top: 60px;
    }

    .rdc-sec .specialisms-row .specialisms-cell {
        width: 100%;
        margin-bottom: 20px;
        padding: 0;
    }

    .rdc-sec .specialisms-row {
        flex-direction: row;
        margin: 0px;
        justify-content: space-between;

    }

    .banner.inner-page-banner.resources-detail-banner ul {
        display: flex;
        flex-direction: column;
    }

    .banner.inner-page-banner.resources-detail-banner .job-apply-read-bts a:not(:last-child) {
        margin-right: 4px;
        margin-bottom: 19px;

    }

    .banner.inner-page-banner.resources-detail-banner .job-apply-read-bts a {
        text-align: center;
    }

    .rdc-sec .specialisms-row {
        padding-top: 0px;
        padding-bottom: 0;
    }

    .rdc-sec .specialisms-row .specialisms-cell h4 {
        font-size: 26px;
        line-height: 36px;
    }
    .banner.inner-page-banner.resources-detail-banner .inner-banner{
        padding-top: 140px;
    }
    /* resouress detail page css end here */

    .h-can-we-help-sec .two-cell-sm::before {
        display: none;
    }

    section.latest-job-sec+footer.page__footer {
        padding-top: 60px;
    }

    .theme-heading-h2 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .our-approach-sec .paragraph-content p {
        font-size: 20px;
        line-height: 35px;
        font-weight: 400;
    }

    .our-approach-sec .paragraph-content p:not(:last-child) {
        margin-bottom: 26px;
    }

    .our-approach-sec h2 {

        padding-bottom: 0;
    }

    .location-sec {
        background-position: center 80px;
        background-size: 1200px;
    }

    .location-sec .address-card {
        width: 100%;
    }

    .banner.inner-page-banner.job-board-banner .img-box::after {
        opacity: 0.8;
        background-color: var(--dark);
    }

    .location-sec.contact-us-sec.banner .address-card {
        width: 100%;
        height: auto;
    }

    .banner.inner-page-banner.resources-landing-banner .banner-paragraph-content::after {
        display: none;
    }

    section.banner.solution-banner.home-banner h1 {
        text-align: left;
    }

    .rdc-sec .job-apply-read-bts {
        margin-top: 10px;
        margin-bottom: 30px;
        display: flex;
        flex-wrap: wrap;
    }

    .rdc-sec .job-apply-read-bts .theme-btn:not(:last-child) {

        margin-bottom: 19px;
        margin-right: 0px;
    }

    .rdc-sec .job-apply-read-bts .theme-btn {
        width: 100%;
        text-align: center;
    }


    .parmanent-tempoary-sec .theme-heading-h2 {
        margin-bottom: 0px
    }

    .parmanent-tempoary-sec .inner-parmanent-tempoary-sec>.cust-container-md {
        padding: 0px;
    }

    .parmanent-tempoary-sec .inner-parmanent-tempoary-sec p {
        margin-bottom: 15px;
    }

    .solution-img-cell {
        position: absolute;
        top: 0;
        right: -237px;
    }

    .search-box .search-btn2:hover {
        background-color: #000;
        border-radius: 0;
    }

    .search-box:hover>.search-input {
        width: calc(100% - 90px);
        padding: 0 7px;
        position: fixed;
        left: 020px;
        background-color: #fff;
    }

    .search-box .search-btn2 {
    position: absolute;
    right: 0px;
    top: -19px;
    }

    .search-box .search-input {
        color: #000;
        position: absolute;
        top: 60px;
    }

    .our-benifit-sec {
        padding-top: 70px;
        position: relative;
    }

    .testimonial-sec.our-employees-testimonial-sec h2 {

        margin-bottom: 15px;
    }

    .our-offer-sec {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .our-offer-sec::before {
        display: none;
    }

    .page__footer .copyright-sec.copyright-sec-pb {
        padding-bottom: 100px;
    }

    .banner.software-banner .ico3 {
        display: none;
    }

    .software-we-cover-sec::after {
        display: none;
    }

    .software-we-cover-sec,
    section.latest-job-sec {

        padding-top: 70px;

    }

    .help-onboarding-sec {
        padding-bottom: 70px;
    }

    .h-can-we-help-sec h2.theme-heading-h2 {
        padding-bottom: 20px;
    }

    .search-box ::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #000;
        opacity: 1;
        /* Firefox */
    }

    .search-box :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #000;
    }

    .search-box ::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #000;
    }

    section.banner.home-banner.our-specialisms-banner .ico3 {
        display: none;
    }

    .specialisms-cate-sec .specialisms-inner {
        height: auto !important;
    }

    section.specialisms-cate-sec .specialisms-row {
        flex-wrap: wrap;
        padding-bottom: 30px;
    }

    .candidate-banner {
        padding-bottom: calc(8vh);
    }

    .latest-job-sec.two-cell-row .job-box {
        margin-bottom: 26px;
    }

    .theme-heading-h4 {
        font-size: 26px;
        line-height: 36px;
        font-weight: 700;
    }

    section.our-approach-sec {
        padding-top: 50px;
        padding-bottom: 90px;
    }

    .testimonial-sec.candidate-testimonial-sec {
        padding-bottom: 70px;
        padding-top: 60px;
    }

    .w-w-are-diffrent-sec {
        padding-top: 0;
    }

    .w-w-are-diffrent-sec h2 {
        padding-bottom: 10px;
    }

    .w-w-are-diffrent-content .paragraph-content p:not(:last-child) {
        padding-bottom: 30px;
    }

    .t-v-guide-us-sec {
        padding-top: 70px;
    }

    .t-v-guide-us-sec::after {
        display: none;
    }

    .job-board-category-sec {
        padding-bottom: 70px;
        padding-top: 60px;
    }

    .banner.job-detail-banner .ico3 {
        display: none;
    }

    .banner.inner-page-banner.resources-landing-banner {

        padding-bottom: 40px;
    }
    .banner.inner-page-banner.job-board-banner form .cust-form-submit .theme-btn {
        line-height: 38px;
      }
    .job-board-category-sec.resources-detail-sec {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .banner.inner-page-banner.resources-detail-banner {
        min-height: 100%;
        padding-bottom: 50px;
    }

    .rdc-sec {
        padding-top: 50px;
      }

    .rdc-sec .theme-heading-h2 {
        padding-bottom: 0px;
    }

  .computer-language-list-row ul li ::before {
        position: absolute;
        content: "";
        background: #00ffff;
        left: 50px;
        width: 5px;
        height: calc(100% - 90px);
        transform: translateY(-50%);
        top: 50%;
    }

    .page__header {
        padding: 20px 0 19px;
        z-index: 9999;
    }

    .specialisms-content.sameHeight4 {
        margin-bottom: 50px;
        height: auto !important;
    }

    .career-path-container {
        position: relative;
        top: -120px;
    }

    .red-step-row {
        position: relative;
        /***bottom: -222px;**/
        bottom: -125px;
        display: flex;
        flex-direction: column-reverse;
    }

    .cus-sm-step h5,
    .step-last h5 {
        visibility: visible;
        opacity: .50;
    }

    .text-visible h5,
    .prev-text-show .step-text h5 {
        visibility: visible;
        transition: ease-in-out .05ms;
        opacity: 1;
        width: 70%;
    }

    .yellow-step-row .prev-text-show.circle-plus::before {
        opacity: 1 !important;
    }

    .yellow-step-row .prev-text-show::before,
    .red-step-row .prev-text-show::before {
        opacity: 1 !important;
    }

    .yellow-step-row {
        position: relative;
        bottom: 693px;
        display: flex;
        flex-direction: column-reverse;
    }

    .carerr-step {
        position: inherit !important;
        left: 0 !important;
        top: 0 !important;
        z-index: 9999 !important;
        bottom: inherit !important;
    }

    .career-path-cell {
        position: relative;
        z-index: 999;
        margin-top: 0px;
    }

    .carerr-step.step-1 {
        position: absolute;
        left: 65px;
        top: 0;
        z-index: 9999;
        bottom: inherit;
    }

    .step-1-text {
        top: 0;
        left: 79px;
        width: 100%;
    }

    .circle-plus .circle .horizontal {
top: 41px;
left: 15px;
transform: scale(0.8);

    }

    .circle-plus .circle .vertical {
        transform: scale(0.8);
    }

    .carerr-step.step-2.up-step {
        bottom: inherit;
        left: 63px;
        top: 150px;
        z-index: 1;
    }

    .carerr-step.yellow-step-plus h5 {
        position: absolute;
        left: 100px;
        top: 14px;
    }

    #target0 .prev-text-show::before {
        content: '';
        width: 2px;
        height: 153px;
        display: block;
        position: absolute;
        background-color: #FBEE20;
        left: 42px;
        top: -90px;
        transform: skew(-180deg, 30deg);
    }

    .step-3.up-step.yellow-step-plus {
        position: absolute;
        left: 63px;
        bottom: inherit;
        top: 300px;
    }

    .career-path-cell .inner-career-path-cell::after {
        display: none;
    }

    .yellow-step-row .prev-text-show::before {
        content: '';
        width: 2px;
        height: 153px;
        display: block;
        position: absolute;
        background-color: #FBEE20;
        left: 42px !important;
        top: -33px !important;
        transform: skew(-180deg, 30deg) !important;
        height: 70px !important;
    }

    .carerr-step.up-step h5 {
        position: absolute !important;
        left: 90px !important;
        top: 50% !important;
        font-size: 14px;
        width: 80% !important;
        line-height: 24px !important;
        transform: translateY(-50%);
        letter-spacing: 1px;

    }

    .carerr-step.step-2 h5,
    .red-step-plus h5 {
        font-size: 14px !important;
        line-height: 33px !important;
        left: 0px !important;
        width: 100%;
        top: 37px;
        letter-spacing: 1px;
    }

    .carerr-step.step-4.up-step {
        position: absolute;
        bottom: inherit;
        left: 63px;
        top: 450px;
    }


    .carerr-step.step-1.cus-lg-step {
        position: absolute !important;
        bottom: 0 !important;
        top: 550px !important;
    }

    .cus-lg-step h5 {
        font-size: 16px;
        line-height: 28px;
        /* width: 69%; */
        letter-spacing: 1px;
    }

    /**.career-path-cell {
        padding-top: 156px;
    }**/
    .career-path-cell {
        padding-top: 270px;
    }

    .career-path-sec .banner-content-cell {
     position: relative;
z-index: 5;
padding-bottom: 0px;
margin-bottom: 90px;
    }

    #target9 {
        /* position: relative !important;
    top: -267vw !important; */
        position: relative !important;
        top: -1210px !important;
    }

    .carerr-step.step-5.up-step {
        right: inherit;
        bottom: inherit;
        left: 63px;
        top: 600px;
    }

    .carerr-step.step-1.cus-lg-step .step-text.step-1-text {
        top: 30px !important;
        left: 90px !important;
    }

    #target9 .prev-text-show::before,
    #target9 .prev-text-show::after {
        display: none;
    }

    .yellow-step-row .carerr-step.up-step h5 {
        left: 76px !important;
    }

    .yellow-step-row .circle-plus::before {
        content: '';
        width: 2px;
        height: 102px;
        display: block;
        position: absolute;
        background-color: #FBEE20;
        left: 42px;
        top: -72px;
        transform: skew(-180deg, 30deg);
        opacity: .30 !important;
    }

    .red-step-row .circle-plus::before {
   
        height: 11px;

        transform: skew(360deg, 30deg) !important;
        left: 42px !important;
        top: -77px !important;
height: 106px !important;
    }

    .step-last-text {
        bottom: 20px;
        position: absolute;
        width: 100%;
        right: 0;
        left: 79px;
    }

    .carerr-step.step-1.cus-lg-step .circle-plus::before {
        content: '';
        width: 2px;
        height: 11px;
        display: block;
        position: absolute;
        background-color: #e71755;
        transform: skew(360deg, 30deg) !important;
        left: 42px !important;
        top: -69px !important;
        height: 102px !important;
        opacity: .30;
    }

    .circle-plus.prev-text-show {
        width: 100%;
    }

    .step-last-text h5 {
        width: 70%;
    }

    .career-banner.home-banner h1{
        padding-right: 15px;
    }


    .testimonial-sec.our-employees-testimonial-sec .item cite {
        font-size: 18px;
        line-height: 28px;

      }

      .job-detail-discription {
        padding: 40px 0px 70px;
      }

      .banner.inner-page-banner.resources-landing-banner form input {

        font-size: 16px;
        line-height: 36px;
      }
      
      #applyNow .heading {
  font-size: 30px;
  line-height: 40px;
}
.cust-form-cell {
  width: 100%;

}
.cust-form-row{
    margin:auto;
}
.cust-modal .modal-inner {

  padding: 20px;
}

.cust-modal button.close {
  top: 20px;
  right: 20px;
  
}

.computer-language-list-row ul {
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
}

.our-job-sec .two-cell-row .two-cell-lg.our-jobs-view-container .job-box:nth-child(2) {
  top: 0;

}
    .our-job-sec .candidate-our-job-list .two-cell-row  .two-cell-lg.our-jobs-view-container 
    {
      display: block;
    }
    .our-job-sec .two-cell-row .two-cell-lg.our-jobs-view-container .job-box {
  margin-right: 0%;
}

.our-job-sec .candidate-our-job-list .two-cell-row .two-cell-lg.our-jobs-view-container .job-box {
  width:100%;
}
.job-board-category-sec.resources-detail-sec .inner-candidate-our-job-list {
  margin-bottom: -45px;
}

    #target0 .circle-plus::before{

      
      
        height: 99px;
     
        left: 42px;
      top: -58px;;
        transform: skew(-180deg, 30deg);
 
    }
    #target2 .circle-plus::before {

  left: 43px;
  top: -49px;
  transform: skew(-180deg, 30deg);
 
}
#target3 .circle-plus::before {
height: 134px;
left: 43px;
top: -65px;
transform: skew(-180deg, 30deg);

}
#target1 .circle-plus::before {

  height: 103px;

  left: 42px;
  top: -36px;
  transform: skew(-180deg, 30deg);

}
#target9 .circle-plus::before , #target9 .circle-plus::after {
display:none;
}
    .latest-job-sec.software-l-j .two-cell-sm .job-box:nth-child(2) {
  position:inherit;
  top: 0vh;
  right: 0%;
 
}
    .latest-job-sec.software-l-j .two-cell-sm .job-box:nth-child(1) {
  position:inherit;
  top: 0vh;
  left: 0%;

}
.latest-job-sec.software-l-j .latest-job-sec.two-cell-row .two-cell-sm {
  padding-top: 50px;
  padding-bottom: 50px;
}

.hs-sec .specialisms-row .specialisms-cell h4{
    width:100%;
    max-width:100%;
}
.specialisms-para-content {
  margin-bottom: 40px;
}
.resources-detail-sec .img-box {

  height: 158px;

}
.resources-detail-sec .specialisms-inner:hover .img-box{
    height: 158px;
}
   
.resources-detail-sec .specialisms-inner.toggled:hover .img-box{
    height: 158px;
}
.job-board-category-sec.resources-detail-sec .resources-img-cont {
    position: relative;
}
.job-board-category-sec.resources-detail-sec .resources-content {
    margin-top: auto;
  /*margin-top: 304px;*/
}
.job-board-category-sec.resources-detail-sec .specialisms-inner {
    height: auto !important;
}
.search-input {

  width: 0px;
}
.h-can-we-help-sec .two-cell-row .two-cell-lg p:last-child {
    padding-bottom: 0px;
}
.candidate-our-job-list.candidate2-cell-section {
    margin-top: 12vh;
}
.candidate-our-job-list.candidate1-cell-section {
    margin-top: 50px;
}
.our-job-sec .candidate-our-job-list.candidate2-cell-section .latest-job-sec.two-cell-row .two-cell-lg .job-box:nth-child(1) {
    position: relative;
    top: 0;
}
  /*home page css start here */
    .slide-nav a{
        font-size: 21px;
    line-height: 31px;
    padding-bottom: 0px;

        
    }
    .slide-nav > li {
    padding-bottom: 20px;
    display: inline-block;
}
.policies-li-header {
  padding-bottom: 0px !important;
}
.slide-nav > li:last-child a {
  padding-bottom: 0;
}
.slide-nav ul li a {
    font-size: 15px;
    line-height: 25px;

}
.address-card span {
    font-size: 16px;
    line-height: 26px;
}
.slide-nav {
  
    width: 70%;
}
.slide-navigation-address {
    margin-right: 0;
}
.slide-nav-container-inner {
    max-width: 86%;
}

.address-card h6 {
    font-size: 20px;
    line-height: 46px;
}
.slide-nav {

    column-count: 1;

}
        /*home page css end here */
        
        .meet-the-team-sec .two-cell-row .two-cell-lg {
width: 100%;
    padding-bottom: 40px;
    margin-bottom: 0px;
}
.meet-the-team-sec .meet-the-team-cell .img-box {
    width: 100%;
    height: 573px;
}
.meet-the-team-sec .meet-the-team-cell {
    margin: 0 20px 46px;
    width: 100%;
}
.meet-the-team-sec .theme-heading-h5 {
    font-size: 20px;
    line-height: 30px;
}
.meet-the-team-sec {
    padding-bottom: 36px;
}

        .rm-popup .rm-container {
    width: 100%;
    max-width: 90%;
    margin: auto;
}
.rm-popup .rm-sm-cell .img-box {
    width: 259px;
    height: 239px;
}
.rm-popup .rm-sm-cell .img-box {
        width: 199px;
    height: 189px;
}
.rm-popup .modal-body .top-header h6 {
font-size: 16px;
    line-height: 36px;
}

.rm-popup .theme-paragraph-content p {
    font-size: 20px !important;
    line-height: 35px !important;
}
.rm-popup .top-header ul li img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.rm-popup .top-header ul {
    margin-right: 12px;
}
.rm-popup .rm-sm-cell h6 {
    font-size: 20px;
    line-height: 30px;
}
  .rm-popup .inner-rm-lg-cell {
  padding: 40px 0px;
} 

.rm-popup .ico13 {
    bottom: -30px;
    right: -40px;
}
.rm-popup .ico12 {
display:none;

}
.rm-popup .ico11 {
    top: -123px;
}

.rm-popup .theme-heading-h5 {
    font-size: 23px;
    line-height: 33px;
}
.rm-popup .rm-sm-cell .img-box {
    width: 100%;
    height: 263px;
}
.rm-popup.show {
    
    overflow-y: auto;
}
.rm-popup .rm-row-cell.cus-row{
    flex-direction: column;
}
.rm-popup .modal-body {
    height: 100%;
    display: flex;
}

.rm-popup .inner-rm-sm-cell {
    padding-top: 80px;
}

.search-box .search-btn2 img {
    width: 22px;
}
.t-v-guide-us-sec.wm-recann_sec {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.t-v-guide-us-sec.wm-recann_sec  .who-makes-recann-row.two-cell-row {
    flex-direction: column;
}
.t-v-guide-us-sec.wm-recann_sec .who-makes-recann-row .img-box {

    margin-bottom: 36px;
}
.t-v-guide-us-sec.wm-recann_sec + .location-sec {
    padding: 0px 0 90px;
 
}
.meet-the-team-sec .profile-discription-box .icon-content img {
    object-fit: contain;
    width: 16px;
}
.banner.inner-page-banner.candidate-banner + .our-approach-sec::after {
  display:none;
}
.banner-cont + .testimonial-sec.candidate-testimonial-sec {
    padding-top: 74px;
}
.banner-cont + .testimonial-sec.candidate-testimonial-sec .testimonial-cara blockquote::before {
    width: 65px;
}
.germany-ico i {
    margin-top: -8px;
}

.usa-ico i {
    margin-top: -5px;
}

.job-detail-discription ul {
    padding-left: 15px;
}
div#target8 {
    display:block;
}
.red-step-row div#target8 {
    display: none;
}
.promise-setion-client{
    padding-top:30px;
    padding-bottom:60px;
}
.promise-setion-client::after{
    display:none;
}
.promise-setion-client .computer-language-list-row li {
    margin-bottom:15px;
}
.promise-setion-client .computer-language-list-row li {
    padding-top: 12px;
    padding-bottom: 12px;
}
.on-client-pg {
    padding-top: 70px;
}
.where-inner-top .theme-heading-h2 {
    font-size:28px;
    line-height:34px;
}
.promise-setion-client .hightlight-heading-sm {
        font-size:18px;
    }
    /** terms page css start **/
.terms-content h6 {
	font-size:18px;
}
.inner-w-can-recann-sec .w-can-recann-row.three-cell-row .three-cell-sm p{
        font-size:18px!important;
        line-height:32px!important;
    }
}
@media (min-width:320px) and (max-width: 480px) {  
  .meet-the-team-sec .meet-the-team-cell .img-box {
    width: 100%;
    height: 273px;
} 



}