.hardware{

background:#ffffff;

padding:160px 0;

}

.hardware-wrapper{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

margin-top:80px;

}

.device{

display:flex;

justify-content:center;

align-items:center;

}

.device img{

width:100%;

max-width:520px;

filter:drop-shadow(0 30px 60px rgba(0,0,0,.2));

transition:.5s;

}

.device img:hover{

transform:translateY(-15px) rotate(-2deg);

}

.hardware-features{

display:flex;

flex-direction:column;

gap:28px;

}

.hardware-item{

display:flex;

gap:25px;

padding:25px;

border-radius:22px;

transition:.35s;

border:1px solid #e8ecef;

background:#fff;

}

.hardware-item:hover{

transform:translateX(12px);

box-shadow:0 25px 60px rgba(0,0,0,.08);

}

.number{

width:65px;

height:65px;

border-radius:16px;

display:flex;

justify-content:center;

align-items:center;

background:linear-gradient(
135deg,
#22C55E,
#2F855A
);

color:#fff;

font-weight:700;

font-size:22px;

flex-shrink:0;

}

.hardware-item h3{

font-size:24px;

margin-bottom:10px;

}

.hardware-item p{

color:#687681;

line-height:1.8;

}

@media(max-width:1100px){

.hardware-wrapper{

grid-template-columns:1fr;

}

}