.facilities-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  max-width: 1344px;
  margin: 0 auto;
  padding-top: 74px;
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .facilities-grid {
    padding-top: 130px;
    padding-bottom: 0;
    position: relative;
    gap: 0;
  }
  .facilities-grid::before {
    content: "";
    position: absolute;
    top: 24px;
    width: 90px;
    height: 90px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='90' height='90' viewBox='0 0 90 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.8744 28.4487V38.687L26.5264 44.9191' stroke='%23D6E5DE'/%3E%3Cpath d='M51.4547 28.4487V38.687L60.8027 44.9191' stroke='%23D6E5DE'/%3E%3Cpath d='M29.6429 24.8876V35.1259L20.2949 41.3579' stroke='%23D6E5DE'/%3E%3Cpath d='M57.6871 24.8876V35.1259L67.0352 41.3579' stroke='%23D6E5DE'/%3E%3Cpath d='M23.4105 22.2167V32.455L14.0625 38.687' stroke='%23D6E5DE'/%3E%3Cpath d='M63.9186 22.2167V32.455L73.2666 38.687' stroke='%23D6E5DE'/%3E%3Cpath d='M43.8877 16.875V72.0728' stroke='%23D6E5DE'/%3E%3Cpath d='M14.5078 63.1699L72.8217 24.8876' stroke='%23D6E5DE'/%3E%3Cpath d='M75.9369 61.3894L14.9521 26.6682' stroke='%23D6E5DE'/%3E%3Cpath d='M36.7646 57.3831L43.887 50.7059L51.8995 57.3831' stroke='%23D6E5DE'/%3E%3Cpath d='M36.7646 63.6151L43.887 56.938L51.8995 63.6151' stroke='%23D6E5DE'/%3E%3Cpath d='M36.7646 69.8471L43.887 63.1699L51.8995 69.8471' stroke='%23D6E5DE'/%3E%3C/svg%3E%0A");
  }
}
.facilities-grid .left_decore-line {
  display: none;
}
@media (max-width: 768px) {
  .facilities-grid .left_decore-line {
    display: block;
    position: absolute;
    width: 1px;
    height: 90%;
    top: -100px;
    left: 12px;
    z-index: -1;
    background-color: #eeeeee;
  }
}
.facilities-grid .right_decore-line {
  display: none;
}
@media (max-width: 768px) {
  .facilities-grid .right_decore-line {
    display: block;
    position: absolute;
    width: 1px;
    height: 90%;
    top: -100px;
    right: 12px;
    z-index: -1;
    background-color: #eeeeee;
  }
}

.row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
  .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.row.row-1 {
  position: relative;
}
.row.row-1::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 1000%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  right: 0;
  height: 1px;
  background-color: #8F8F8F;
  opacity: 20%;
}
@media (max-width: 768px) {
  .row.row-1::after {
    display: none;
  }
}
.row.row-1::before {
  content: "";
  position: absolute;
  top: 0;
  width: 1000%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  right: 0;
  height: 1px;
  background-color: #8F8F8F;
  opacity: 20%;
}
@media (max-width: 768px) {
  .row.row-1::before {
    top: 0;
  }
}
.row.row-1 .col {
  position: relative;
}
.row.row-1 .col:first-child::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  top: -32px;
  height: 428px;
  width: 1px;
  background-color: rgb(143, 143, 143);
  opacity: 20%;
}
@media (max-width: 768px) {
  .row.row-1 .col:first-child::before {
    bottom: 0;
    width: 1000%;
    height: 1px;
    top: unset;
  }
}
.row.row-1 .col:first-child::after {
  content: "";
  position: absolute;
  width: 110%;
  right: 0;
  bottom: 0;
  top: -32px;
  height: 428px;
  width: 1px;
  background-color: rgb(143, 143, 143);
  opacity: 20%;
}
@media (max-width: 768px) {
  .row.row-1 .col:first-child::after {
    display: none;
  }
}
.row.row-1 .col:nth-child(2)::after {
  content: "";
  position: absolute;
  width: 110%;
  right: -1px;
  bottom: 0;
  top: -32px;
  height: 120%;
  width: 1px;
  background-color: rgb(143, 143, 143);
  opacity: 20%;
}
@media (max-width: 768px) {
  .row.row-1 .col:nth-child(2)::after {
    bottom: 0;
    width: 1000%;
    height: 1px;
    top: unset;
  }
}
.row.row-1 .col:nth-child(4)::before {
  content: "";
  position: absolute;
  width: 100%;
  left: -1px;
  bottom: 0;
  top: -32px;
  height: 120%;
  width: 1px;
  background-color: rgb(143, 143, 143);
  opacity: 20%;
}
@media (max-width: 768px) {
  .row.row-1 .col:nth-child(4)::before {
    bottom: 0;
    width: 1000%;
    height: 1px;
    top: unset;
  }
}
.row.row-1 .col:nth-child(4)::after {
  content: "";
  position: absolute;
  width: 110%;
  right: 0;
  bottom: 0;
  top: -32px;
  height: 428px;
  width: 1px;
  background-color: rgb(143, 143, 143);
  opacity: 20%;
}
@media (max-width: 768px) {
  .row.row-1 .col:nth-child(4)::after {
    display: none;
  }
}
.row.row-2 .col {
  position: relative;
}
.row.row-2 .col:not(.empty)::before {
  content: "";
  position: absolute;
  width: 110%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: rgb(143, 143, 143);
  opacity: 20%;
}
@media (max-width: 768px) {
  .row.row-2 .col:not(.empty)::before {
    display: none;
  }
}
.row.row-2 .col:not(.empty) .facility-card::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  top: -32px;
  height: 120%;
  width: 1px;
  background-color: rgb(143, 143, 143);
  opacity: 20%;
}
@media (max-width: 768px) {
  .row.row-2 .col:not(.empty) .facility-card::before {
    display: none;
  }
}
.row.row-2 .col:not(.empty) .facility-card::after {
  content: "";
  position: absolute;
  width: 110%;
  right: 0;
  bottom: 0;
  top: -32px;
  height: 120%;
  width: 1px;
  background-color: rgb(143, 143, 143);
  opacity: 20%;
}
@media (max-width: 768px) {
  .row.row-2 .col:not(.empty) .facility-card::after {
    display: none;
  }
}

.col {
  min-height: 200px;
}
@media (max-width: 1200px) {
  .col {
    min-height: auto;
  }
}

.col.empty {
  visibility: hidden;
  pointer-events: none;
}

.snowflake {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.snowflake::before {
  content: "";
  position: absolute;
  height: 10px;
  top: 0;
  right: 0;
  width: 90%;
  background-color: rgb(255, 255, 255);
}
@media (max-width: 768px) {
  .snowflake {
    display: none;
  }
}

.snowflake svg {
  max-width: 100%;
  height: auto;
  opacity: 0.25;
}

.facility-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 18px;
}
@media (max-width: 1200px) {
  .facility-card {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
  }
}
@media (max-width: 992px) {
  .facility-card {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .facility-card {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
  }
}

.facility-card img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.facility-card p {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #1c1c1c;
}