@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@tailwind base;
@tailwind components;
@tailwind utilities;
body {
    font-family: "Montserrat", sans-serif;
}
.heroBg {
    position: relative;
    background-image: url("../images/bg.png");
    background-size: cover;
    background-position: center center;
}
.heroBg::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.card-btns:hover{
    background-color: #C62743;
}
.card-btns:hover h2{
    color: #fff;
}
.card-btns:hover .path-stroke{
    stroke: #fff;
}
.card-btns:hover .path-fill{
    fill: #fff;
}
.required::after{
    content: "*";
    color: red;
    font-size: 10px;
    margin-left: 5px;
}
::backdrop {
    background: rgba(0, 0, 0, 0.7);
}