/* import file from google fonts  */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');

:root{
    --primary-fonts: 'Poppins', sans-serif;
}
/* common class  */
.font-poppins{
    font-family: var(--primary-fonts);
}
.cursor-pointer{
    cursor: pointer;
}
.z-index{
    z-index: 10;
}
.hero{
    height: 60vh;
    overflow: hidden;
}
.object-cover{
    object-fit: cover;
}
.overlaytext{
    background: rgb(2, 0, 36);
    background: linear-gradient(90deg, rgba(2, 0, 36, 0.513) 0%, rgba(9, 9, 121, 0.486) 35%, rgba(0, 213, 255, 0.541) 100%);
}