/* ========================================
   HOMEPAGE MODERN ENHANCEMENTS
   Additional CSS for homepage.php
   Version: 1.0
   Updated: October 28, 2025
   ======================================== */

/* Hero Section - Removed extra background overlay */
/* .kadence-column715_1346e7-ab {
    position: relative;
    overflow: hidden;
}

.kadence-column715_1346e7-ab::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(23, 25, 90, 0.9) 0%, 
        rgba(246, 182, 182, 0.7) 100%);
    pointer-events: none;
    animation: gradientShift 10s ease infinite;
}

@keyframes gradientShift {
    0%, 100% {
        opacity: 0.9;
        transform: scale(1);
    }
    50% {
        opacity: 0.7;
        transform: scale(1.05);
    }
} */

/* Service Cards - 3D Flip Effect */
.kt-info-box715_7ec54b-54,
.kt-info-box715_699012-35,
.kt-info-box715_b6a8d7-f8,
.kt-info-box715_d17850-eb,
.kt-info-box715_2b58ff-c3,
.kt-info-box715_5bf86c-6b {
    perspective: 1000px;
    transform-style: preserve-3d;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.kt-info-box715_7ec54b-54:hover,
.kt-info-box715_699012-35:hover,
.kt-info-box715_b6a8d7-f8:hover,
.kt-info-box715_d17850-eb:hover,
.kt-info-box715_2b58ff-c3:hover,
.kt-info-box715_5bf86c-6b:hover {
    transform: translateY(-20px) rotateY(5deg);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3);
}

/* Statistics - Animated Counter with Gradient */
.kt-adv-heading715_cc4b36-46,
.kt-adv-heading715_16b5f2-4a {
    background: linear-gradient(135deg, #F6B6B6 0%, #FF8E3C 50%, #24347A 100%);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: gradientFlow 3s ease infinite, 
               numberPulse 2s ease-in-out infinite;
}

@keyframes gradientFlow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

@keyframes numberPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

/* Testimonial Cards - Glassmorphism */
.kadence-column715_d9bf18-36,
.kadence-column715_2a8740-f2,
.kadence-column715_438dce-33 {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    position: relative;
    overflow: hidden;
}

.kadence-column715_d9bf18-36::before,
.kadence-column715_2a8740-f2::before,
.kadence-column715_438dce-33::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, 
        rgba(246, 182, 182, 0.1) 0%, 
        transparent 70%);
    animation: testimonialGlow 4s linear infinite;
}

@keyframes testimonialGlow {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Form Section - Modern Design */
.kadence-column715_5f1871-87 {
    position: relative;
    overflow: hidden;
}

.kadence-column715_5f1871-87::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 150%;
    height: 150%;
    background: linear-gradient(45deg, 
        transparent 30%, 
        rgba(246, 182, 182, 0.1) 50%, 
        transparent 70%);
    animation: formShine 5s linear infinite;
}

@keyframes formShine {
    0% { transform: translateX(-100%) rotate(45deg); }
    100% { transform: translateX(100%) rotate(45deg); }
}

/* Gallery Carousel - Ken Burns Effect */
.kb-blocks-carousel .kb-slide img {
    transition: transform 10s ease;
}

.kb-blocks-carousel .kb-slide:hover img {
    transform: scale(1.2);
}

