:root{
--teamsection-height :100vh;
--teamcard-height : 32vh;
--teamcard-gap :2vh;
}
.team-slider-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: start;
justify-content: space-between;
position: relative;
gap:5vw;
}
.team-slider-container .left{
flex:0 0  70%;
flex-direction: column;
gap:5vw;
display: flex;
padding-top:  3vw;
max-width: calc(90vw* .7);
overflow: hidden;
}
.team-slider-container .right{
flex:0 0  30%;
max-width: calc(90vw* .3);
position: relative;
}
.team-slider .item{
display: flex;
flex-direction: row;
align-items: center;
gap: 5vw;
justify-content: space-between;
}
.team-slider{
overflow: hidden;
}
.team-slider .item .img-block{
flex: 0 0 35%;
}
.team-slider .item .content-block{
flex: 1 1 50%;
display: flex;
flex-direction: column;
gap:1rem;
}
.team-slider .item .content-block .name{
font-family: var(--wp--preset--font-family--source-serif-pro);
font-size: 50px;
font-weight: 700;
line-height: 1;
text-align: left;
color: #000000;
}
.team-slider .item .content-block .designation{
font-family: var(--wp--preset--font-family--source-serif-pro);
font-size: 26px;
font-weight: 300;
line-height: 1;
text-align: left;
color: #3D3D3D;
}
.team-slider .item .content-block .intro{
font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 1.5
text-align: left;
color:#3D3D3D;
}
.team-slider-container .right .team-carousel-container{
transform: translateY(0);
transition: transform .5s ease-in-out;
}
#Team-carousel1 {
display: flex;
flex-direction: column;
gap: var(--teamcard-gap);
}
#Team-carousel1 .item{
height: var(--teamcard-height);
position: relative;
display: block;
}
#Team-carousel1 .img-block{
padding: 1rem;
box-sizing: border-box;
display: inline-block;
background: #dbdbdb;
height: 100%;
width: 100%;
aspect-ratio:243/ 271;
}
#Team-carousel1 .img-block img{
max-width: 100%;
height: auto;
}
#Team-carousel1  .content-block{
position: absolute;
bottom:10%;
left:90%;
}
.team-slider-container .right .team-carousel-container{
position: absolute;
top:0;
left: 0;
}
#Team-carousel1 .img-block{
padding: 1rem;
box-sizing: border-box;
display: inline-block;
background: #dbdbdb;
}
#Team-carousel1  .content-block .name{
font-family: var(--wp--preset--font-family--source-serif-pro);
font-size: 18.87px;
font-weight: 700;
line-height: 1;
text-align: left;
}
#team{
max-height: 100vh;
overflow: hidden;
}
a.slider-to1{
cursor: pointer;
}
@media only screen and (max-width:781px){
.team-slider-container,.team-slider .item{
flex-direction: column;
gap: 2rem;
}
.team-slider-container .left ,.team-slider-container .right{
flex: 0 0 100%;
max-width:100%;
}
.team-slider-container .right .team-carousel-container{
position: relative;
}
#Team-carousel1{
flex-direction: row;
gap:2vw;
}
#team{
max-height: unset;
}
#Team-carousel1{
display: none;
}
#Team-carousel1 .item{
height: unset !important;
flex: 0 0 32vw;
}
.team-slider .item .content-block .name{
font-size: var(--level2-title);
text-align: center;
}
.team-slider .item .content-block .designation{
font-size: var(--normal-text);
text-align: center;
}
.team-slider .owl-nav button{
height: 40px;
width: 40px;
border-radius: 5px !important;
border: 1px solid #3D3D3D !important;
}
}:root{
--teamsection-height :100vh;
--teamcard-height : 32vh;
--teamcard-gap :2vh;
}
.team-slider-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: start;
justify-content: space-between;
position: relative;
gap:5vw;
}
.team-slider-container .left{
flex:0 0  70%;
flex-direction: column;
gap:5vw;
display: flex;
padding-top:  3vw;
max-width: calc(90vw* .7);
overflow: hidden;
}
.team-slider-container .right{
flex:0 0  30%;
max-width: calc(90vw* .3);
position: relative;
}
.team-slider .item{
display: flex;
flex-direction: row;
align-items: center;
gap: 5vw;
justify-content: space-between;
}
.team-slider{
overflow: hidden;
}
.team-slider .item .img-block{
flex: 0 0 35%;
}
.team-slider .item .content-block{
flex: 1 1 50%;
display: flex;
flex-direction: column;
gap:1rem;
}
.team-slider .item .content-block .name{
font-family: var(--wp--preset--font-family--source-serif-pro);
font-size: 50px;
font-weight: 700;
line-height: 1;
text-align: left;
color: #000000;
}
.team-slider .item .content-block .designation{
font-family: var(--wp--preset--font-family--source-serif-pro);
font-size: 26px;
font-weight: 300;
line-height: 1;
text-align: left;
color: #3D3D3D;
}
.team-slider .item .content-block .intro{
font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 1.5
text-align: left;
color:#3D3D3D;
}
.team-slider-container .right .team-carousel-container{
transform: translateY(0);
transition: transform .5s ease-in-out;
}
#Team-carousel {
display: flex;
flex-direction: column;
gap: var(--teamcard-gap);
}
#Team-carousel .item{
height: var(--teamcard-height);
position: relative;
display: block;
}
#Team-carousel .img-block{
padding: 1rem;
box-sizing: border-box;
display: inline-block;
background: #dbdbdb;
height: 100%;
width: 100%;
aspect-ratio:243/ 271;
}
#Team-carousel .img-block img{
max-width: 100%;
height: auto;
}
#Team-carousel  .content-block{
position: absolute;
bottom:10%;
left:90%;
}
.team-slider-container .right .team-carousel-container{
position: absolute;
top:0;
left: 0;
}
#Team-carousel .img-block{
padding: 1rem;
box-sizing: border-box;
display: inline-block;
background: #dbdbdb;
}
#Team-carousel  .content-block .name{
font-family: var(--wp--preset--font-family--source-serif-pro);
font-size: 18.87px;
font-weight: 700;
line-height: 1;
text-align: left;
}
#team{
max-height: 100vh;
overflow: hidden;
}
a.slide-to{
cursor: pointer;
}
@media only screen and (max-width:781px){
.team-slider-container,.team-slider .item{
flex-direction: column;
gap: 2rem;
}
.team-slider-container .left ,.team-slider-container .right{
flex: 0 0 100%;
max-width:100%;
}
.team-slider-container .right .team-carousel-container{
position: relative;
}
#Team-carousel{
flex-direction: row;
gap:2vw;
}
#team{
max-height: unset;
}
#Team-carousel{
display: none;
}
#Team-carousel .item{
height: unset !important;
flex: 0 0 32vw;
}
.team-slider .item .content-block .name{
font-size: var(--level2-title);
text-align: center;
}
.team-slider .item .content-block .designation{
font-size: var(--normal-text);
text-align: center;
}
.team-slider .owl-nav button{
height: 40px;
width: 40px;
border-radius: 5px !important;
border: 1px solid #3D3D3D !important;
}
}