/* === Circular Image with #084723 Outline (Reduced Thickness) === */
.info-box-circle {
    width: 136px;                      /* Slight size reduction */
    height: 136px;
    border-radius: 50%;
    border: 8px solid #084723;         /* Slim 15% thinner border */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px auto;
}

.info-box-circle img {
    width: 120px;                      /* Fits properly within border ring */
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    box-shadow: 0 4px 14px rgba(0,0,0,0.15);
}
.title-box {
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;        /* white text */
    background-color: #084723; /* same green as earlier */
    padding: 2px 18px;
    border-radius: 60px;
    display: inline-block;
    text-align: center;
}

/* Center it within the page/container */
.title-container {
    text-align: center;
    margin: 20px 0;
}

/* ===========================
   QUOTE BOX WRAPPER
=========================== */
.quote-box {
    background: #e9d8c0;
    padding: 50px;
    padding-top:20px;
    padding-bottom:20px;
    border-radius: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    width: 100%;
}

/* Title Styling */
.quote-title {
    font-size: 36px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 25px;
    color: #084723;
}