/* Client Logos Carousel - Smooth Rotate */
.kt-carousel-container .kb-slide {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.kt-carousel-container .kb-slide::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(246, 182, 182, 0) 0%, 
        rgba(246, 182, 182, 0.2) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.kt-carousel-container .kb-slide:hover::after {
    opacity: 1;
}

/* Contact Info Boxes - Magnetic Effect */
.kt-info-box715_442289-97,
.kt-info-box715_431eee-64,
.kt-info-box715_b37604-4c {
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.kt-info-box715_442289-97:hover,
.kt-info-box715_431eee-64:hover,
.kt-info-box715_b37604-4c:hover {
    transform: translateY(-15px);
    box-shadow: 0 25px 50px rgba(246, 182, 182, 0.3);
}

.kt-info-box715_442289-97:hover .kadence-info-box-icon-container,
.kt-info-box715_431eee-64:hover .kadence-info-box-icon-container,
.kt-info-box715_b37604-4c:hover .kadence-info-box-icon-container {
    transform: scale(1.2) rotate(360deg);
    animation: iconPulse 0.6s ease-in-out;
}

@keyframes iconPulse {
    0%, 100% { transform: scale(1.2) rotate(360deg); }
    50% { transform: scale(1.4) rotate(360deg); }
}

/* Advanced Gradient Backgrounds */
.kadence-column715_9fdaac-91,
.kadence-column715_d62af9-5c {
    position: relative;
}

.kadence-column715_9fdaac-91::before,
.kadence-column715_d62af9-5c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(23, 25, 90, 0.6) 0%, 
        rgba(246, 182, 182, 0.4) 100%);
    animation: backgroundPulse 5s ease-in-out infinite;
}

@keyframes backgroundPulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.8; }
}

