.team-component{background:var(--backgroundColor)}
.team-component .event-heading{text-transform:uppercase;color:#fff;padding-left:50px;margin-bottom:23px}
.team-component .events-slider-tab{position:relative;margin:0 -12px;padding:30px 0 0 0}
.team-component .slick-dotted.slick-slider{background:linear-gradient(180deg,var(--backgroundColor) 0 130px,#dee8eb 130px 100%)}
.team-component .backgrd-img{display:none}
.team-component .content-card{background:var(--cardBackgroundColor);padding:176px 50px 115px 64px;flex-grow:1;flex-basis:44%;padding-left:40px;padding-right:30px;max-height:600px;overflow:hidden;position:relative}
.team-component .content-card.readmore{cursor:pointer}
.team-component .team-member-name{color:#002035;font-weight:700}
.team-component .team-member-designation{color:#002035;margin-top:9px}
.team-component .team-member-heading{color:#000;margin:22px 0}
.team-component .team-member-detail{color:#4e4f51}
.team-component .img-card{padding-left:0;flex-grow:1;flex-basis:22%;z-index:9}
.team-component .navigation-buttons .btn{padding:10px 25px}
.team-component .card-row{display:flex;flex-direction:column;margin-left:0}
.team-component .image{object-fit:contain;position:relative;top:150px;width:246px;height:227px;margin-left:40px;margin-top:0}
.team-component .clock-div{position:absolute;margin-top:0;width:63%}
.team-component .clock{width:78px;height:78px;border-radius:50%;border:1px solid #a7a9ac;position:relative;top:-2.8em;z-index:10;left:-2.6em}
.team-component .slick-slide{margin-top:-150px;display:block}
.team-component .slick-dots{text-align:left;padding:0 0 0 62.4px;bottom:10px !important;margin-bottom:-45px}
.team-component .slick-dots li.slick-active button:before{color:#f9550d !important;font-size:20px !important}
.team-component .slick-dots li button:before{color:#d9d9d9 !important;opacity:1 !important;font-size:10px !important}
.team-component .slick-list{padding:0 80px 0 0 !important;height:max-content !important}
.team-component .slick-slide .content-card div,.img-card div{opacity:.5}
.team-component .slick-slide.slick-active .content-card div,.img-card div{opacity:1}
.team-component .slick-slide .img-card div{opacity:.5}
.team-component .slick-slide.slick-active .img-card div{opacity:1}
.team-component .onlymobile{display:flex}
.team-component .pagination-colour{color:#f9550d}
.team-component .content-card.readmore::after{content:"Read More 🡓";position:absolute;bottom:0;width:100%;left:0;text-align:center;padding:50px 10px 40px 10px;margin-bottom:-20px;background:#fff;background:linear-gradient(0,rgba(255,255,255,1) 0,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%);font-weight:bold}
.team-component .content-card.readmore::after{-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite}
.team-component .content-card.readmore.open{height:auto;max-height:fit-content}
.team-component .content-card.readmore.open::after{display:none}
@keyframes bounce{70%{transform:translateY(0)}
80%{transform:translateY(-15%)}
90%{transform:translateY(0)}
95%{transform:translateY(-7%)}
97%{transform:translateY(0)}
99%{transform:translateY(-3%)}
100%{transform:translateY(0)}
}
@media(min-width:576px){.meetTheTeamComponent{margin-bottom:60px}
.team-component .events-slider-tab{margin:0 -20px;padding:30px 0 0 0}
.team-component .event-heading{padding-left:65px}
.team-component .image{height:425px;width:420px;margin-left:50px;z-index:2}
}
@media(min-width:768px){.team-component .events-slider-tab{background-position-y:238px;background-size:180px 330px}
.team-component .image{object-fit:cover;width:575px;height:532px}
.team-component .slick-list{padding:0 70px 0 0 !important}
}
@media(min-width:992px){.team-component .backgrd-img{color:#f9550d;position:absolute;width:100%;max-width:460px;right:-87px;display:block}
.team-component{overflow:hidden}
.team-component .content-card{z-index:1}
.team-component .event-heading{padding-left:0}
.team-component .card-row{flex-direction:row-reverse}
.team-component .content-card{padding:60px 85px 70px 57px;margin-top:80px;width:50%;height:600px;overflow:hidden;position:relative}
.team-component .slick-list{padding:0 0 0 0 !important}
.team-component .events-slider-tab{padding:85px 20px}
.team-component .img-card{margin-left:-5em;width:50%}
.team-component .image{width:410px;height:425px;object-fit:cover;position:absolute;margin:-40px 0;top:0;margin-top:0}
.team-component .slick-slide{margin-top:0;display:block}
.team-component .navigation-buttons{position:absolute;right:-45px;bottom:85px;width:425px;display:flex;justify-content:center;column-gap:20px;align-items:center;color:#fff}
.team-component .onlymobile{display:none}
.team-component .slick-slide{margin-left:125px !important}
.team-component .slick-list{margin-left:-125px !important}
.team-component .slick-slide .img-card div{display:none !important}
.team-component .slick-slide.slick-active .img-card div{display:block !important}
}
@media(min-width:1200px){.team-component .events-description{width:35%}
.team-component .content-card{padding:60px 150px 70px 57px;margin-top:80px}
.team-component .events-slider-tab{background-size:470px 450px}
.team-component .image{width:490px;height:525px;object-fit:cover}
.team-component .navigation-buttons{right:0}
}
@media(min-width:1440px){.team-component .content-card{padding:75px 215px 70px 77px;margin-top:80px}
.team-component .image{width:575px;height:575px;object-fit:cover;margin:0}
}
.team-component .upcoming-counter{display:none}
@media(min-width:992px){.team-component .upcoming-counter{display:grid;align-items:center;justify-content:center;position:absolute;top:-55px;right:60px;width:78px;aspect-ratio:1;color:#f9550d;z-index:1}
.team-component .upcoming-counter svg{position:absolute;top:0;right:0;width:78px;height:78px}
.team-component .upcoming-counter svg circle{stroke-linecap:round;stroke-width:1px;stroke:#a7a9ac;fill:none;position:absolute;top:0;left:0;stroke-dasharray:227;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50%}
.team-component .upcoming-counter svg circle.animated{opacity:1;stroke-width:2px;stroke:#f9550d}
.team-component .upcoming-counter svg circle.animated.play{animation-iteration-count:infinite;animation-name:slider-timer;animation-duration:8000ms;animation-direction:reverse;animation-timing-function:linear}
@keyframes slider-timer{to{stroke-dashoffset:227}
}
}