/* The image container for smooth transitions */
.anglo-team-wrapper .anglo-team-image {
    overflow: hidden; /* Crucial for zoom and slide effects */
    position: relative;
}

/* The image itself, set up for transitions */
.anglo-team-wrapper .anglo-team-image img {
    /* The duration is controlled by your Elementor setting `hover_effect_duration` */
    /* This is just a fallback */
    transition: transform 0.4s ease, filter 0.4s ease, opacity 0.4s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* --- Hover Effect: Zoom In --- */
.anglo-team-wrapper.elementor-team-hover-zoom-in .anglo-team-item:hover .anglo-team-image img {
    transform: scale(1.1);
}

/* --- Hover Effect: Zoom Out --- */
.anglo-team-wrapper.elementor-team-hover-zoom-out .anglo-team-item:hover .anglo-team-image img {
    transform: scale(0.9);
}

/* --- Hover Effect: Slide Up --- */
.anglo-team-wrapper.elementor-team-hover-slide-up .anglo-team-item:hover .anglo-team-image img {
    transform: translateY(-10%);
}

/* --- Hover Effect: Fade --- */
/* This can be interpreted as fading the image slightly on hover */
.anglo-team-wrapper.elementor-team-hover-fade .anglo-team-item:hover .anglo-team-image img {
    opacity: 0.8;
}

/* --- Hover Effect: Grayscale --- */
/* The image starts in color and turns grayscale on hover */
.anglo-team-wrapper.elementor-team-hover-grayscale .anglo-team-item:hover .anglo-team-image img {
    filter: grayscale(100%);
}

/* --- Hover Effect: Grayscale Reverse (Example) --- */
/* If you want the image to be grayscale and turn to color on hover */
.anglo-team-wrapper.elementor-team-hover-grayscale-reverse .anglo-team-image img {
    filter: grayscale(100%);
}
.anglo-team-wrapper.elementor-team-hover-grayscale-reverse .anglo-team-item:hover .anglo-team-image img {
    filter: grayscale(0%);
}


.sifency-product-subtitle{
    color: var(--body-text-color);
}

#sifency-size-guide-trigger{
    color: var(--white-color);
    margin-bottom: var(--theme-space-level-1);
}

.product-video-btn{
    margin-top: var(--theme-space-level-2);
}
.product-video-btn a{
    padding: var(--theme-space-level-2);
    background-color: var(--theme-border-color);
    display: inline-block;
}
.product-video-btn svg{
    margin-left: var(--theme-space-level-1);
}