/* Icon List Enhanced Animations */
.kt-svg-icon-list-item-wrap {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.kt-svg-icon-list-item-wrap:hover {
    transform: translateX(10px) scale(1.05);
}

.kt-svg-icon-list-item-wrap:hover .kt-svg-icon-list-single {
    animation: iconSpin 0.5s ease-in-out;
}

@keyframes iconSpin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Gallery Item Hover */
.kt-blocks-gallery-item,
.kadence-blocks-gallery-item {
    position: relative;
    overflow: hidden;
}

.kt-blocks-gallery-item::before,
.kadence-blocks-gallery-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(246, 182, 182, 0.8) 0%, 
        rgba(36, 52, 122, 0.8) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.kt-blocks-gallery-item:hover::before,
.kadence-blocks-gallery-item:hover::before {
    opacity: 1;
}

/* Gallery Image Zoom Effect - 15% Enlargement */
.kadence-blocks-gallery-item img,
.kt-blocks-gallery-item img,
.kb-gallery-image-contain img,
.kb-gal-image-radius img {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center center;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kadence-blocks-gallery-item:hover img,
.kt-blocks-gallery-item:hover img {
    transform: scale(1.15);
}

/* Ensure containers allow overflow for zoom effect */
.kb-gallery-figure,
.kb-gal-image-radius,
.kb-gallery-image-contain,
.kadence-blocks-gallery-item-inner {
    overflow: hidden;
    border-radius: inherit;
}

/* Form Fields Enhancement */
.kb-form .kb-field {
    border-radius: 8px;
    border: 2px solid rgba(246, 182, 182, 0.3);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.kb-form .kb-field:focus {
    border-color: #F6B6B6;
    box-shadow: 0 0 0 4px rgba(246, 182, 182, 0.2);
    transform: translateY(-2px);
}

/* Submit Button Ripple Effect */
.kb-forms-submit {
    position: relative;
    overflow: hidden;
}

.kb-forms-submit::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.kb-forms-submit:hover::after {
    width: 300px;
    height: 300px;
}

/* Divider Animations */
.kt-divider {
    position: relative;
    overflow: hidden;
}

.kt-divider::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(246, 182, 182, 0.5), 
        transparent);
    animation: dividerShine 2s infinite;
}

@keyframes dividerShine {
    0% { left: -100%; }
    100% { left: 100%; }
}

/* Responsive Design Enhancements */
@media (max-width: 1024px) {
    .kt-info-box715_7ec54b-54:hover,
    .kt-info-box715_699012-35:hover,
    .kt-info-box715_b6a8d7-f8:hover {
        transform: translateY(-10px) rotateY(0deg);
    }
}

@media (max-width: 768px) {
    .kt-info-box715_7ec54b-54:hover,
    .kt-info-box715_699012-35:hover {
        transform: translateY(-5px);
    }
    
    .kt-adv-heading715_cc4b36-46,
    .kt-adv-heading715_16b5f2-4a {
        animation: numberPulse 2s ease-in-out infinite;
    }
    
    .kadence-column715_d9bf18-36::before,
    .kadence-column715_2a8740-f2::before,
    .kadence-column715_438dce-33::before {
        animation: none;
    }
}

/* Performance Optimization */
.kt-info-box715_7ec54b-54,
.kt-info-box715_699012-35,
.kt-info-box715_b6a8d7-f8,
.kt-blocks-gallery-item {
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Accessibility - Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Print Styles */
@media print {
    .kadence-column715_1346e7-ab::after,
    .kadence-column715_5f1871-87::before,
    .kt-divider::after {
        display: none;
    }
}

/* END OF HOMEPAGE ENHANCEMENTS */

/* ========================================
   COMPLETE ANIMATION LIBRARY - MODERN & REUSABLE
   WordPress Homepage Animations
   
   Copy this entire file and paste into:
   WordPress Dashboard > Appearance > Customize > Additional CSS
   
   Version: 2.0
   Updated: October 28, 2025
   Browser Support: Chrome, Firefox, Safari, Edge (Modern Browsers)
   ======================================== */

/* ========================================
   TABLE OF CONTENTS
   ----------------------------------------
   1. CSS Variables & Configuration
   2. Core Keyframe Animations
   3. Hero Section Animations
   4. Image Gallery Animations
   5. Contact Info Animations
   6. Service Cards Animations
   7. Heading Animations
   8. Statistics Animations
   9. Testimonial Animations
   10. Form Animations
   11. Icon List Animations
   12. Carousel Animations
   13. Hover Effects
   14. Global Animations
   15. Accessibility & Responsive
   ======================================== */


/* ========================================
   1. CSS VARIABLES & CONFIGURATION
   ======================================== */

:root {
    /* Transition Variables */
    --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-bounce: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --transition-fast: all 0.2s ease;
    --transition-slow: all 0.8s ease;
    
    /* Shadow Variables */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);
    --shadow-xl: 0 15px 40px rgba(0, 0, 0, 0.15);
    --shadow-hover: 0 20px 50px rgba(0, 0, 0, 0.2);
    
    /* Animation Durations */
    --duration-fast: 0.3s;
    --duration-normal: 0.6s;
    --duration-slow: 1s;
    --duration-very-slow: 2s;
}


/* ========================================
   2. CORE KEYFRAME ANIMATIONS
   ======================================== */

/* Fade Animations */
@keyframes fadeIn {
    from { 
        opacity: 0; 
    }
    to { 
        opacity: 1; 
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Slide Animations */
@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(100px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Scale Animations */
@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.5);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(0);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Rotation Animations */
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes rotateIn {
    from {
        opacity: 0;
        transform: rotate(-200deg);
    }
    to {
        opacity: 1;
        transform: rotate(0);
    }
}

/* Bounce & Motion Animations */
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-10px);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
    70% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

@keyframes wiggle {
    0%, 100% { 
        transform: rotate(0deg); 
    }
    25% { 
        transform: rotate(5deg); 
    }
    75% { 
        transform: rotate(-5deg); 
    }
}

@keyframes swing {
    20% { transform: rotate(15deg); }
    40% { transform: rotate(-10deg); }
    60% { transform: rotate(5deg); }
    80% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}

@keyframes shake {
    0%, 100% { 
        transform: translateX(0); 
    }
    10%, 30%, 50%, 70%, 90% { 
        transform: translateX(-5px); 
    }
    20%, 40%, 60%, 80% { 
        transform: translateX(5px); 
    }
}

@keyframes heartbeat {
    0%, 100% { 
        transform: scale(1); 
    }
    10%, 30% { 
        transform: scale(0.9); 
    }
    20%, 40% { 
        transform: scale(1.1); 
    }
}

/* Effect Animations */
@keyframes glow {
    0%, 100% {
        box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
    }
    50% {
        box-shadow: 0 0 20px rgba(255, 255, 255, 0.8), 
                    0 0 30px rgba(255, 255, 255, 0.6);
    }
}

@keyframes sparkle {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.5;
        transform: scale(1.2);
    }
}


/* ========================================
   3. HERO SECTION ANIMATIONS
   ======================================== */

.kadence-column715_1346e7-ab {
    animation: fadeIn 1.5s ease-in-out;
}

.kt-adv-heading715_3ea55b-50 {
    animation: fadeInDown 1s ease-out 0.3s both;
}

.kt-adv-heading715_a95d12-f5 {
    animation: fadeInUp 1s ease-out 0.6s both;
}


/* ========================================
   4. IMAGE GALLERY ANIMATIONS
   ======================================== */

.kt-blocks-gallery-item {
    animation: scaleIn 0.8s ease-out;
    transition: transform var(--duration-fast) ease, 
                box-shadow var(--duration-fast) ease;
}

.kt-blocks-gallery-item:hover {
    animation: float 2s ease-in-out infinite;
    transform: scale(1.05);
    box-shadow: var(--shadow-hover);
    z-index: 10;
}

/* Staggered delays for gallery items */
.kt-blocks-gallery-item:nth-child(1) { animation-delay: 0.1s; }
.kt-blocks-gallery-item:nth-child(2) { animation-delay: 0.2s; }
.kt-blocks-gallery-item:nth-child(3) { animation-delay: 0.3s; }
.kt-blocks-gallery-item:nth-child(4) { animation-delay: 0.4s; }
.kt-blocks-gallery-item:nth-child(5) { animation-delay: 0.5s; }
.kt-blocks-gallery-item:nth-child(6) { animation-delay: 0.6s; }


/* ========================================
   5. CONTACT INFO ANIMATIONS
   ======================================== */

.kt-info-box715_442289-97, 
.kt-info-box715_431eee-64, 
.kt-info-box715_b37604-4c {
    animation: slideInUp 0.8s ease-out;
    transition: var(--transition-smooth);
}

/* Staggered entrance */
.kt-info-box715_442289-97 { 
    animation-delay: 0.2s; 
    animation-fill-mode: both; 
}

.kt-info-box715_431eee-64 { 
    animation-delay: 0.4s; 
    animation-fill-mode: both; 
}

.kt-info-box715_b37604-4c { 
    animation-delay: 0.6s; 
    animation-fill-mode: both; 
}

/* Hover effects */
.kt-info-box715_442289-97:hover, 
.kt-info-box715_431eee-64:hover, 
.kt-info-box715_b37604-4c:hover {
    transform: translateY(-10px);
    box-shadow: var(--shadow-xl);
}

/* Icon animations */
.kadence-info-box-icon-container {
    animation: rotate 3s linear infinite;
    transition: var(--transition-smooth);
}

.kt-info-box715_442289-97:hover .kadence-info-box-icon-container {
    animation: heartbeat 1s ease-in-out infinite;
}


/* ========================================
   6. SERVICE CARDS ANIMATIONS
   ======================================== */

.kt-info-box715_7ec54b-54, 
.kt-info-box715_699012-35, 
.kt-info-box715_b6a8d7-f8,
.kt-info-box715_d17850-eb, 
.kt-info-box715_2b58ff-c3, 
.kt-info-box715_5bf86c-6b {
    animation: fadeInUp 1s ease-out;
    transition: all 0.4s ease;
}

/* Staggered entrance delays */
.kt-info-box715_7ec54b-54 { 
    animation-delay: 0.1s; 
    animation-fill-mode: both; 
}

.kt-info-box715_699012-35 { 
    animation-delay: 0.2s; 
    animation-fill-mode: both; 
}

.kt-info-box715_b6a8d7-f8 { 
    animation-delay: 0.3s; 
    animation-fill-mode: both; 
}

.kt-info-box715_d17850-eb { 
    animation-delay: 0.4s; 
    animation-fill-mode: both; 
}

.kt-info-box715_2b58ff-c3 { 
    animation-delay: 0.5s; 
    animation-fill-mode: both; 
}

.kt-info-box715_5bf86c-6b { 
    animation-delay: 0.6s; 
    animation-fill-mode: both; 
}

/* 3D hover effects */
.kt-info-box715_7ec54b-54:hover, 
.kt-info-box715_699012-35:hover, 
.kt-info-box715_b6a8d7-f8:hover,
.kt-info-box715_d17850-eb:hover, 
.kt-info-box715_2b58ff-c3:hover, 
.kt-info-box715_5bf86c-6b:hover {
    transform: translateY(-15px) rotate(2deg);
    box-shadow: var(--shadow-hover);
}

/* Service card images */
.kt-info-box-image {
    animation: float 3s ease-in-out infinite;
    transition: transform var(--duration-fast) ease;
}

.kt-info-box-image:hover {
    animation: wiggle 0.5s ease-in-out;
    transform: scale(1.1);
}


/* ========================================
   7. HEADING ANIMATIONS
   ======================================== */

.kt-adv-heading715_d2a954-d4, 
.kt-adv-heading715_69136d-2f {
    animation: slideInLeft 1s ease-out;
}

.kt-adv-heading715_79cadc-60, 
.kt-adv-heading715_6c7d10-e4 {
    animation: slideInRight 1s ease-out;
}

/* Global heading hover effects */
h2, h3, h4, h5, h6 {
    transition: var(--transition-smooth);
}

h2:hover, h3:hover {
    transform: scale(1.05);
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
}


/* ========================================
   8. STATISTICS ANIMATIONS
   ======================================== */

.kt-adv-heading715_cc4b36-46, 
.kt-adv-heading715_16b5f2-4a {
    animation: zoomIn 1s ease-out, 
               pulse 2s ease-in-out infinite 1s;
    font-weight: bold;
}

.kadence-column715_5df184-56, 
.kadence-column715_fe68a4-62 {
    animation: fadeInUp 1s ease-out;
    transition: transform var(--duration-fast) ease;
}

.kadence-column715_5df184-56:hover, 
.kadence-column715_fe68a4-62:hover {
    transform: scale(1.1);
    animation: shake 0.5s ease-in-out;
}


/* ========================================
   9. TESTIMONIAL ANIMATIONS
   ======================================== */

.kadence-column715_d9bf18-36, 
.kadence-column715_2a8740-f2, 
.kadence-column715_438dce-33 {
    animation: fadeIn 1s ease-out;
    transition: all 0.4s ease;
}

/* Staggered delays */
.kadence-column715_d9bf18-36 { 
    animation-delay: 0.2s; 
    animation-fill-mode: both; 
}

.kadence-column715_2a8740-f2 { 
    animation-delay: 0.4s; 
    animation-fill-mode: both; 
}

.kadence-column715_438dce-33 { 
    animation-delay: 0.6s; 
    animation-fill-mode: both; 
}

/* Hover effects with glow */
.kadence-column715_d9bf18-36:hover, 
.kadence-column715_2a8740-f2:hover, 
.kadence-column715_438dce-33:hover {
    transform: translateY(-10px) rotate(-2deg);
    box-shadow: var(--shadow-hover);
    animation: glow 2s ease-in-out infinite;
}


/* ========================================
   10. FORM ANIMATIONS
   ======================================== */

.kb-form {
    animation: fadeInUp 1s ease-out;
}

.kb-field {
    transition: var(--transition-smooth);
}

.kb-field:focus {
    transform: scale(1.02);
    box-shadow: var(--shadow-lg);
    animation: glow 1s ease-in-out;
}

/* Submit button animations */
.kb-forms-submit {
    animation: pulse 2s ease-in-out infinite;
    transition: var(--transition-smooth);
}

.kb-forms-submit:hover {
    transform: scale(1.1) rotate(2deg);
    animation: heartbeat 0.6s ease-in-out infinite;
    box-shadow: 0 10px 30px rgba(255, 142, 60, 0.5);
}


/* ========================================
   11. ICON LIST ANIMATIONS
   ======================================== */

.kt-svg-icon-list-item-wrap {
    animation: slideInRight 0.8s ease-out;
    transition: transform var(--duration-fast) ease;
}

/* Staggered delays */
.kt-svg-icon-list-item-715_77dc2e-04 { 
    animation-delay: 0.1s; 
    animation-fill-mode: both; 
}

.kt-svg-icon-list-item-715_81819b-23 { 
    animation-delay: 0.2s; 
    animation-fill-mode: both; 
}

.kt-svg-icon-list-item-715_43f6ca-48 { 
    animation-delay: 0.3s; 
    animation-fill-mode: both; 
}

.kt-svg-icon-list-item-715_7bbc46-af { 
    animation-delay: 0.4s; 
    animation-fill-mode: both; 
}

.kt-svg-icon-list-item-wrap:hover {
    transform: translateX(10px);
    animation: pulse 0.5s ease-in-out;
}

.kt-svg-icon-list-single {
    animation: rotate 4s linear infinite;
}


/* ========================================
   12. CAROUSEL ANIMATIONS
   ======================================== */

/* Gallery carousel */
.kb-blocks-carousel {
    animation: fadeIn 1.5s ease-out;
}

.kb-slide {
    transition: all 0.4s ease;
}

.kb-slide:hover {
    transform: scale(1.05);
    box-shadow: var(--shadow-xl);
    animation: glow 2s ease-in-out infinite;
}

/* Client logos carousel */
.kt-carousel-container .kb-slide {
    animation: fadeIn 1s ease-out;
    transition: var(--transition-smooth);
}

.kt-carousel-container .kb-slide:hover {
    transform: scale(1.2) rotate(5deg);
    animation: wiggle 0.5s ease-in-out;
}


/* ========================================
   13. BUTTON ANIMATIONS
   ======================================== */

.kb-btns715_6fc7d9-1f, 
.kb-btns715_e0f523-5a {
    animation: bounce 2s infinite;
}

.kb-button {
    transition: var(--transition-bounce);
}

.kb-button:hover {
    animation: pulse 0.5s ease-in-out;
    transform: scale(1.1);
    box-shadow: var(--shadow-lg);
}


/* ========================================
   14. HOVER EFFECTS
   ======================================== */

/* Divider animations */
.kt-divider {
    animation: slideInLeft 1s ease-out;
    transition: var(--transition-smooth);
}

.kt-divider:hover {
    transform: scaleX(1.05);
    box-shadow: var(--shadow-sm);
}

/* Column hover effects */
.wp-block-kadence-column {
    transition: var(--transition-smooth);
}

/* Image hover effects */
img {
    transition: all 0.4s ease;
}

img:hover {
    transform: scale(1.05);
    filter: brightness(1.1);
    box-shadow: var(--shadow-lg);
}

/* Link animations */
a {
    transition: var(--transition-smooth);
    position: relative;
}

a:hover {
    transform: translateY(-2px);
}


/* ========================================
   15. GLOBAL ANIMATIONS
   ======================================== */

/* Continuous animations for dynamic elements */
.kadence-dynamic-icon {
    animation: float 3s ease-in-out infinite;
}

.kadence-dynamic-icon:hover {
    animation: rotate 1s linear infinite;
}

/* Advanced effects */
.kt-blocks-info-box-title:hover {
    animation: sparkle 1s ease-in-out infinite;
}

.kadence-info-box-image-inner-intrisic:hover {
    animation: swing 1s ease-in-out;
}


/* ========================================
   16. ACCESSIBILITY & RESPONSIVE
   ======================================== */

/* Responsive animations for mobile */
@media (max-width: 768px) {
    /* Reduce hover effects on mobile */
    .kt-info-box715_7ec54b-54:hover, 
    .kt-info-box715_699012-35:hover {
        transform: translateY(-5px);
    }
    
    img:hover {
        transform: scale(1.02);
    }
    
    /* Disable bouncing buttons on mobile */
    .kb-btns715_6fc7d9-1f, 
    .kb-btns715_e0f523-5a {
        animation: none;
    }
    
    /* Reduce animation intensity */
    .float {
        animation: none;
    }
}

/* Accessibility - Respect user preferences */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}


