body {
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.rtl {
    direction: rtl;
}
.gradient-bg {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
    background-size: 200% 200%;
    animation: gradientShift 8s ease infinite;
}
.whatsapp-gradient {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
}

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

/* Logo Slider Animation */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}


.logo-slider:hover .animate-scroll {
    animation-play-state: paused;
}

/* Smooth transitions for logo hover effects */
.logo-slider img {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.logo-slider img:hover {
    transform: scale(1.1);
    opacity: 0.8;
}

/* Strong floating shadow */
.shadow-floating-strong {
    box-shadow: 0 6px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.02);
}

/* Section shadows */
.shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}

.shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
}

/* Additional shadow utilities */
.shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

.shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

/* Fixed height for description text */
.description-fixed-height {
    height: 2.8rem; /* 44.8px - примерно 2 строки текста */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Fix slider bottom cut-off */
.bot-features-swiper {
    padding-bottom: 60px; /* Add space for navigation buttons */
}

.bot-features-swiper .swiper-wrapper {
    padding-bottom: 20px; /* Extra padding for content */
}

/* Strong floating shadows for sections */
.shadow-top-bottom {
    box-shadow: 
        0 -6px 15px -3px rgba(0, 0, 0, 0.1),
        0 8px 20px -4px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
}

/* Last section - only top shadow */
.shadow-top-only {
    box-shadow: 0 -6px 15px -3px rgba(0, 0, 0, 0.1);
}

/* Mobile menu improvements */
@media (max-width: 1023px) {
    .mobile-menu-transition {
        transition: all 0.3s ease-in-out;
    }
    
    .mobile-dropdown-transition {
        transition: all 0.2s ease-in-out;
    }
}

/* Mobile optimization for cards and forms */
@media (max-width: 767px) {
    .mobile-card-padding {
        padding: 1rem;
    }
    
    .mobile-text-size {
        font-size: 0.875rem;
    }
    
    .mobile-statistics {
        font-size: 1.5rem;
    }
}

/* Touch-friendly buttons and inputs */
@media (max-width: 767px) {
    button, input, textarea, select {
        min-height: 44px;
    }
    
    .mobile-touch-target {
        min-height: 44px;
        min-width: 44px;
    }
}

/* Logo gray styling */
.logo-swiper img {
    filter: grayscale(100%) brightness(0.7) contrast(1.2);
    transition: filter 0.3s ease, transform 0.3s ease;
}

.logo-swiper img:hover {
    filter: grayscale(0%) brightness(1) contrast(1);
    transform: scale(1.05);
}

/* Alternative gray logo styling for trusted-by section */
.trusted-by-logos img {
    filter: grayscale(100%) brightness(0.6) contrast(1.3);
    transition: all 0.3s ease;
    opacity: 0.8;
}

.trusted-by-logos img:hover {
    filter: grayscale(0%) brightness(1) contrast(1);
    opacity: 1;
    transform: scale(1.1);
}

/* Custom border color for form fields */
.border-custom-gray {
    border-color: rgb(164, 164, 164);
}

/* Form validation styles */
.just-validate-error-label {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    color: #ef4444;
}

.just-validate-success-label {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    color: #10b981;
}

/* Enhanced form field styles */
.form-field-error {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 1px #ef4444;
}

.form-field-success {
    border-color: #10b981 !important;
    box-shadow: 0 0 0 1px #10b981;
}

/* Loading state for form submission */
.form-submitting {
    opacity: 0.7;
    pointer-events: none;
}

/* Success message animations */
@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.success-message {
    animation: slideInUp 0.3s ease-out;
}

/* Honeypot field - completely hidden from users */
.honeypot {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}