.gsap-marker-start, .gsap-marker-end, .gsap-marker-scroller-start, .gsap-marker-scroller-end{
  display: none !important;
}


@media only screen and (min-width: 1920px) {
   .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
      padding-right: calc(var(--bs-gutter-x) * 1);
      padding-left: calc(var(--bs-gutter-x) * 1);
    }
   
    
 
}

@media only screen and (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) {
    /* Tablet landscape styles */
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding-right: calc(var(--bs-gutter-x) * 1);
    padding-left: calc(var(--bs-gutter-x) * 1);
  }
  .sectionOneHeroNew h1{
    font-size: 48px;
  } 
  

  .sectionOneHeroNew .pointers{
        text-align: left;
    padding-bottom: 10px;
  }
 
  .sectionOneHeroNew .description{
    max-width: 100%;
        width: 100%;
        text-align: left;
        font-size: 16px;
        padding: 0;
  }
  .sectionOneHeroNew .container{
    gap: 10px;
  }
  .sectionOneHeroNew.contact-section{
    padding: 50px 0;
  }
  .scroll-container{
    padding-top: 50px;
    padding-bottom: 50px;
    flex-direction: column;
  }
  .left-content{
   text-align: center;
        padding-right: 60px;
  }
  .left-content p{
    text-align: center;
  }
  .left-panel{
    width: 100%;
    padding: 0;
    height: auto;
  }
  .right-panel{
  padding-left: 0;
  width: 100%;
  padding-top: 40px;
 }
 .feature-cards{
display: flex;
    flex-direction: row;
    gap: 30px;
    flex-wrap: wrap;
 }
 .feature-card{
  flex: 47%;
 }
 .hire-section {
    padding-top: 40px;
    padding-bottom: 50px;
}

  .left-content h2{
    /* font-size: 24px; */
        font-weight: 500;
        text-align: center;
        padding-bottom: 10px;
        margin: 0px;
  }
  .hire-block {
    padding: 10px 0px 0px 0px;
}
.hire-block .row {
    margin-top: 60px;
}
.card-icon svg{
      width: 35px;
    height: 35px;
}
.hire-block .card-preparing{
      margin-bottom: 45px;
}
.hire-counter{
      padding-top: 40px;
      padding-bottom: 0px;
}
.hire-counter .stat-number {
        font-size: 46px;
    }
.hire-counter .stat-label {
    color: #a6a6a6;
    font-size: 14px;
}
.hire-counter .stat-card{
     padding-top: 0px;
}
}


@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

  /* Tablet portrait styles */
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding-right: calc(var(--bs-gutter-x) * 1);
    padding-left: calc(var(--bs-gutter-x) * 1);
  }
  .sectionOneHeroNew h1{
    font-size: 26px;
        line-height: 34px;
        text-align: left;
        letter-spacing: normal;
  }
  .sectionOneHeroNew .container{
    grid-template-columns: auto;
  }
  .sectionOneHeroNew .pointers{
        text-align: left;
    padding-bottom: 10px;
  }
 
  .sectionOneHeroNew .description{
    max-width: 100%;
        width: 100%;
        text-align: left;
        font-size: 16px;
        padding: 0;
  }
  .sectionOneHeroNew .container{
    gap: 10px;
  }
  .sectionOneHeroNew.contact-section{
    padding: 50px 0;
  }
  .scroll-container{
    flex-direction: column;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .left-content{
    text-align: center;
  }
  .left-content p{
    text-align: center;
  }
  .left-panel{
    width: 100%;
    padding: 0;
    height: auto;
  }
 .feature-cards .card-title{
  font-size: 22px;
 }
 .right-panel{
  padding-left: 0;
 }
 .hire-section {
    padding-top: 40px;
    padding-bottom: 50px;
}
  .right-panel{
    width: 100%;
    padding: 0;
    margin-top: 60px;
  }
  .left-content h2{
    font-size: 24px;
        font-weight: 500;
        text-align: center;
        padding-bottom: 10px;
        margin: 0px 10px;
        line-height: 36px;
  }
  .hire-block {
    padding: 10px 0px 0px 0px;
}
.hire-block .row {
    margin-top: 60px;
}
.card-icon svg{
      width: 35px;
    height: 35px;
}
.hire-block .card-preparing{
      margin-bottom: 45px;
}
.hire-counter{
      padding-top: 40px;
      padding-bottom: 80px;
}
.hire-counter .stat-number {
        font-size: 46px;
    }
.hire-counter .stat-label {
    color: #a6a6a6;
    font-size: 14px;
}
.hire-counter .stat-card{
     padding-top: 0px;
}

}


@media only screen and (max-width: 767px) {

/* Mobile Device styles */

  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding-right: calc(var(--bs-gutter-x) * .625);
    padding-left: calc(var(--bs-gutter-x) * .625);
  }
  .sectionOneHeroNew h1{
    font-size: 26px;
        line-height: 34px;
        text-align: center;
        letter-spacing: normal;
  }
  .sectionOneHeroNew .container{
    grid-template-columns: auto;
  }
  .sectionOneHeroNew .pointers{
    display: none;
  }
  .sectionOneHeroNew .description{
    max-width: 100%;
        width: 100%;
        text-align: center;
        font-size: 16px;
        padding: 0;
  }
  .sectionOneHeroNew .container{
    gap: 10px;
  }
  .sectionOneHeroNew.contact-section{
    padding: 50px 0;
  }
  .scroll-container{
    flex-direction: column;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .left-content{
    text-align: center;
  }
  .left-content p{
    text-align: center;
  }
  .left-panel{
    width: 100%;
    padding: 0;
            height: auto;
  }
 .feature-cards .card-title{
  font-size: 22px;
 }
 .hire-section {
    padding-top: 40px;
    padding-bottom: 50px;
}
  .right-panel{
    width: 100%;
    padding: 0;
    margin-top: 60px;
  }
  .left-content h2{
    font-size: 24px;
        font-weight: 500;
        text-align: center;
        padding-bottom: 20px;
        margin: 0px 10px;
        line-height: 36px;
  }
  .hire-block {
    padding: 10px 0px 0px 0px;
}
.hire-block .row {
    margin-top: 60px;
}
.card-icon svg{
      width: 35px;
    height: 35px;
}
.hire-block .card-preparing{
      margin-bottom: 45px;
}
.hire-counter{
      padding-top: 40px;
      padding-bottom: 80px;
}
.hire-counter .stat-number {
        font-size: 46px;
    }
.hire-counter .stat-label {
    color: #a6a6a6;
    font-size: 14px;
}
.hire-counter .stat-card{
     padding-top: 0px;
}
}