.section-howWorks .row-3 .col-a .hub {
    max-width: 420px;
    max-height: 280px;
  }
  .section-howWorks .row-3 .col-a .hub .hub-bg svg {
    max-width: 420px;
    max-height: 280px;
  }
  .section-howWorks .row-3 .col-a .hub-inner {
    max-width: 355px;
  }
  .section-howWorks .row-3 .col-a .hub-inner .icon {
    margin-bottom: 5px;
  }
  .section-howWorks .row-3 .col-a .hub img {
    max-width: 50px;
  }
  .section-howWorks .row-3 .col-a .hub .content h3 {
    font-size: var(--fs-md);
  }
  .section-howWorks .row-3 .col-a .hub .content p {
    font-size: 16px;
  }
  .section-howWorks .row-3 .col-a .spokes .spoke {
    max-width: 350px;
  }
  .section-howWorks .row-3 .col-a .spokes .spoke h3 {
    font-size: 16px;
  }
  .section-howWorks .row-3 .col-a .spokes .spoke p {
    font-size: var(--fs-sm);
  }
  .section-howWorks .row-3 .col-a .spokes .spoke .image-container {
    flex: 0 0 100px;
    height: 100px;
  }
  .section-howWorks .row-3 .col-a .spokes .spoke .image-container img {
    max-height: 100px;
    max-width: 100px;
  }

  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke5total.hub-arrow-1 {
    top: 12%;
    left: -33.2%;
    transform: translate(33.2%, -12%);
  }
  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke5total.hub-arrow-2 {
    bottom: -19.2%;
    left: 24%;
    transform: translate(-24%, 19.2%);
  }
  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke5total.hub-arrow-3 {
    bottom: -22%;
    right: 13%;
    transform: translate(-13%, 22%);
  }
  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke5total.hub-arrow-4 {
    top: 52%;
    right: -22%;
    transform: translate(22%, -52%);
  }
  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke5total.hub-arrow-5 {
    top: -17%;
    right: -11.9%;
    transform: translate(11.9%, 17%);
  }
  .spoke5total .spoke-1 {
    top: 15%;
    left: 0;
    transform: translateY(-15%);
  }
  .spoke5total .spoke-2 {
    bottom: 10%;
    left: 9.7%;
    transform: translate(-9.7%, -10%);
  }
  .spoke5total .spoke-3 {
    bottom: 0.5%;
    right: 16%;
    transform: translate(-16%, -0.5%);
  }
  .spoke5total .spoke-4 {
    bottom: 20.1%;
    right: -2%;
    transform: translate(2%, -20.1%);
  }
  .spoke5total .spoke-5 {
    top: 10%;
    right: 0;
    transform: translateY(-10%);
  }

  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke7total.hub-arrow-1 {
    top: -12%;
    left: -33.7%;
    transform: translate(33.7%, 12%);
  }
  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke7total.hub-arrow-2 {
    top: 35%;
    left: -39%;
    transform: translate(39%, -35%);
  }
  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke7total.hub-arrow-3 {
    bottom: -20.5%;
    left: -6%;
    transform: translate(6%, 20.5%);
  }
  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke7total.hub-arrow-4 {
    bottom: -32%;
    right: 35%;
    transform: translate(-35%, 32%) rotate(34deg);
  }
  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke7total.hub-arrow-5 {
    bottom: -3.5%;
    right: -12%;
    transform: translate(12%, 3.5%);
  }
  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke7total.hub-arrow-6 {
    top: 52.5%;
    right: -24%;
    transform: translate(24%, -52.5%);
  }
  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke7total.hub-arrow-7 {
    top: -24%;
    right: 29%;
    transform: translate(-29%, 24%);
  }
  .spoke7total .spoke-1 {
    top: 13%;
    left: 0;
    transform: translateY(-13%);
  }
  .spoke7total .spoke-2 {
    top: 58%;
    left: -30px;
    transform: translateY(-58%);
  }
  .spoke7total .spoke-3 {
    bottom: 3.8%;
    left: 0;
    transform: translateY(-3.8%);
  }
  .spoke7total .spoke-4 {
    bottom: -4.4%;
    right: 23%;
    transform: translate(-23%, 4.4%);
  }
  .spoke7total .spoke-5 {
    bottom: 11.1%;
    right: -1%;
    transform: translate(1%, -11.1%);
  }
  .spoke7total .spoke-6 {
    top: 34.5%;
    right: 0;
    transform: translateY(-34.5%);
  }
  .spoke7total .spoke-7 {
    top: 9.5%;
    right: 17%;
    transform: translate(-17%, -10%);
  }

  .section-installation .row-2 {
    max-width: 85%;
  }
  .installation-flow {
    gap: 80px;
  }
  .installation-step {
    flex: 1 1 calc(20% - 80px);
    max-width: 180px;
  }
  .installation-step .card-line {
    left:-91%
  }

  .section-component .components .card:first-child {
    display: flex;
    justify-content: end;
    top: 10px;
    right: 4%;
    transform: translateX(-4%);
  }
  .section-component .components .card:last-child {
    bottom: 0;
    left: 40px;
  }
