.square-grid {
    display: grid;
    grid-template-columns: repeat(17, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 20px;
  }
  .square-grid-item {
    background-color: #010001;
    border: 1px solid #1d1e20;
    padding-bottom: 100%;
    border-bottom: none;
  }

  .square-grid-item-purple {
    background-color: #0d081f;

  }


  .why-choose-us{
    background-color: #010001;
  }
  .squares-grid {
    overflow: hidden;
    opacity: 0.8;
    position: absolute;
    width: 100%;

}
.squares-grid::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 3%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 3%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 3%, rgba(0, 0, 0, 0) 100%);
  transform: rotate(180deg);
}


.why-choose-us-content {
  width: 100%;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  color: white;
  position: absolute;
  top: 39%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.why-choose-us-pill{
  background: #0a0a0c;
  border: 1px solid #141516;
  border-radius: 20px;
  padding: 13px 40px;
  text-transform: uppercase;
}

.why-choose-us-title{
  font-size: 56px;
  font-weight: 500;
  margin-top: 10px;
  line-height: 3.5rem;
  margin-bottom: 8px;
}

.why-choose-us-span{
  color: #9898A8;
  font-weight: 300;
  font-size: 15px;
}

.why-choose-us-description{
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 3%;
}

.why-choose-us-description span{ 
  width: 50%;
  display: flex;
  color: #9898A8;
  font-size: 17px;

}

.why-choose-us-description-line{
  position: absolute;
  width: 115px;
  border-top: 1px solid white;
  top: 50%;
  transform: translateY(-50%);
}

.line-left{
  left: 0;
}

.line-right{
  right: 0;
}


.why-choose-us-btn{
  margin-top: 4%;
}

@media (max-width: 500px) {
  .why-choose-us-content{
      position: relative;
      top: auto;
      left: auto;
      transform: none;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
  }

  .why-choose-us-pill {
      padding: 13px 21px;
  }

  .why-choose-us-title {
    font-size: 35px;}
    .why-choose-us-span {
      font-size: 13px;
    }

    .why-choose-us-description span {
      width: 79%;
      display: flex;
      color: #9898A8;
      font-size: 16px;
  }

  .why-choose-us-description-line {
    width: 34px;
  }

  .why-choose-us-btn {
    margin-top: 9%;
}
}