@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");

* {
    font-family: "Roboto", sans-serif;
}

.bg-fd-blue-light {
    background: rgb(1, 161, 239);
}

.bg-fd-blue-light-gradient {
    background: rgb(1, 161, 239);
    background: radial-gradient(circle, rgb(1, 161, 239) 0%, rgb(1, 147, 218) 75%, rgb(0, 104, 154) 100%);
}

.fd-header {
    height: 700px;
    overflow: hidden;
}

.text-justify {
    text-align: justify;
    text-justify: inter-word;
}

.fd-img-shadow {
    filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.3));
}

.fd-img-shadow-small {
    filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.4));
    transition: transform 0.2s ease;
    /* &:hover {
      transform: scale(1.04);
      transition: transform 0.2s ease;
      filter: drop-shadow(0px 10px 14px rgba(0,0,0,0.45));
  } */
}

.fd-card {
    border-radius: 16px;
    border: none;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .fd-card .card-title {
        font-weight: 500;
    }

    .fd-card .card-text {
        color: rgba(0, 0, 0, 0.5);
    }

    .fd-card:hover {
        transform: translateY(-10px);
        box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
/*# sourceMappingURL=fd-styling.css.map */