/* 3D Container Effects for Images */
.w-container {
    position: relative;
}

.w-container img {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
    will-change: transform;
    transform-origin: center center;
}

/* 3D Container Wrapper */
.container-3d-wrapper {
    perspective: 1000px;
    position: relative;
    overflow: hidden;
    will-change: transform;
}

.container-3d-wrapper img {
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
    will-change: transform;
    transform-origin: center center;
}

/* Enhanced 3D effect for specific containers */
.hero-image-left-wrap,
.hero-image-right-wrap,
.hero-image-bottom-wrap,
.about-image-wrap,
.project-image {
    perspective: 1000px;
    overflow: hidden;
    will-change: transform;
}

.hero-image-left,
.hero-image-right,
.hero-image-bottom,
.hero-image-pattern,
.about-image,
.project-image img {
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
    will-change: transform;
    transform-origin: center center;
}

/* Service items 3D effect */
.service-item {
    perspective: 1000px;
    position: relative;
    overflow: hidden;
    will-change: transform;
}

.service-item img {
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
    will-change: transform;
    transform-origin: center center;
}

/* Client logos 3D effect */
.client-item {
    perspective: 1000px;
    position: relative;
    overflow: hidden;
    will-change: transform;
}

.client-item img {
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
    will-change: transform;
    transform-origin: center center;
}

/* Award items 3D effect */
.award-item {
    perspective: 1000px;
    position: relative;
    overflow: hidden;
    will-change: transform;
}

.award-item img {
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
    will-change: transform;
    transform-origin: center center;
}

/* Button Round Icon Effects */
.button-round-icon {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transform-style: preserve-3d !important;
    will-change: transform !important;
    transform-origin: center center !important;
}

/* Hover state for button round icons */
.button-round:hover .button-round-icon,
a:hover .button-round-icon,
button:hover .button-round-icon,
.w-inline-block:hover .button-round-icon {
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(45deg) skew(0deg, 0deg) !important;
}

/* Smooth reset animation */
.container-3d-wrapper img,
.hero-image-left,
.hero-image-right,
.hero-image-bottom,
.hero-image-pattern,
.about-image,
.project-image img,
.service-item img,
.client-item img,
.award-item img {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hover state for better visual feedback */
.container-3d-wrapper:hover,
.hero-image-left-wrap:hover,
.hero-image-right-wrap:hover,
.hero-image-bottom-wrap:hover,
.about-image-wrap:hover,
.project-image:hover,
.service-item:hover,
.client-item:hover,
.award-item:hover {
    z-index: 10;
}

/* Enhanced 3D effects for better visibility */
.hero-image-left-wrap,
.hero-image-right-wrap,
.hero-image-bottom-wrap {
    transform-style: preserve-3d;
}

.hero-image-left,
.hero-image-right,
.hero-image-bottom,
.hero-image-pattern {
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

/* Additional hover effects for better user feedback */
.hero-image-left-wrap:hover .hero-image-left,
.hero-image-right-wrap:hover .hero-image-right,
.hero-image-bottom-wrap:hover .hero-image-bottom,
.about-image-wrap:hover .about-image,
.project-image:hover img,
.service-item:hover img,
.client-item:hover img,
.award-item:hover img {
    filter: brightness(1.05);
}

/* Smooth transitions for all 3D elements */
*[class*="hero-image"],
*[class*="about-image"],
*[class*="project-image"],
*[class*="service-item"],
*[class*="client-item"],
*[class*="award-item"] {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}