.hero-background{
    background: url('/assets/images/meet_us/meetus-hero-bg.png');
    background-size: cover;
    background-position: center;
    aspect-ratio: 1440 / 660;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.content-block{
    max-width: 950px;
}

.head-text{
    font-size: 55px;
    font-weight: 600;
    text-align: center;
    color:#fff;
}

.leadership-span-text{
    color:#0078E7;

}
.leadership-text{
    font-weight: 600;
        padding:5% 0 5% 0;
        text-align: center;
        margin-bottom: 0;
}
.leadership-content{
    max-width: 1100px;
    margin:0 auto;
}
.card{
    border-radius: 24px;
    border:1px solid #BEBEBE;
    padding: 2.5% 2%;
    margin-bottom: 2%;
}

.name-text{
    color:#0078E7;
    font-weight: 600;
}

.details-text{
    font-size: 15px;
    color:#4A4A4A;
}

.content-block img{
    padding: 0 24%;
}

@media(max-width: 767px){

.mobileview-leadership-block{
    display: block !important;
}
.leadership-content{
    padding: 0 3%;
}
.card{
padding: 4% 5% !important;
}
.head-text{
font-size: 30px;
}
.content-block p{
    font-size: 14px !important;
    line-height: 1.2;
}
.content-block{
        padding: 16% 11%;
}
.web-text{
    display: none;
}
.mobile-text{
    display: block !important;
    padding:7% 0 10% 0;
    margin-bottom: 0;
    text-align: center;
}

.leadership-text{
padding: 7% 0 !important;
  margin-bottom: 0;
}
.web-line{
    display: none;
}
.mobile-line{
    display: block !important;
}
.content-block img{
padding: 0 !important;
margin:0 auto;
}
.card{
margin-bottom: 6.5%;
}
}

@media (max-width: 992px){
.webview-leadership-block{
    display: none;
}
}

.mobileview-leadership-block{
    display: none;
}
.round-block{
    height:56px;
    width: 56px;
    border-radius:50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
        position: absolute;
    right: 12px;
    top: 3px;
}

.details-text-two{
    font-size: 13px;
    text-align: center;
}


.line-wrapper{
  display:flex;
  align-items:center;
  width:100%;
}

.line{
  flex:1;
  height:1px;
  background:#dcdcdc;
}

.circle{
  width:40px;
  height:40px;
  border-radius:50%;
  background:#e5e5e5;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  color:#555;
  cursor:pointer;
  padding: 2%;

}
 .downarrow{
   transition: 0.5s ease-in-out;
   rotate: x 180deg; 
}
.rotate{
  rotate: x 0deg  !important;
}
.mobile-text{
display: none;
}

.mobile-line{
    display: none;
}

.tabview-leadership-block{
    display: none;
}

@media (min-width: 767px) and (max-width: 992px){
    .tabview-leadership-block{
    display: block;
    }

    .content-block{
        padding: 16% 11%;
}

.web-text{
    display: none;
}
.mobile-text{
    display: block !important;
    padding:6% 0;
    margin-bottom: 0;
    text-align: center;
}

.head-text{
font-size: 40px;
}

    .card {
        margin-bottom: 4%;
    }
}

.leadership-content > .card:nth-child(5){
    margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 1250px){
    .details-text{
        font-size: 12px !important;
    }
}