jQuery(function($){
$('.person-slider-16').slick({
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 1500,
arrows: true,
dots: true,
pauseOnHover: true,
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 3
}
},
{
breakpoint: 980,
settings: {
slidesToShow: 2
}
},
{
breakpoint: 680,
settings: {
slidesToShow: 1
}
}
]
});
});
:root {
--color1: #41b06e;
--color2: #141e46;
}
/*Slider Code*/
.person-slider-16 .slick-slide {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
float: left;
margin: 1vw !important;
}
.person-slider-16 .slick-list {
margin: 50px 0 60px 0;
}
/*Slider Arrows*/
.person-slider-16 .slick-next,
.person-slider-16 .slick-prev {
background: var(--color2) !important;
border: none;
width: 50px;
height: 50px;
z-index: 1;
top: 0;
border-radius: 50%;
}
.person-slider-16 .slick-next {
right: 13px;
}
.person-slider-16 .slick-prev {
left: auto;
right: 75px;
}
.person-slider-16 .slick-next:hover,
.person-slider-16 .slick-prev:hover {
background: var(--color1) !important;
}
.person-slider-16 .slick-next::before,
.person-slider-16 .slick-prev::before {
font-family: ETmodules !important;
font-size: 25px;
opacity: 1;
}
.person-slider-16 .slick-next::before {
content: "\24";
}
.person-slider-16 .slick-prev::before {
content: "\23";
}
/*Slider Dots*/
.person-slider-16 .slick-dots {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
list-style: none;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.person-slider-16 .slick-dots li {
line-height: 0;
width: auto;
height: auto;
margin: 0;
}
.person-slider-16 .slick-dots li button {
width: 16px;
height: 16px;
background: var(--color2);
border-radius: 50%;
font-size: 0;
padding: 0;
border: 0;
transition: all 0.5s ease;
position: relative;
margin: 11px 0;
}
.person-slider-16 .slick-dots li.slick-active button {
background: var(--color1);
margin: 11px;
}
.person-slider-16 .slick-dots li button:after {
content: "";
top: -11px;
left: -11px;
right: -11px;
bottom: -11px;
position: absolute;
background: linear-gradient(white, white) padding-box,
linear-gradient(90deg, var(--color1) 0%, var(--color2) 100%) border-box;
border-radius: 50em;
border: 1px solid transparent;
opacity: 0;
z-index: -1;
transition: all 0.5s ease;
border-radius: 50%;
}
.person-slider-16 .slick-dots li.slick-active button:after {
opacity: 1;
}
.person-slider-16 .slick-dots li button::before {
display: none;
}
/*Visual Enable Code*/
.et-db #et-boc .et-l #et-fb-app .team_16 {
display: block !important;
}
.et-db #et-boc .et-l #et-fb-app .et_pb_column.person-slider-16 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
@media only screen and (max-width: 766px) {
.et-db #et-boc .et-l #et-fb-app .et_pb_column.person-slider-16 {
grid-template-columns: repeat(1, 1fr);
}
}
@media (min-width: 767px) and (max-width: 1024px) {
.et-db #et-boc .et-l #et-fb-app .et_pb_column.person-slider-16 {
grid-template-columns: repeat(2, 1fr);
}
}
/*Team Style Code*/
.team_16 .et_pb_team_member_image,
.team_16 .et_pb_team_member_image img {
width: 100%;
max-width: 100%;
}
.team_16 .et_pb_team_member_image::before {
position: absolute;
content: "";
width: 0;
height: 100%;
top: 0;
left: 0;
opacity: 0.8;
background: var(--color2);
transition: 0.5s ease-in-out;
}
.team_16:hover .et_pb_team_member_image::before {
width: 100%;
}
.team_16 .et_pb_team_member_image img {
width: 100%;
aspect-ratio: 3/4;
object-fit: cover;
}
.team_16 .et_pb_team_member_description {
padding: 15px 15px 0px 15px;
}
.team_16 .et_pb_team_member_description .et_pb_module_header {
position: relative;
}
.team_16 .et_pb_team_member_description .et_pb_module_header::before {
content: "\24";
font-family: "ETmodules";
position: absolute;
top: -50px;
right: 10px;
text-align: center;
font-size: 25px;
font-weight: 600;
line-height: 2.2;
height: 50px;
width: 50px;
color: var(--color1);
border-radius: 50%;
background-color: #fff;
transition: 0.5s ease-in-out;
z-index: 1;
transform: rotateZ(-25deg);
box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.221);
}
.team_16:hover .et_pb_team_member_description .et_pb_module_header::before {
background-color: var(--color1);
transform: rotateZ(0deg);
color: #fff;
}
.team_16 .et_pb_team_member_description div {
position: absolute;
top: 50px;
left: 30px;
right: 30px;
z-index: 1;
padding-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.7);
transform: translateY(50px);
opacity: 0;
visibility: hidden;
transition: 0.5s ease-in-out;
}
.team_16 .et_pb_team_member_description div p {
display: -webkit-box;
-webkit-line-clamp: 2;
color: #fff;
-webkit-box-orient: vertical;
overflow: hidden;
}
.team_16:hover .et_pb_team_member_description div {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
.team_16 .et_pb_team_member_description .et_pb_member_social_links {
position: absolute;
left: 30px;
right: 30px;
top: 30%;
margin: 0;
transform: translateY(50px);
opacity: 0;
visibility: hidden;
transition: 0.5s ease-in-out;
}
.team_16:hover .et_pb_team_member_description .et_pb_member_social_links {
opacity: 1;
visibility: visible;
transition-delay: 0.4s;
transform: translateY(0);
}
.team_16 .et_pb_team_member_description .et_pb_member_social_links li a {
height: 35px;
width: 35px;
line-height: 35px;
background-color: var(--color1);
color: #fff;
border-radius: 50%;
transition: 0.5s ease-in-out;
}
.team_16 .et_pb_team_member_description .et_pb_member_social_links li a:hover {
background-color: #fff;
color: var(--color2);
}


















