/* Custom CSS for Value Volt - Modern Teal Theme */

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom selection color */
::selection {
    background-color: #14b8a6;
    color: white;
}

/* Map Pin Info Bubble Positioning */
.map-pin .map-info {
    left: 50%;
    transform: translateX(-50%);
}

.map-pin:hover .map-info {
    display: block;
}

/* Map pin animation */
.map-pin span {
    animation: bounce 2s infinite;
}

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

/* Ensure buttons don't have underline */
.smooth-scroll-link {
    text-decoration: none;
}

/* Details/Summary styling for FAQ */
details summary::-webkit-details-marker {
    display: none;
}

details[open] summary {
    margin-bottom: 0;
}

/* Form input focus states */
input:focus, textarea:focus {
    outline: none;
}

/* Card hover effects */
.hover\:shadow-lg:hover {
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.1);
}

/* Responsive adjustments for map pins */
@media (max-width: 768px) {
    .map-pin {
        transform: scale(0.8);
    }
    
    .map-pin span {
        animation: none;
    }
}
/* Base styles for the content container */
.userClauseNet {
    padding: 2rem; /* Adds padding to the top and sides of the content */
    /* You might want to add max-width and margin: 0 auto; here for better readability on large screens,
       e.g., max-width: 1200px; margin: 0 auto; */
}

/* Heading 1 styles */
.userClauseNet h1 {
    font-size: 2.2em; /* Moderate font size for main headings */
    line-height: 1.2; /* Improves readability */
    margin-top: 1.5em; /* Space above the heading */
    margin-bottom: 0.5em; /* Space below the heading */
    font-weight: 700; /* Bold font weight */
    color: #333; /* Darker color for headings */
}

/* Heading 2 styles */
.userClauseNet h2 {
    font-size: 1.8em; /* Moderate font size for sub-headings */
    line-height: 1.3;
    margin-top: 1.4em;
    margin-bottom: 0.5em;
    font-weight: 700;
    color: #333;
}

/* Heading 3 styles */
.userClauseNet h3 {
    font-size: 1.5em; /* Moderate font size for sub-sub-headings */
    line-height: 1.4;
    margin-top: 1.3em;
    margin-bottom: 0.5em;
    font-weight: 700;
    color: #333;
}

/* Heading 4 styles */
.userClauseNet h4 {
    font-size: 1.2em; /* Smaller heading size */
    line-height: 1.5;
    margin-top: 1.2em;
    margin-bottom: 0.5em;
    font-weight: 700;
    color: #333;
}

/* Heading 5 styles */
.userClauseNet h5 {
    font-size: 1.1em; /* Smallest heading size, still distinct */
    line-height: 1.6;
    margin-top: 1.1em;
    margin-bottom: 0.5em;
    font-weight: 700;
    color: #333;
}

/* Paragraph styles */
.userClauseNet p {
    font-size: 1rem; /* Base font size for body text */
    line-height: 1.6; /* Good line height for readability */
    margin-bottom: 1em; /* Space between paragraphs */
    color: #555; /* Default text color */
}

/* Unordered list styles */
.userClauseNet ul {
    list-style-type: disc; /* Default bullet style */
    margin-top: 1em; /* Space above the list */
    margin-bottom: 1em; /* Space below the list */
    padding-left: 1.5em; /* Indentation for bullet points */
    color: #555;
}

/* List item styles */
.userClauseNet li {
    font-size: 1rem; /* Inherit or explicitly set for consistency */
    line-height: 1.6; /* Consistent line height */
    margin-bottom: 0.5em; /* Space between list items */
    color: #555;
}