/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-fl-about-image-info-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.wp-block-fl-about-image-info-card .image-selector,
.wp-block-fl-about-image-info-card .image {
  display: block;
  width: 326px;
  height: 230px;
  background-size: cover;
  background-position: center center;
}
.wp-block-fl-about-image-info-card .image-selector {
  cursor: pointer;
  outline: none;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  transition: transform 0.1s;
}
.wp-block-fl-about-image-info-card .image-selector:hover {
  transform: scale(1.01);
}
@media (max-width: 700px) {
  .wp-block-fl-about-image-info-card .image-selector,
.wp-block-fl-about-image-info-card .image {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 70%;
    background-size: cover;
    background-position: center center;
  }
}

.wp-block-fl-about-image-info-card .title-text {
  font-size: 24px !important;
  margin: unset !important;
  margin-top: 32px !important;
  margin-bottom: 16px !important;
  color: #000000 !important;
  overflow-wrap: anywhere;
}
.wp-block-fl-about-image-info-card .description-text {
  font-size: 18px !important;
  margin: unset !important;
  color: #000000 !important;
  line-height: 130%;
  overflow-wrap: anywhere;
}

/*# sourceMappingURL=style-index.css.map*/