/* .boxout:after {
    content: '';
    border-bottom: 1px solid rgb(0, 0, 0);
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    width: 100%;
} */

.grid-container::webkit-scrollbar {
  display: none;
}

.grid-container {
  font-family: "Arial", sans-serif;
  overflow-x: hidden;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  width: 100%;
  padding: 0;
  margin: 0;
  /* Firefox */
}
@supports (display: grid) {
  .grid-container .grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "header header header" "title title footer" "main main main";
  }
  @media screen and (max-width: 500px) {
    .grid-container .grid-container {
      grid-template-columns: 1fr;
      grid-template-rows: 0.3fr 1fr auto 1fr;
      grid-template-areas: "header" "title" "main" "footer";
    }
  }
  .grid-container h1 {
    margin-left: 5vw;
  }
  .grid-container .grid-item {
    padding: 0.5em 1em;
    font-size: 1em;
    font-weight: 700;
  }
  .grid-container .grid-item:first-child {
    padding-left: 0 !important;
  }
  .grid-container .header {
    grid-area: header;
    padding: 1em;
  }
  .grid-container .title {
    grid-area: title;
  }
  .grid-container .main {
    grid-area: main;
    padding: 0;
    overflow-y: hidden;
  }
  .grid-container .items {
    position: relative;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    transition: all 0.2s;
    transform: scale(0.98);
    will-change: transform;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    cursor: pointer;
  }
  .grid-container .items.active {
    background: rgba(255, 255, 255, 0.3);
    cursor: grabbing;
    cursor: -webkit-grabbing;
    /*           transform: scale(1); */
  }
  .grid-container .item {
    display: inline-block;
    background: rgb(52, 61, 65);
    min-height: 250px;
    min-width: 400px;
    width: 33vw;
    margin: 2em 1em;
    transition: all 0.2s ease-in-out !important;
    border-radius: 10px;
    position: relative;
  }
  .grid-container .item:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 10px 0px rgba(85, 85, 85, 0.25);
  }
  .grid-container .item:first-child {
    margin-left: 5vw !important;
  }
  @media screen and (max-width: 500px) {
    .grid-container .item .item {
      min-height: 200px;
      min-width: 200px;
    }
  }
  .grid-container .item .box {
    color: white;
    display: relative;
    /* Styling for the left column */
    /* Styling for the right column */
    /* Styling for the bullet */
  }
  .grid-container .item .box .content {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0.5em 1em;
    width: 100%;
    /* Example padding */
  }
  .grid-container .item .box .left-column {
    display: table-cell !important;
    width: 70%;
  }
  .grid-container .item .box .left-column h3 {
    color: var(--light, #FCFBF6);
    font-size: 1.5em;
    font-family: Test Tiempos Fine;
    font-weight: 900;
    letter-spacing: -0.36px;
    max-width: 100%;
    display: inline !important;
  }
  .grid-container .item .box .left-column h4 {
    color: var(--light, #FCFBF6);
    font-size: 1.5em;
    font-family: Helvetica Neue;
    letter-spacing: -0.36px;
    display: inline !important;
  }
  .grid-container .item .box .right-column {
    display: flex;
    align-items: flex-end;
    text-align: center;
    margin: auto 0;
  }
  .grid-container .item .box .right-column span {
    color: var(--light, #FCFBF6);
    font-size: 15px;
    font-family: Helvetica Neue;
    font-weight: 700;
    letter-spacing: -0.975px;
  }
  .grid-container .item .box .bullet {
    margin: 0 5px;
    /* Example margin */
  }
}

@media screen and (min-width: 500px) {
  .items {
    overflow-x: hidden;
  }
  .item {
    width: 70vw;
    color: blue;
  }
}
section {
  height: 100vh;
}
section .outer {
  padding: 0 5vw;
  width: 60vw;
}
section .outer p {
  color: var(--dark, #272727);
  font-family: SS_Medium;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
}
section .outer p b {
  color: var(--dark, #000);
  font-family: Test Tiempos Text;
  font-style: italic;
  font-weight: 700;
  letter-spacing: -2.34px;
}
section .outer small {
  font-family: SS_Regular;
}
section .outer .inner {
  margin-top: 10px;
}
section .outer .inner button {
  margin-right: 20px;
}/*# sourceMappingURL=newLanding.css.map */