/* Custom CSS for specific elements and overrides */

/* Testimonial Bubble Tail */
.testimonial-bubble {
    position: relative;
}

.testimonial-bubble::before {
    content: '';
    position: absolute;
    bottom: -10px; /* Position the tail below the bubble */
    left: 20px; /* Adjust as needed */
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ECFDF5; /* Match the background color of the bubble */
}

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

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

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

/* Responsive adjustments for map pins if needed, though absolute positioning handles some */
@media (max-width: 768px) {
    .map-pin {
        /* Adjust pin positions for smaller screens if map image scales differently */
        /* Example: top: 15%; left: 25%; */
    }
}
/* 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;
}