*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.leaders-section{

    padding:100px 0;

    background:#f5f8ff;
}

.container{

    width:90%;

    max-width:1300px;

    margin:auto;
}

.section-title{

    text-align:center;

    margin-bottom:40px;
}

.section-title span{

    color:#0d47a1;

    font-weight:700;

    letter-spacing:2px;
}

.section-title h2{

    font-size:48px;

    margin:15px 0;

    font-weight:800;
}

.section-title p{

    color:#666;
}

/* Buttons */

.leader-tabs{

    display:flex;

    justify-content:center;

    gap:20px;

    margin-bottom:50px;
}

.leader-btn{

    border:none;

    background:#fff;

    padding:18px 45px;

    border-radius:60px;

    cursor:pointer;

    font-size:18px;

    font-weight:700;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.4s;
}

.leader-btn i{

    margin-right:10px;
}

.leader-btn.active{

    background:#0d47a1;

    color:#fff;
}

/* Content */

.leader-content{

    display:none;

    align-items:center;

    gap:40px;

    background:#fff;

    border-radius:20px;

    padding:40px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    animation:fade .4s;
}

.leader-content.active{

    display:flex;
}

/* Left */

.leader-left{

    flex:0 0 40%;
}

.leader-image{

    overflow:hidden;

    border-radius:20px;
}

.leader-image img{

    width:100%;

    display:block;
}

.leader-name{

    background:#0d47a1;

    color:#fff;

    text-align:center;

    padding:20px;
}

.leader-name h4{

    color:#FFC107;

    margin-bottom:8px;
}

/* Right */

.leader-right{

    flex:0 0 60%;
}

.quote{

    font-size:60px;

    color:#FFC107;
}

.leader-text h3{

    color:#0d47a1;

    font-size:35px;

    margin:15px 0;
}

.leader-text p{

    line-height:1.9;

    color:#555;

    margin-bottom:20px;
}

.signature{

    width:170px;

    margin-top:20px;
}

.leader-text h5{

    margin-top:20px;

    color:#0d47a1;
}

@keyframes fade{

    from{

        opacity:0;

        transform:translateY(20px);
    }

    to{

        opacity:1;

        transform:translateY(0);
    }

}

/* Responsive */

@media(max-width:992px){

.leader-content{

flex-direction:column;
}

.leader-left,
.leader-right{

flex:0 0 100%;

width:100%;
}

.section-title h2{

font-size:34px;
}

.leader-tabs{

flex-direction:column;
}

.leader-btn{

width:100%;
}

}