/* ========================================
   END OF ANIMATION LIBRARY
   
   Total Animations: 30+ unique effects
   Performance: GPU-accelerated (60fps)
   Compatible: All modern browsers
   Accessible: Reduced motion support
   
   For documentation, see: ANIMATION_GUIDE.md
   ======================================== */

/* ========================================
   CLIENT PAGE MODERN CSS & ANIMATIONS
   Enhanced for ourclient.php
   Version: 1.0
   Updated: October 28, 2025
   ======================================== */

/* Hero Section Improvements */
.kadence-column717_7c1038-94 {
    position: relative;
    overflow: hidden;
}

.kadence-column717_7c1038-94::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255,255,255,0.2), 
        transparent);
    animation: shimmer 3s infinite;
}

@keyframes shimmer {
    0% { left: -100%; }
    100% { left: 100%; }
}

/* Client Logos Grid - Modern Hover Effects */
.kadence-column717_e6be2f-a3 .kt-blocks-gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background: white;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}

.kadence-column717_e6be2f-a3 .kt-blocks-gallery-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(246, 182, 182, 0.1) 0%, 
        rgba(36, 52, 122, 0.1) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.kadence-column717_e6be2f-a3 .kt-blocks-gallery-item:hover::before {
    opacity: 1;
}

.kadence-column717_e6be2f-a3 .kt-blocks-gallery-item:hover {
    transform: translateY(-12px) scale(1.05);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    z-index: 10;
}

