@tailwind base;
@tailwind components;
@tailwind utilities;

body{
    font-family: 'Poppins', sans-serif;
}

/* bg-nav */

.bg-gradient-custom{
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 55%, rgba(255,255,255,0.8744747899159664) 72%, rgba(255,255,255,0) 100%);
}

/* bg banners */

.custom-img-banner-1{
    background-image: url('../img/banner1.png');
}

.bg-banner-2{
    background-image: url('../img/banner2.png');
}
.bg-banner-3{
    background-image: url('../img/banner5.png');
}

.bg-banner-4{
    background-image: url('../img/banner7.png');
}

/* bg-custom */

.bg-custom-1{
    background-color: #349980;
}

.primary-color{
    color: #FF8001;
}
.filter-image {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.8744747899159664) 70%, rgba(255,255,255,1) 90%);
    pointer-events: none;
}
.filter-image2 {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 30%, rgba(255,255,255,0.8744747899159664) 60%, rgba(255,255,255,1) 99%);
    pointer-events: none;
}

.nav-bg{
 background-color: rgba(255, 255, 255, 0.2); 
 backdrop-filter: blur(12px)  
}