.about-hero-content{
    margin-bottom:50px;
}

.about-hero-title strong{

    color:#B78E4F;
}

.story-image{
    overflow: hidden;
}

.story-image img{
    display: block;
    width: 100%;
    transition: transform .5s ease, box-shadow .5s ease;
}

.story-image:hover img{
    transform: scale(1.03) translateY(-4px);
    box-shadow: 0 24px 60px rgba(0,0,0,.18);
}

/* =====================================================
   OUR FOUNDATION
===================================================== */

.foundation-section{

    background:#0D0D0D;

    padding:40px 0;
}

.foundation-grid{

    display:flex;

    gap:32px;

    margin-top:70px;
}

.foundation-card{

    flex:1;

    display:flex;

    align-items:center;

    min-height: 190px;

    gap:26px;

    background:#151515;

    border:1px solid rgba(255,255,255,.08);

    border-radius:30px;

    padding:34px;

    transition:.35s ease;
}

.foundation-card:hover{

    transform:translateY(-8px);

    border-color:#C7A15A;

    box-shadow:0 24px 60px rgba(0,0,0,.35);
}

/* =====================================================
   ICON
===================================================== */

/* ICON CONTAINER */

.foundation-icon{

    flex:0 0 90px !important;

    width:90px !important;

    min-width:90px;

    max-width:90px;

    display:flex;

    justify-content:center;

    align-items:center;

    align-self:center;
}

/* ELEMENTOR CONTAINER INSIDE */

.foundation-icon > .e-con{

    width:100%;
}

/* ICON */

.foundation-icon .elementor-icon{

    display:flex;

    justify-content:center;

    align-items:center;

    width:100%;

    height:100%;
}

.foundation-icon i{

    font-size:85px !important;

    color:#C7A15A;
}

.foundation-icon svg{

    width:85px !important;

    height:85px !important;

    fill:#C7A15A;
}

/* =====================================================
   TEXT COLUMN
===================================================== */

.foundation-content{

    flex:1;

    display:flex;

    flex-direction:column;

    gap:12px;
}

/* =====================================================
   TITLE
===================================================== */

.foundation-title{

    margin:0;
}

.foundation-title .elementor-heading-title{

    color:#C7A15A;

    font-size:1.5vw;

    font-weight:600;

    letter-spacing:1.6px;

    text-transform:uppercase;

    line-height:1.3;
}

/* =====================================================
   DESCRIPTION
===================================================== */

.foundation-text{

    margin:0;
}

.foundation-text p{

    margin:0;

    color:#B8B8B8;

    font-size:1.3vw;

    line-height:1.8;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:1024px){

    .foundation-grid{

        flex-direction:column;
    }

    .foundation-card{

        padding:28px;
    }
}

@media(max-width:767px){

    .foundation-text p{

    font-size:2.7vw;

    }   
}



/* ==========================================
   PHILOSOPHY IMAGE
========================================== */

.philosophy-image{
    overflow: hidden;
}

.philosophy-image img{
    display: block;
    width: 100%;
    transition:
        transform .5s ease,
        box-shadow .5s ease;
}

.philosophy-image:hover img{
    transform: scale(1.03) translateY(-4px);
    box-shadow: 0 24px 60px rgba(0,0,0,.18);
}