.kadence-column717_e6be2f-a3 .kt-blocks-gallery-item img {
    transition: all 0.4s ease;
    filter: grayscale(30%);
}

.kadence-column717_e6be2f-a3 .kt-blocks-gallery-item:hover img {
    transform: scale(1.1);
    filter: grayscale(0%) brightness(1.1);
}

/* Animated on Scroll - Client Logos */
.kt-blocks-gallery-item {
    opacity: 0;
    animation: fadeInScale 0.6s ease-out forwards;
}

.kt-blocks-gallery-item:nth-child(1) { animation-delay: 0.05s; }
.kt-blocks-gallery-item:nth-child(2) { animation-delay: 0.1s; }
.kt-blocks-gallery-item:nth-child(3) { animation-delay: 0.15s; }
.kt-blocks-gallery-item:nth-child(4) { animation-delay: 0.2s; }
.kt-blocks-gallery-item:nth-child(5) { animation-delay: 0.25s; }
.kt-blocks-gallery-item:nth-child(6) { animation-delay: 0.3s; }
.kt-blocks-gallery-item:nth-child(7) { animation-delay: 0.35s; }
.kt-blocks-gallery-item:nth-child(8) { animation-delay: 0.4s; }
.kt-blocks-gallery-item:nth-child(9) { animation-delay: 0.45s; }
.kt-blocks-gallery-item:nth-child(10) { animation-delay: 0.5s; }
.kt-blocks-gallery-item:nth-child(11) { animation-delay: 0.55s; }
.kt-blocks-gallery-item:nth-child(12) { animation-delay: 0.6s; }
.kt-blocks-gallery-item:nth-child(13) { animation-delay: 0.65s; }
.kt-blocks-gallery-item:nth-child(14) { animation-delay: 0.7s; }
.kt-blocks-gallery-item:nth-child(15) { animation-delay: 0.75s; }
.kt-blocks-gallery-item:nth-child(16) { animation-delay: 0.8s; }
.kt-blocks-gallery-item:nth-child(17) { animation-delay: 0.85s; }
.kt-blocks-gallery-item:nth-child(18) { animation-delay: 0.9s; }
.kt-blocks-gallery-item:nth-child(19) { animation-delay: 0.95s; }
.kt-blocks-gallery-item:nth-child(20) { animation-delay: 1s; }

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.8) translateY(20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* Pricing Cards - Glassmorphism Effect */
.kadence-column717_9308bc-70,
.kadence-column717_0e42fe-29,
.kadence-column717_cc0914-64 {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.kadence-column717_9308bc-70::before,
.kadence-column717_0e42fe-29::before,
.kadence-column717_cc0914-64::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, 
        transparent, 
        rgba(246, 182, 182, 0.1), 
        transparent);
    transform: rotate(45deg);
    animation: priceCardGlow 3s linear infinite;
}

