@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;900&display=swap');

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


/* pricing */

.pricing-card{
background:white;
border:2px solid #e2e8f0;
transition:0.4s;
}

.pricing-card .buy-btn{
background:#0f172a;
color:white;
}

.pricing-card.active{
background:#1d4ed8;
color:white;
transform:scale(1.05);
border:none;
}

.pricing-card.active .buy-btn{
background:#22c55e;
}

.pricing-wrapper:hover .pricing-card{
background:white;
color:black;
border:2px solid #e2e8f0;
transform:scale(1);
}

.pricing-card:hover{
background:#1d4ed8 !important;
color:white !important;
transform:scale(1.08);
border:none;
}

.pricing-card:hover .buy-btn{
background:#22c55e !important;
}


/* client slider */

.client-slider{
overflow:hidden;
}

.client-track{
display:flex;
gap:60px;
animation:scrollClients 30s linear infinite;
}

.client-item{
text-align:center;
min-width:120px;
}

.client-logo{
width:80px;
height:80px;
border-radius:50%;
object-fit:cover;
margin:auto;
margin-bottom:10px;
filter:grayscale(100%);
opacity:0.7;
transition:0.3s;
}

.client-item:hover .client-logo{
filter:grayscale(0);
opacity:1;
transform:scale(1.1);
}

@keyframes scrollClients{
from{transform:translateX(0);}
to{transform:translateX(-50%);}
}


/* mobile adjustments */

@media(max-width:768px){

.client-track{
gap:30px;
animation:scrollClients 35s linear infinite;
}

.client-logo{
width:60px;
height:60px;
}

.client-item{
min-width:90px;
}

}