.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: 610px;
  grid-gap: 2px 2px;
}

.u-section-1 .u-list-item-1 {
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.4);
}

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

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

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

.u-section-1 .u-image-1 {
  height: 142px;
  width: 214px;
  margin: 16px auto 0 19px;
}

.u-section-1 .u-text-2 {
  margin: -7px 10px 0;
}

.u-section-1 .u-text-3 {
  font-size: 0.75rem;
  margin: -2px 11px 0 8px;
}

.u-section-1 .u-list-item-2 {
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.4);
}

.u-section-1 .u-container-layout-2 {
  padding: 8px 3px 0 11px;
}

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

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

.u-section-1 .u-image-2 {
  height: 142px;
  width: 214px;
  margin: 16px auto 0 19px;
}

.u-section-1 .u-text-5 {
  margin: -7px 10px 0;
}

.u-section-1 .u-text-6 {
  font-size: 0.75rem;
  margin: -2px 11px 0 8px;
}

.u-section-1 .u-list-item-3 {
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.4);
}

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

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

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

.u-section-1 .u-image-3 {
  height: 142px;
  width: 214px;
  margin: 16px auto 0 19px;
}

.u-section-1 .u-text-8 {
  margin: -7px 10px 0;
}

.u-section-1 .u-text-9 {
  font-size: 0.75rem;
  margin: -2px 11px 0 8px;
}

.u-section-1 .u-list-item-4 {
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.4);
}

.u-section-1 .u-container-layout-4 {
  padding: 8px 3px 0 11px;
}

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

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

.u-section-1 .u-image-4 {
  height: 142px;
  width: 214px;
  margin: 16px auto 0 19px;
}

.u-section-1 .u-text-11 {
  margin: -7px 10px 0;
}

.u-section-1 .u-text-12 {
  font-size: 0.75rem;
  margin: -2px 11px 0 8px;
}

.u-section-1 .u-list-item-5 {
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.4);
}

.u-section-1 .u-container-layout-5 {
  padding: 8px 3px 0 11px;
}

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

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

.u-section-1 .u-image-5 {
  height: 142px;
  width: 214px;
  margin: 16px auto 0 19px;
}

.u-section-1 .u-text-14 {
  margin: -7px 10px 0;
}

.u-section-1 .u-text-15 {
  font-size: 0.75rem;
  margin: -2px 11px 0 8px;
}

.u-section-1 .u-list-item-6 {
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.4);
}

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

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

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

.u-section-1 .u-image-6 {
  height: 142px;
  width: 214px;
  margin: 16px auto 0 19px;
}

.u-section-1 .u-text-17 {
  margin: -7px 10px 0;
}

.u-section-1 .u-text-18 {
  font-size: 0.75rem;
  margin: -2px 11px 0 8px;
}

.u-section-1 .u-list-item-7 {
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.4);
}

.u-section-1 .u-container-layout-7 {
  padding: 8px 3px 0 11px;
}

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

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

.u-section-1 .u-image-7 {
  height: 142px;
  width: 214px;
  margin: 16px auto 0 19px;
}

.u-section-1 .u-text-20 {
  margin: -7px 10px 0;
}

.u-section-1 .u-text-21 {
  font-size: 0.75rem;
  margin: -2px 11px 0 8px;
}

.u-section-1 .u-list-item-8 {
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.4);
}

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

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

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

.u-section-1 .u-image-8 {
  height: 142px;
  width: 214px;
  margin: 16px auto 0 19px;
}

.u-section-1 .u-text-23 {
  margin: -7px 10px 0;
}

.u-section-1 .u-text-24 {
  font-size: 0.75rem;
  margin: -2px 11px 0 8px;
}

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

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

  .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-text-2 {
    margin-top: 0;
    margin-right: 3px;
    margin-left: 11px;
  }

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

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

  .u-section-1 .u-text-4 {
    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-text-5 {
    margin-top: 0;
    margin-right: 3px;
    margin-left: 11px;
  }

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

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

  .u-section-1 .u-text-7 {
    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-text-8 {
    margin-top: 0;
    margin-right: 3px;
    margin-left: 11px;
  }

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

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

  .u-section-1 .u-text-10 {
    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;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .u-section-1 .u-line-7 {
    width: 197px;
    transform-origin: left center 0px;
    margin-right: auto;
    margin-left: 11px;
  }

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

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

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

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

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

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

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

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

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

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

  .u-section-1 .u-text-1 {
    margin-right: 0;
    margin-left: 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-text-3 {
    margin-left: 19px;
    margin-right: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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-text-3 {
    margin-left: 0;
  }

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

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

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

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

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

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

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

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

  .u-section-1 .u-line-6 {
    width: 507px;
    transform-origin: left center 0px;
  }

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

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

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

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

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

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

  .u-section-1 .u-line-2 {
    width: 297px;
    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;
  }

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

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

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

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