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); }