.leadership-head {
    margin-bottom: 80px
}

.leadership-title {
    font-size: 20px;
    line-height: 28px
}

.leadership-list {
    filter: drop-shadow(0px 0px 48px rgba(94, 158, 232, .25));
    -webkit-filter: drop-shadow(0px 0px 48px rgba(94,158,232,0.25));
    border-radius: 24px
}

.leadership-text-pos {
    bottom: 0;
    height: auto;
    left: 0;
    padding: 24px;
    transform: translateY(48px);
    width: 100%;
    position: absolute;
    transition: all .5s ease-in-out
}

.leadership-text {
    padding: 24px 18px 24px 20px;
    font-size: 1rem;
    line-height: 24px;
    color: var(--slate-color);
    background-color: var(--white);
    max-height: 96px;
    overflow: hidden;
    width: 100%;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0.075,0.82,0.165,1);
    transition-property: all;
    transition-delay: 0s;
	border-radius: 16px;
}

.leadership-text a {
    color: var(--sky-blue)
}

.leadership-role {
    padding-right: 20px;
    color: var(--black);
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
	    position: relative;
}
.leadership-role p{
	margin-bottom: 0px !important;
}
.leadership-role span {
    font-size: 20px;
    line-height: 24px;
    padding-right: 20px;
    display: block;
    cursor: pointer;
	font-weight: 700;
}

.leadership-role p {
    margin-bottom: 0;
    color: var(--Dark-parma-violet)
}

.leadership_arrow {
    right: 0;
    top: 11px;
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.075,0.82,0.165,1);
    transition-property: all;
    transition-delay: 0s;
    cursor: pointer;
    font-size: 26px
}

.leadership_arrow i {
    background: var(--Gradient-Horizontal);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent
}

.leadership_arrow::before {
    right: 0;
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("./images/arrow-down-long-new.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    transform: rotate(180deg)
}

.leadership-desc {
    display: none;
    margin-top: 24px
}

.linkedin_connect {
    font-size: 14px;
    line-height: 20px
}

.linkedin_connect a {
    gap: 8px;
    color: var(--black) !important;
	font-weight: 700;
}

.linkedin_connect a:hover {
    color: var(--sky-blue)
}

.linkedin-icon {
    font-size: 24px;
    line-height: normal;
    color: var(--sky-blue)
}

.leadership-list-illumin.expand .leadership-text {
    max-height: 400px;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.leadership-list-illumin.expand .leadership-thumb::before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .1;
    border-radius: 24px;
    background: var(--black);
    content: "";
    position: absolute;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0.075,0.82,0.165,1);
    transition-property: all;
    transition-delay: 0s
}

.leadership-list-illumin.expand .leadership-thumb img {
    opacity: .5
}

.leadership-list-illumin.expand .leadership_arrow {
    transform: rotate(180deg)
}

.leadership-text::-webkit-scrollbar {
    width: 0;
    height: 0
}

.leadership-row {
    z-index: 1
}

.leadership-space {
    display: none;
    width: 160px;
    height: 160px;
    opacity: .15;
    position: absolute;
    z-index: -1;
    background-image: url('./images/leadershipt-spacer.svg');
    background-repeat: no-repeat;
    background-size: contain
}

.leadership-space.top {
    top: -80px;
    right: -80px
}

.leadership-space.bottom {
    bottom: -80px;
    left: -80px
}

@media only screen and (min-width: 1024px) {
    .leadership-title {
        flex:0 0 652px
    }

    .leadership-btn-link {
        flex: 1;
        text-align: right
    }

    .leadership-row {
       gap: 64px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        position: relative;
    }

    .leadership-list-illumin {
        flex: 0 0 calc(33.333% - 43px);
		position: relative;
		border-radius: 24px;
    }

    .leadership-thumb {
        min-height: 400px;
		width: 100%;
    height: 100%;
    display: block;
    }
	.leadership-thumb img {
		width: 100%;
        height: 100% !important;
        font-family: "object-fit: cover;";
        object-fit: cover;
        -o-object-fit: cover;
        object-position: 50% 50%;
        -o-object-position: 50% 50%;
		border-radius: 24px!important;
		
	}
}

@media only screen and (max-width: 1023px) and (min-width:200px) {


    .leadership-head {
        display: block
    }

    .leadership-title h2 {
        font-size: 40px;
        line-height: 48px
    }

    .leadership-btn-link {
        margin-top: 24px
    }

    .leadership-row {
               gap: 80px 20px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        position: relative;
    }

    .leadership-list-illumin {
               border-radius: 24px;
        flex: 0 0 calc(50% - 20px);
        position: relative;
    }
}

@media only screen and (max-width: 767px) and (min-width:200px) {

    .leadership-head {
        display: block
    }

    .leadership-title h2 {
        font-size: 40px;
        line-height: 48px
    }

    .leadership-btn-link {
        margin-top: 24px
    }

    .leadership-row {
        display: block
    }

    .leadership-list-illumin {
        margin-bottom: 64px
    }

    .leadership-list-illumin:last-child {
        margin-bottom: 0
    }

    .leadership-space.top {
        top: -35px;
        right: -20px
    }

    .leadership-space.bottom {
        bottom: -67px;
        left: -20px
    }

    .leadership-desc {
        font-size: 14px;
        line-height: 20px
    }
}