/* Main Section */

.warehouse-section{
padding:60px 5%;
overflow:hidden;
position:relative;
color:white;
width:100%;
background:#06162d;
/*background: linear-gradient(135deg, #1A00FF 0%, #020314 100%);*/
/*overflow-x:hidden;*/
}

/* Background Text */

.big-text{
position:absolute;
top:10px;
left:50%;
transform:translateX(-50%);
font-size:clamp(4rem,12vw,10rem);
font-weight:800;
opacity:.03;
white-space:nowrap;
pointer-events:none;
}

/* Content Layout */

.content-wrapper{
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
align-items:center;
position:relative;
z-index:2;
max-width:1300px;
margin:auto;
}

/* Left Content */

.small-title{
display:inline-block;
font-size:.85rem;
font-weight:600;
letter-spacing:3px;
color:#38bdf8;
margin-bottom:15px;
}

.left-side h2{
font-size:clamp(2rem,5vw,4rem);
font-weight:800;
line-height:1.1;
margin-bottom:20px;
}

.description{
font-size:1rem;
line-height:1.8;
color:#cbd5e1;
}

/* Right Content */

.right-side{
display:flex;
flex-direction:column;
gap:15px;
}

.item{
padding:18px 0;
border-bottom:1px solid rgba(255,255,255,.1);
transition:.4s ease;
}

.item:hover{
padding-left:15px;
}

.item-number{
font-size:.85rem;
font-weight:700;
color:#38bdf8;
margin-bottom:6px;
}

.item h3{
font-size:1.15rem;
margin-bottom:8px;
}

.item p{
font-size:.95rem;
line-height:1.7;
color:#94a3b8;
}

/* Tablet */

@media(max-width:992px){

.content-wrapper{
gap:35px;
}

}

/* Mobile */

@media(max-width:768px){

.warehouse-section{
padding:45px 6%;
}

.content-wrapper{
grid-template-columns:1fr;
gap:35px;
}

.big-text{
font-size:4rem;
top:25px;
}

.left-side h2{
font-size:2rem;
}

.description{
font-size:.95rem;
line-height:1.7;
}

.item{
padding:14px 0;
}

}

/* Small Devices */

@media(max-width:480px){

.warehouse-section{
padding:35px 5%;
}

.big-text{
font-size:3rem;
}

.left-side h2{
font-size:1.8rem;
}

}