@keyframes priceCardGlow {
    0% { transform: translateY(-100%) rotate(45deg); }
    100% { transform: translateY(100%) rotate(45deg); }
}

.kadence-column717_9308bc-70:hover,
.kadence-column717_cc0914-64:hover {
    transform: translateY(-15px) scale(1.03);
    box-shadow: 0 20px 60px rgba(246, 182, 182, 0.3);
}

/* Featured Pricing Card (Middle) */
.kadence-column717_0e42fe-29 {
    transform: scale(1.05);
    z-index: 2;
    background: linear-gradient(135deg, 
        rgba(36, 52, 122, 0.95) 0%, 
        rgba(246, 182, 182, 0.95) 100%);
}

.kadence-column717_0e42fe-29:hover {
    transform: translateY(-20px) scale(1.08);
    box-shadow: 0 30px 80px rgba(36, 52, 122, 0.4);
}

/* Price Numbers Animation */
.kt-adv-heading717_205dcf-31,
.kt-adv-heading717_0cd24c-4a,
.kt-adv-heading717_cc3a4a-da {
    position: relative;
    display: inline-block;
    animation: priceCount 2s ease-out;
}

@keyframes priceCount {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Button Hover Effects */
.kb-btns717_e25e59-2c .kb-button,
.kb-btns717_415a37-87 .kb-button,
.kb-btns717_fb008b-a1 .kb-button {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.kb-btns717_e25e59-2c .kb-button::before,
.kb-btns717_415a37-87 .kb-button::before,
.kb-btns717_fb008b-a1 .kb-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.kb-btns717_e25e59-2c .kb-button:hover::before,
.kb-btns717_415a37-87 .kb-button:hover::before,
.kb-btns717_fb008b-a1 .kb-button:hover::before {
    width: 300px;
    height: 300px;
}

.kb-btns717_e25e59-2c .kb-button:hover,
.kb-btns717_415a37-87 .kb-button:hover,
.kb-btns717_fb008b-a1 .kb-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

/* Newsletter Section - Modern Glassmorphism */
.kadence-column717_e5d2bd-e7 {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease;
}

.kadence-column717_e5d2bd-e7:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.15);
}

