/* Smart Clipping Custom Contact Page Styling */

.smart-clipping-page-72fa206b {
    font-family: 'Inter', sans-serif;
}

/* Gradients */
.text-gradient-72fa206b {
    background: linear-gradient(135deg, #00B7FF 0%, #5A4BFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-radial-glow {
    background: radial-gradient(circle at 50% 30%, rgba(90, 75, 255, 0.15) 0%, rgba(0, 183, 255, 0.05) 50%, transparent 100%);
}

/* Typography styles */
.smart-clipping-page-72fa206b h1,
.smart-clipping-page-72fa206b h2,
.smart-clipping-page-72fa206b h3,
.smart-clipping-page-72fa206b h4 {
    font-family: 'Manrope', sans-serif;
}

/* Premium Primary Button */
.btn-primary-72fa206b {
    background: linear-gradient(135deg, #00B7FF 0%, #5A4BFF 100%);
    color: #ffffff;
    font-weight: 600;
    padding: 1rem 2rem;
    border-radius: 12px;
    box-shadow: 0 10px 25px -5px rgba(0, 183, 255, 0.3);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn-primary-72fa206b:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgba(90, 75, 255, 0.4);
    background: linear-gradient(135deg, #5A4BFF 0%, #00B7FF 100%);
}

/* Premium Secondary Button */
.btn-secondary-72fa206b {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff;
    font-weight: 600;
    padding: 1rem 2rem;
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn-secondary-72fa206b:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.3);
    transform: translateY(-2px);
}

/* Cards Hover Effects */
.card-premium-72fa206b {
    background: #ffffff;
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 24px;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.02);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.card-premium-72fa206b:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.06);
    border-color: rgba(90, 75, 255, 0.2);
}

/* Interactive Input Fields */
.input-field-72fa206b {
    background: #F2F6F9;
    border: 1px solid rgba(226, 232, 240, 1);
    border-radius: 12px;
    padding: 0.875rem 1.25rem;
    font-size: 0.925rem;
    color: #2B2B2B;
    transition: all 0.25s ease;
    width: 100%;
}
.input-field-72fa206b:focus {
    outline: none;
    border-color: #00B7FF;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(0, 183, 255, 0.12);
}

/* Map Line Animation */
@keyframes dash {
    to {
        stroke-dashoffset: -100;
    }
}
.map-connection-line {
    stroke-dasharray: 8, 4;
    animation: dash 20s linear infinite;
}

/* Marker Glow */
.floating-marker {
    animation: marker-pulse 3s infinite ease-in-out;
}
@keyframes marker-pulse {
    0%, 100% {
        r: 4px;
        filter: drop-shadow(0 0 2px rgba(0, 183, 255, 0.8));
    }
    50% {
        r: 6px;
        filter: drop-shadow(0 0 8px rgba(0, 183, 255, 1));
    }
}

/* Swiper Pagination Overrides */
.reviews-pagination-72fa206b .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(43, 43, 43, 0.15);
    opacity: 1;
    transition: all 0.3s ease;
    border-radius: 999px;
}
.reviews-pagination-72fa206b .swiper-pagination-bullet-active {
    width: 28px;
    background: #00B7FF;
}

/* FAQ Accordion Transition overrides */
.faq-content-72fa206b {
    transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
    opacity: 0;
}
.faq-item-72fa206b.active .faq-content-72fa206b {
    opacity: 1;
}
.faq-item-72fa206b.active {
    border-color: rgba(0, 183, 255, 0.4);
    box-shadow: 0 10px 30px -5px rgba(0, 183, 255, 0.04);
}