body{
background:#d8d6d6;
font-family:Poppins, sans-serif;
}

.slatech-wrapper{
text-align:center;
max-width:1100px;
margin:auto;
padding:40px;
}

.logo{
width:120px;
margin-bottom:20px;
}

.slatech-pricing{
display:flex;
gap:30px;
justify-content:center;
margin-top:40px;
flex-wrap:wrap;
}

.pricing-card{

background:#cbc9c9;
padding:30px;
width:300px;

border-radius:14px;

box-shadow:0 15px 40px rgba(0,0,0,0.08);

transition:0.3s;
}

.pricing-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 50px rgba(0,0,0,0.15);
}

.master{
border:3px solid #ea1561;
}

.price{
font-size:28px;
font-weight:700;
color:#1f5673;
}

.feature-btn{

margin-top:20px;
padding:12px 20px;

background:#0d0d0e;
color:#d7d4d4;

border:none;
border-radius:8px;

cursor:pointer;
}

.feature-btn:hover{
background:#28a745;
}


/* MODAL */

.slatech-modal{

display:none;
position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background:rgba(22, 18, 18, 0.6);
}

.modal-content{

background:#f3e3e3;

width:500px;

margin:8% auto;

padding:35px;

border-radius:14px;
}

.close{

float:right;
font-size:26px;
cursor:pointer;
}

.pay-btn{

display:inline-block;

margin-top:20px;

background:#1f5673;
color:#fff;

padding:12px 25px;

border-radius:8px;

text-decoration:none;
}