@media screen and (min-width: 2560px) {
    .hero {
      padding: 12rem 1vw 2rem;
    }
  
    .hero-container {
      margin: 0 auto;
    }
  
    .hero-title {
      font-size: 5.5rem;
    }
  
    .hero-subtitle {
      font-size: 1.25rem;
    }
  
  
    .hero-card h3 {
      font-size: 1.75rem;
    }
  
    .hero-card p {
      font-size: 1.1rem;
    }
  
    .hero-card .icon{
      width: 10%;
      height: 10%;
    }
  
    .hero-emphasis{
      font-size: 2rem;
    }
  
    .stat-number{
      font-size: 5rem;
    }
  
    .stat-label{
      font-size: 1.75rem;
    }
  
    .hero-tags .tag {
      font-size: 1.5rem;
      padding: 1rem;
    }
  
    .hero-tags .tag-text {
      font-size: 1rem;
    }
  
    .partners {
      gap: 8rem;
      padding: 4rem 8vw;
    }
  
    .partners .partner-logo {
      max-width: 200px;
      max-height: 200px;
    }

    
  .partner-logoTor{
    width: 150px;
  }
  
    .statistics {
      gap: 24rem;
      padding: 4rem 15vw;
    }
  
    .statistics .stat-number {
      font-size: 6rem;
    }
  
    .statistics .stat-label {
      font-size: 1.5rem;
    }
  
    .features {
      padding: 12rem 12vw;
    }
  
    .features__inner {
      gap: 10rem;
      max-width: 2400px;
    }
  
    .features__cube {
      width: 30vw;
      height: 50vh;
    }
  
    .feature-item {
      /* padding: 4rem 3rem 3.5rem; */
      border-radius: 24px;
      background-size: 120%;
      width: 20vw;
      height: 17vh;
    }
  
    .feature-item__icon {
      width: 20%;
    }

    .feature-item__iconHeight{
      height: 5vw;
    }
  
    .feature-item__text {
      font-size: 1.25rem;
    }

    .featureTitleInfo {
      font-size: 2rem;
    }

    .faq-content {
      padding: 6rem 2rem;
    }
  
    .faq-title {
      font-size: 4rem;
    }
  
    .faq-subtitle {
      font-size: 2.5rem;
    }
  
    .faq-wrapper {
      gap: 2rem;
    }
  
    .faq-item {
      border-radius: 32px;
      max-width: 50vw;
    }
  
    .faq-question {
      padding: 1.5rem 2rem;
      font-size: 2rem;
    }

    .faq-question span{
      font-size: 1.5rem;
    }
    
    .faq-icon {
      width: 1rem;
      height: 1rem;
    }
  
    .faq-answer {
      padding: 0 2rem;
      font-size: 1.5rem;
    }
  
    .faq-item.open .faq-answer {
      padding: 1rem 2rem 2rem;
      font-size: 1.5rem;
    }

    /* installation styles 4k start */

    .step-icon{
      width: 8rem;
      height: 8rem;
      margin-bottom: 10px;
    }

    .step-icon-container {
      position: relative;
      width: 120px;
      height: 120px;
      margin: 0 auto 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .installation-container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 20px;
      position: relative;
      z-index: 1;
    }


     /* installation styles 4k end */
  }

  
  
@media screen and (min-width: 2560px) and (max-width: 3839px) {
    .row-rightArrow,
    .row-leftArrow {
      background-size: 24vw 10vw;
    }
    .row-rightArrow {
      background-position: 35% center; 
    }
    
    .row-leftArrow {
      background-position: 66% center;
    }
  }
  
  @media screen and (min-width: 3840px) {
  .containerHeader{
    padding: 30px 0px 30px 0px;
  }
    .btn{
      font-size: 1vw;
    }
  
    .navHeaderMenuList{
      font-size: 1.2vw;
      gap: 50px;
    }
  
    .roadmapMainContainer{
      transform: scale(1.5);
      margin-top: 20%;
    }
  
    .textPhaseInfo {
      font-size: 1.1vw;
    }
  
    .phaseMainInfo{
      font-size: 0.8vw;
      width: 15vw;
    }
  
    .roadmapInfo{
      margin-top: 5%;
      transform: scale(2.3);
      font-size: 1vw;
    }
  
    .scroll-to-top{
      margin-top: 90%;
      margin-right: 3%;
      transform: scale(2.3);
    }
  
    .footer{
      font-size: 1.2vw;
    }
  
    .footer-description{
      font-size: 1.2vw;
    }
    
    #dextorFooter{
      font-size: 1.5vw;
    }
  
  
    .row-rightArrow {
      background-position: 35% center; 
    }
    
    .row-leftArrow {
      background-position: 65% center;
    }
    .row-rightArrow,
    .row-leftArrow {
      background-size: 24vw 7vw;
    }
    .textPhaseInfo-right{
      padding-right: 70px;
    }
    .textPhaseInfo-left{
      padding-left: 70px;
    }

  }