*,
*::after,
*::before {
    font-family: "Inter", sans-serif;
    font-style: normal;
}

@font-face {
    font-family: "Jameel Noori Nastaleeq";
    src: url("../fonts/Jameel-Noori.ttf") format("truetype");
    font-display: swap;
}

.font-urdu {
    font-family: "Jameel Noori Nastaleeq", serif;
    line-height: 1.5em;
    letter-spacing: 1px;
}

#hero {
    background: url('https://armydogcenter.net.pk/images/dog-2.jpeg') no-repeat center / cover;
}


#overlay {
    transition: all ease 1s;
    position: absolute;
    top: 4em;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 8;
}