.flip-card {
  background-color: transparent;
  width: 267px;
  height: 300px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #FFFFFF;
  color: black;

}

.flip-card-back {
  background-color: #F58321;
  color: white;
  transform: rotateY(180deg);
  font-size: 13px;
}



.u-section-1 .u-sheet-1 {
  min-height: 552px;
}

.u-section-1 .u-list-1 {
  grid-template-rows: auto;
  margin: 50px 0;
}

.u-section-1 .u-repeater-1 {
  grid-template-columns: calc(25% - 1.5px) calc(25% - 1.5px) calc(25% - 1.5px) calc(25% - 1.5px);
  min-height: 151px;
  grid-gap: 2px 2px;
}

.u-section-1 .u-container-layout-1 {
  padding: 8px 6px;
}

.u-section-1 .u-text-1 {
  font-weight: 700;
  margin: 0 8px 0 16px;
}

.u-section-1 .u-line-1 {
  width: 267px;
  transform-origin: left center 0px;
  margin: 0 2px 0 auto;
}

.u-section-1 .u-image-1 {
  height: 211px;
  width: 158px;
  margin: 8px auto 0 48px;
}

.u-section-1 .u-container-layout-2 {
  padding: 8px 6px;
}

.u-section-1 .u-text-2 {
  font-weight: 700;
  margin: 0 8px 0 16px;
}

.u-section-1 .u-line-2 {
  width: 267px;
  margin: 0 2px 0 auto;
}

.u-section-1 .u-image-2 {
  height: 211px;
  width: 158px;
  margin: 8px auto 0 48px;
}

.u-section-1 .u-container-layout-3 {
  padding: 8px 6px;
}

.u-section-1 .u-text-3 {
  font-weight: 700;
  margin: 0 8px 0 16px;
}

.u-section-1 .u-line-3 {
  width: 267px;
  margin: 0 2px 0 auto;
}

.u-section-1 .u-image-3 {
  height: 211px;
  width: 158px;
  margin: 8px auto 0 48px;
}

.u-section-1 .u-container-layout-4 {
  padding: 8px 6px;
}

.u-section-1 .u-text-4 {
  font-weight: 700;
  margin: 0 8px 0 16px;
}

.u-section-1 .u-line-4 {
  width: 267px;
  margin: 0 2px 0 auto;
}

.u-section-1 .u-image-4 {
  height: 211px;
  width: 158px;
  margin: 8px auto 0 48px;
}

@media (max-width: 1199px) {
  .u-section-1 .u-list-1 {
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-1 .u-repeater-1 {
    min-height: 124px;
  }

  .u-section-1 .u-container-layout-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-1 .u-text-1 {
    margin-right: 3px;
    margin-left: 11px;
  }

  .u-section-1 .u-line-1 {
    width: 197px;
    margin-right: auto;
    margin-left: 11px;
  }

  .u-section-1 .u-image-1 {
    margin-top: 9px;
    margin-left: auto;
  }

  .u-section-1 .u-container-layout-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-1 .u-text-2 {
    margin-right: 3px;
    margin-left: 11px;
  }

  .u-section-1 .u-line-2 {
    width: 197px;
    margin-right: auto;
    margin-left: 11px;
  }

  .u-section-1 .u-image-2 {
    margin-top: 9px;
    margin-left: auto;
  }

  .u-section-1 .u-container-layout-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-1 .u-text-3 {
    margin-right: 3px;
    margin-left: 11px;
  }

  .u-section-1 .u-line-3 {
    width: 197px;
    margin-right: auto;
    margin-left: 11px;
  }

  .u-section-1 .u-image-3 {
    margin-top: 9px;
    margin-left: auto;
  }

  .u-section-1 .u-container-layout-4 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-1 .u-text-4 {
    margin-right: 3px;
    margin-left: 11px;
  }

  .u-section-1 .u-line-4 {
    width: 197px;
    margin-right: auto;
    margin-left: 11px;
  }

  .u-section-1 .u-image-4 {
    margin-top: 9px;
    margin-left: auto;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-repeater-1 {
    grid-template-columns: calc(50% - 1px) calc(50% - 1px);
    min-height: 383px;
  }

  .u-section-1 .u-text-1 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-1 .u-line-1 {
    width: 337px;
    transform-origin: right center 0px;
    margin-left: 0;
  }

  .u-section-1 .u-text-2 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-1 .u-line-2 {
    width: 337px;
    margin-left: 0;
  }

  .u-section-1 .u-text-3 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-1 .u-line-3 {
    width: 337px;
    margin-left: 0;
  }

  .u-section-1 .u-text-4 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-1 .u-line-4 {
    width: 337px;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-repeater-1 {
    grid-template-columns: 100%;
  }

  .u-section-1 .u-line-1 {
    width: 507px;
  }

  .u-section-1 .u-line-2 {
    width: 507px;
  }

  .u-section-1 .u-line-3 {
    width: 507px;
  }

  .u-section-1 .u-line-4 {
    width: 507px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-line-1 {
    width: 297px;
    margin-left: 2px;
  }

  .u-section-1 .u-line-2 {
    width: 297px;
    transform-origin: left center 0px;
    margin-left: 2px;
  }

  .u-section-1 .u-line-3 {
    width: 297px;
    margin-left: 2px;
  }

  .u-section-1 .u-line-4 {
    width: 297px;
    margin-left: 2px;
  }
}