@media (min-width: 1200px) and (max-width: 1330px) {
  .installation-step .card-line {
    left:-100%
  }
}
@media (min-width: 1440px) {
  .section-howWorks .row-3 .col-a .hub {
    max-width: 480px;
    max-height: 300px;
  }
  .section-howWorks .row-3 .col-a .hub .hub-bg svg {
    max-width: 480px;
    max-height: 300px;
  }
  .section-howWorks .row-3 .col-a .hub-inner {
    max-width: 380px;
  }
  .section-howWorks .row-3 .col-a .hub-inner .icon {
    margin-bottom: 15px;
  }
  .section-howWorks .row-3 .col-a .hub img {
    max-width: 72px;
  }
  .section-howWorks .row-3 .col-a .spokes .spoke {
    max-width: 400px;
  }
  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke5total.hub-arrow-1 {
    top: 0;
    left: -25%;
    transform: translate(25%, 0);
  }
  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke5total.hub-arrow-2 {
    bottom: -18%;
    left: 24%;
    transform: translate(-24%, 18%);
  }
  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke5total.hub-arrow-3 {
    bottom: -21%;
    right: 5%;
    transform: translate(-5%, 21%);
  }
  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke5total.hub-arrow-4 {
    top: 58%;
    right: -22.5%;
    transform: translate(22.5%, -58%);
  }
  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke5total.hub-arrow-5 {
    top: -8%;
    right: -8.5%;
    transform: translate(8.5%, 8%);
  }
  .spoke5total .spoke-1 {
    top: 14.5%;
    left: -50px;
    transform: translateY(-14.5%);
  }
  .spoke5total .spoke-2 {
    bottom: 8%;
    left: 55px;
    transform: translateY(-8%);
  }
  .spoke5total .spoke-3 {
    bottom: 0;
    right: 10%;
    transform: translate(-10%, 0);
  }
  .spoke5total .spoke-4 {
    bottom: 23.2%;
    right: -5%;
    transform: translate(5%, -23.2%);
  }
  .spoke5total .spoke-5 {
    top: 13%;
    right: 0;
    transform: translateY(-13%);
  }

  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke7total.hub-arrow-1 {
    top: -12%;
    left: -23%;
    transform: translate(23%, 12%);
  }
  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke7total.hub-arrow-2 {
    top: 35%;
    left: -29.7%;
    transform: translate(29.7%, -35%);
  }
  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke7total.hub-arrow-3 {
    bottom: -19%;
    left: -6%;
    transform: translate(6%, 19%);
  }
  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke7total.hub-arrow-4 {
    bottom: -30%;
    right: 35%;
    transform: translate(-35%, 30%) rotate(34deg);
  }
  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke7total.hub-arrow-5 {
    bottom: -3.5%;
    right: -10%;
    transform: translate(10%, 3.5%);
  }
  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke7total.hub-arrow-6 {
    top: 53%;
    right: -21.5%;
    transform: translate(21.5%, -53%);
  }
  .section-howWorks .row-3 .col-a .hub .hub-arrows .spoke7total.hub-arrow-7 {
    top: -20%;
    right: 31%;
    transform: translate(-31%, 20%);
  }
  .spoke7total .spoke-1 {
    top: 10.5%;
    left: -50px;
    transform: translateY(-10.5%);
  }
  .spoke7total .spoke-2 {
    top: 57.5%;
    left: -80px;
    transform: translateY(-57.5%);
  }
  .spoke7total .spoke-3 {
    bottom: 2.8%;
    left: -50px;
    transform: translateY(-2.8%);
  }
  .spoke7total .spoke-4 {
    bottom: -5.2%;
    right: 23.5%;
    transform: translate(-23.5%, 5.2%);
  }
  .spoke7total .spoke-5 {
    bottom: 10.1%;
    right: -5%;
    transform: translate(5%, -10.1%);
  }
  .spoke7total .spoke-6 {
    top: 34.5%;
    right: -50px;
    transform: translateY(-34.5%);
  }
  .spoke7total .spoke-7 {
    top: 8.5%;
    right: 10%;
    transform: translate(-10%, -8.5%);
  }

  .section-usecases .row-1 .col-a .headingThreeContent.row-1-1 > .col-a {
    grid-column: span 5;
  }
  .section-usecases .row-1 .col-a .headingThreeContent.row-1-1 > .col-b {
    grid-column: span 7;
  }
  .section-installation .row-2 {
    max-width: 85%;
  }
  .installation-step {
    flex: 1 1 calc(16.666% - 80px);
  }
  .installation-step .card-line {
    left:-81%
  }
}
@media (min-width: 1920px) {
  .section-usecases .section-bg .bg.bg-right svg {
    max-height: 371px;
    max-width: 216px;
  }
  .section-usecases .slide .slide-bg .bg svg {
    max-width: 218px;
    max-height: 127px;
  }
}