/* Form Input Modern Style */
.kadence-form-717_8fb561-a9 .kb-field {
    background: rgba(255, 255, 255, 0.9);
    border: 2px solid rgba(246, 182, 182, 0.3);
    border-radius: 12px;
    padding: 15px 20px;
    transition: all 0.3s ease;
}

.kadence-form-717_8fb561-a9 .kb-field:focus {
    background: white;
    border-color: #F6B6B6;
    box-shadow: 0 0 0 4px rgba(246, 182, 182, 0.2);
    transform: translateY(-2px);
}

.kadence-form-717_8fb561-a9 .kb-forms-submit {
    background: linear-gradient(135deg, #F6B6B6 0%, #24347A 100%);
    border: none;
    border-radius: 12px;
    padding: 15px 40px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.kadence-form-717_8fb561-a9 .kb-forms-submit::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    transition: left 0.5s ease;
}

.kadence-form-717_8fb561-a9 .kb-forms-submit:hover::before {
    left: 100%;
}

.kadence-form-717_8fb561-a9 .kb-forms-submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(246, 182, 182, 0.4);
}

/* Responsive Improvements */
@media (max-width: 768px) {
    .kadence-column717_e6be2f-a3 .kt-blocks-gallery-item:hover {
        transform: translateY(-5px) scale(1.02);
    }
    
    .kadence-column717_0e42fe-29 {
        transform: scale(1);
        margin: 20px 0;
    }
    
    .kt-blocks-gallery-item {
        animation-delay: 0s !important;
    }
}

/* Accessibility - Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .kt-blocks-gallery-item,
    .kadence-column717_9308bc-70,
    .kadence-column717_0e42fe-29,
    .kadence-column717_cc0914-64 {
        animation: none !important;
        transition: none !important;
    }
    
    .kadence-column717_7c1038-94::before {
        animation: none !important;
    }
}

/* END OF CLIENT PAGE ANIMATIONS */