/* =============================================
About Us Page Independent Styles
============================================= */
.section-padding {
    padding:70px 0;
}
.bg-light {
    background:#f8f9fa;
}

/* Page Hero */
.storacage-page-hero {
    position:relative;
    height:420px;
    display:flex;
    align-items:center;
    color:#fff;
}
.storacage-page-hero-bg {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:-1;
}
.storacage-page-hero-bg img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.storacage-page-hero-bg::after {
    content:"";
    width:100%;
    height:100%;
    background:rgba(0,30,75,0.45);
    position:absolute;
    top:0;
    left:0;
}
.storacage-page-subtitle {
    display:block;
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:12px;
    opacity:0.9;
}
.storacage-page-hero-content h1 {
    font-size:38px;
    line-height:1.25;
    text-transform:uppercase;
    margin-bottom:16px;
}
.storacage-page-hero-content p {
    max-width:520px;
    font-size:16px;
    line-height:1.7;
}

/* Breadcrumb */
.storacage-breadcrumb {
    padding:16px 0;
    background:#ffffff;
    font-size:14px;
}
.storacage-breadcrumb a {
    color:#0057CC;
}
.storacage-breadcrumb .current {
    color:#222;
}

/* Who We Are */
.storacage-who-grid {
    display:grid;
    grid-template-columns: 1fr 2fr;
    gap:40px;
    align-items:center;
    margin-bottom:40px;
}
.storacage-who-img img {
    width:100%;
}
.storacage-who-text h2 {
    font-size:18px;
    color:#0057CC;
    text-transform:uppercase;
    margin-bottom:6px;
}
.storacage-who-text h3 {
    font-size:24px;
    text-transform:uppercase;
    margin-bottom:16px;
}
.storacage-who-text p {
    margin-bottom:12px;
    color:#333;
    line-height:1.65;
}

/* About Stats Row */
.storacage-about-stats {
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap:24px;
    border-top:1px solid #ddd;
    padding-top:40px;
}
.storacage-about-stat-item {
    display:flex;
    align-items:center;
    gap:14px;
}
.storacage-about-stat-item i {
    font-size:28px;
    color:#0057CC;
}
.storacage-about-stat-item h4 {
    font-size:22px;
}
.storacage-about-stat-item p {
    font-size:13px;
    text-transform:uppercase;
    color:#555;
}

/* Our Factory */
.storacage-factory-grid {
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:40px;
    align-items:center;
}
.storacage-factory-text h2 {
    font-size:18px;
    color:#0057CC;
    text-transform:uppercase;
    margin-bottom:6px;
}
.storacage-factory-text h3 {
    font-size:24px;
    text-transform:uppercase;
    margin-bottom:16px;
}
.storacage-factory-text p {
    margin-bottom:20px;
}
.storacage-factory-list li {
    margin-bottom:10px;
    display:flex;
    gap:10px;
}
.storacage-factory-list i {
    color:#0057CC;
}
.storacage-factory-gallery {
    display:grid;
    grid-template-columns: 3.2fr 1fr;
    gap:12px;
}
.gallery-side {
    display:grid;
    gap:12px;
}

.storacage-factory-gallery .gallery-side img{
    

}






/* Our Values */
.storacage-values-grid {
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap:30px;
    margin-top:40px;
}
.storacage-value-item {
    text-align:center;
}
.storacage-value-item i {
    font-size:36px;
    color:#0057CC;
    margin-bottom:16px;
}
.storacage-value-item h4 {
    font-size:18px;
    text-transform:uppercase;
    margin-bottom:8px;
}
.storacage-value-item p {
    font-size:14px;
    color:#555;
}

/* About CTA Banner */
.storacage-about-cta {
    position:relative;
    padding:60px 0;
    color:#fff;
}
.storacage-about-cta-bg {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:-1;
}
.storacage-about-cta-bg img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.storacage-about-cta-bg::after {
    content:"";
    width:100%;
    height:100%;
    background:rgba(0,35,85,0.75);
    position:absolute;
    top:0;
    left:0;
}
.storacage-cta-inner {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
}
.storacage-cta-text h2 {
    font-size:30px;
    margin-bottom:12px;
    text-transform:uppercase;
}
.storacage-cta-buttons {
    display:flex;
    gap:20px;
}

/* ===================== RESPONSIVE ADAPTATION ===================== */
@media(max-width:1024px){
    .storacage-who-grid,
    .storacage-factory-grid {
        grid-template-columns:1fr;
    }
    .storacage-about-stats,
    .storacage-values-grid {
        grid-template-columns: repeat(2,1fr);
    }
    .storacage-cta-inner {
        flex-direction:column;
        text-align:center;
    }
}
@media(max-width:768px){
    .storacage-page-hero {
        height:340px;
    }
    .storacage-page-hero-content h1 {
        font-size:28px;
    }
    .storacage-factory-gallery {
        grid-template-columns:1fr;
    }
    .storacage-about-stats,
    .storacage-values-grid {
        grid-template-columns:1fr;
    }
    .storacage-cta-buttons {
        flex-direction:column;
    }
}