#page-banner{
    padding-top: 150px;
     background: linear-gradient(to bottom, #0D2D40 0%, #081D29 100%);
    h1{
        margin-top: 70px;
        color: #E7AC45;
        font-size: 60px;
    }
    p{
        color: #FFF;
        font-size: 40px;
        line-height: 55px;
    }
    .middle-text{
        position: absolute;
        bottom: 35%;
        
    }
    &.leadership-banner{
        background: url("images/leadership-banner.png") no-repeat center center;
        background-size: cover;
    }
}
#chairman{
    padding: 50px 0;
    background: #F2F2F2;
    color: #0D2D40;
    font-size: 16px;
    h3{
        font-size: 30px;        
    }
    strong{
        font-size: 21px;
        font-weight: 700;
        line-height: 30px;
    }
}
#other-leadership{
    padding: 100px 0;
    .overflow-hidden{
        overflow: hidden;
    }
    .gutter-6{
        --bs-gutter-x: 7rem;
    }
    figcaption{
        top: 0;
        display: flex;
        align-items: flex-end;
        color: #FFF;
        background: #000000ad;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 15px;
        display: none;
    }
    svg{
        cursor: pointer;
        &.current{
            transform: rotateZ(-90deg);
        }
    }
}

.leadership__bg{
    background: url(images/leadership-banner.png) no-repeat center center;
    background-size: cover;
}