/* ---------- GLOBAL ---------- */

body {
    color: #67280b;
    font-family: 'Nunito',sans-serif;
    background-color: #f9f8eb;
}

/* ---------- NAV ---------- */


.containerLrg {
    margin: 0 auto;
    max-width: 1550px;
    width: 90%;
}

nav {
    background: #f9f8eb;
    box-shadow: none;
    padding: 0px 14rem;
}

.brand-logo img {
    height: 3.2rem;
    margin-top: 2rem;
}

.btn-outline {
    border: 1px solid #b45d35;
    color: #b45d35;
    background: transparent;
    letter-spacing: 2px;
    margin-top: 2.2rem !important;
}

    .btn-outline:hover {
        background: #b45d35;
        color: white;
    }

/* ---------- HERO ---------- */

.hero {
    height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    overflow: hidden;
}

    /* vertical grid */

    .hero:before {
        content: "";
        position: absolute;
        inset: 0;
        background: repeating-linear-gradient( to right, rgba(0,0,0,0.05), rgba(0,0,0,0.05) 1px, transparent 1px, transparent 70px );
    }

    /* circle */

    .hero:after {
        content: "";
        position: absolute;
        width: 550px;
        height: 550px;
        border-radius: 50%;
    }

    .hero h1 {
        font-size: 7rem;
        font-weight: 300;
        letter-spacing: 3px;
        z-index: 2;
        font-family: 'Poiret One', sans-serif;
    }

/* ---------- SECTION TITLE ---------- */

.section-big-white {
    padding: 4rem 0 4rem 0;
    background: #fffff8;
}

.section-big {
    padding: 4rem 0 4rem 0;

}


/*.section-title {
    text-align: center;
    position: relative;
    font-family: 'Poiret One', sans-serif;
    font-weight: bold;
    margin: 0 2rem 0 2rem;
}*/

    .section-title span {
        padding: 0 20px;
        font-size: 2rem;
        letter-spacing: 2px;
    }

   

 /*   .section-title:before,
    .section-title:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 34%;
        height: 1px;
        background: #b45d35;
    }*/

.section-title {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6e2f19;
    letter-spacing: 2px;
    font-family: 'Poiret One', sans-serif;
    margin: 0 2rem 0 2rem;
    font-weight: bold;
}

    .section-title::before,
    .section-title::after {
        content: "";
        flex: 1;
        height: 1px;
        background: #b45d35;
    }

  

    .section-title:before {
        left: 0;
    }

    .section-title:after {
        right: 0;
    }

.section-text {
    text-align: justify;
    line-height: 1.9;
    font-family: 'Raleway', sans-serif;
    font-size: 1.5rem;
    margin: 2.5rem 0 0;
    color:black;
}

/* ---------- CARDS ---------- */

.av-card {
    border: 1px solid #b45d35;
    border-top: 10px solid #6e2f19;
    padding: 35px;
    border-radius: 6px;
    transition: .3s;
    background: white;
    height: 100%;
    font-family: 'Poiret One', sans-serif;
}

    .av-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 10px 30px rgba(0,0,0,.08);
    }

    .av-card h6 {
        color: #1c5ea5;
        letter-spacing: 1px;
        font-weight: 600;
        font-size: 1.7rem;
    }

    .av-card p {
        font-size: 1.2rem;
        text-align: justify;
        color: black;
        padding: 0 1rem 0 1rem;    
        font-family: 'Raleway', sans-serif;
    }

    .av-card img {
        width: auto;
        max-width: 60px; /* adjust to match your design */
        height: auto;
        margin-top: 1.4rem;
        align-self: center;
        flex-shrink: 0;
    }

.row.equal-height {
    display: flex;
    flex-wrap: wrap;
}

    .row.equal-height > .col {
        display: flex;
    }

    .row.equal-height .av-card {
        display: flex;
        flex-direction: column;
        flex: 1;
    }

/* ---------- CLIENT LOGOS ---------- */

.served-logos .col {
    padding: 30px;
}

    .client-logos img:hover {
        filter: none;
        opacity: 1;
    }

/* ---------- CASE STUDY ---------- */

.case-title {
    font-size: 3.8rem;
    color: #2b69a6;
    margin-bottom: 10px;
    font-family: 'Poiret One', sans-serif;
    font-weight: bold;
}

.case-sub {
    color: #6e2f19;
    letter-spacing: 2px;
    margin-bottom: 40px;
    font-size: 2rem;
    font-family: 'Poiret One', sans-serif;
    font-weight: bold;
}

.ourresultsp {
    font-family: 'Raleway', sans-serif;
    text-align: justify;
    font-size: 1.5rem;
    color: black;
    line-height: 2.6rem;
}   
    

.ourresults {
    font-family: 'Poiret One', sans-serif;
    font-weight: bold;
}

.case-section h5 {
    color: #6e2f19;
    margin-bottom: 15px;
}

/* ---------- FOOTER ---------- */

footer {
    text-align: center;
    padding: 80px 20px;
}

.footer-btn {
    margin: 40px 0;
}

/* ---------- SCROLL ANIMATION ---------- */

.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all .7s ease;
}

    .reveal.active {
        opacity: 1;
        transform: translateY(0);
    }