.precon-antiter-infobox-12 {
    background: linear-gradient(135deg, #f7f9fc, #eaf3fa); /* Soft blue gradient background */
    color: #1a3e5e; /* Deep blue text color */
    border: 2px solid #b0d4f1; /* Light blue border */
    border-radius: 12px; /* Rounded edges for a modern look */
    padding: 20px; /* Internal spacing for text */
    max-width: 600px; /* Restrict width for better focus */
    margin: 20px auto; /* Center-align box with spacing */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    text-align: center; /* Center-align the text */
    font-family: 'Work Sans', sans-serif; /* Clean, modern font */
}

.precon-antiter-infobox-12 h2 {
    font-size: 24px; /* Larger heading */
    font-weight: 700; /* Bold heading */
    margin-bottom: 15px; /* Spacing below heading */
}

.precon-antiter-infobox-12 p {
    font-size: 16px; /* Standard paragraph size */
    line-height: 1.6; /* Improved readability */
    margin: 0; /* No extra margins */
}

/* Mobile-specific CSS */
@media (max-width: 768px) {
    .precon-antiter-infobox-12 {
        padding: 15px; /* Reduced padding for smaller screens */
        max-width: 90%; /* Allow box to take more space on mobile */
    }

    .precon-antiter-infobox-12 h2 {
        font-size: 20px; /* Adjust heading size for mobile */
    }

    .precon-antiter-infobox-12 p {
        font-size: 14px; /* Smaller paragraph text for better fit */
    }
}

								        .precon-antiter-infobox-12-1 {
    background: linear-gradient(180deg, #f0fff3, #e3fce8); /* Light blue gradient background */
    color: black; /* Dark blue text color for contrast */
    border: 2px solid #dbffe2; /* Sky blue border */
    border-radius: 12px; /* Smooth rounded edges */
    padding: 20px 30px; /* Internal spacing */
    max-width: 700px; /* Set a maximum width */
    margin: 20px auto; /* Center the box with margin */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    font-family: 'Work Sans', sans-serif; /* Clean, modern font */
    font-weight: 500;
}

.precon-antiter-infobox-12-1 h2 {
    font-size: 24px; /* Larger heading */
    font-weight: 700; /* Bold font weight */
    margin-bottom: 15px; /* Spacing below heading */
    text-align: center; /* Center-align heading */
}

.precon-antiter-infobox-12-1-list {
    list-style: none; /* Remove default bullet points */
    padding-left: 0; /* Remove default padding */
    margin: 0; /* Remove extra margin */
}

.precon-antiter-infobox-12-1-list li {
    font-size: 16px; /* Standard font size */
    line-height: 1.6; /* Increased line spacing for readability */
    margin-bottom: 10px; /* Space between list items */
    position: relative; /* Allows positioning of the arrow */
    padding-left: 25px; /* Space for the arrow */
}

.precon-antiter-infobox-12-1-list li::before {
    content: "➔"; /* Arrow symbol */
    position: absolute; /* Position it to the left of the text */
    left: 0; /* Align arrow to the far left */
    color: #50a660; /* Blue color for the arrow */
    font-size: 18px; /* Slightly larger than text */
    line-height: 1.6; /* Match text line height */
}


/* Mobile-specific CSS */
@media (max-width: 768px) {
    .precon-antiter-infobox-12-1 {
        padding: 15px 20px; /* Reduced padding for smaller screens */
        max-width: 90%; /* Allow box to take more space on smaller screens */
    }

    .precon-antiter-infobox-12-1 h2 {
        font-size: 20px; /* Adjust heading size for mobile */
        margin-bottom: 10px; /* Adjust spacing below heading */
    }

    .precon-antiter-infobox-12-1-list li {
        font-size: 14px; /* Slightly smaller text for list items */
        line-height: 1.4; /* Adjust line spacing for smaller screens */
    }
}