/* Link Styling for Modal Content */
#modal-1-content a {
    text-decoration: none; /* Remove underline */
    margin: 0 8px; /* Slightly reduced horizontal margins for compact spacing */
    color: inherit; /* Inherit text color for consistency */
    transition: color 0.3s ease-in-out; /* Smooth color transition */
}

/* Hover & Active states for links */
#modal-1-content a:hover,
#modal-1-content a:active {
    text-decoration: none;
    color: #5A949A; /* Slight color change on hover for better UX */
}

/* Image Styling for Specific Image */
img[src*="call-1"] {
    padding-bottom: 0; /* Remove bottom padding */
    display: block; /* Ensure proper alignment */
    max-width: 40px; /* Set a max width for uniformity */
	margin: 0px !important;
}

/* Table Styling */
table {
    margin: 0 auto; /* Center the table */
    width: 80%; /* Slightly increased width for better spacing */
    border-collapse: collapse; /* Remove extra spacing */
}

/* Center specific columns in the table */
table thead th:nth-child(2),
table thead th:nth-child(3),
table tbody td:nth-child(2),
table tbody td:nth-child(3) {
    text-align: center;
}

/* Remove border from table header in WordPress block tables */
.wp-block-table thead {
    border-bottom: none;
}

/* Styling for Selected Elements */
.selected span {
    color: #5A949A; /* Set text color */
    font-weight: 600; /* Make it slightly bold for better emphasis */
}

/* Mobile Styles */
@media screen and (max-width: 768px) {
    /* Hide navigation and its responsive container on mobile */
    .wp-block-navigation,
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container-open {
        display: none !important; /* Use !important to ensure it's applied */
    }

    /* Reduce table width on mobile for better fit */
    table {
        width: 100%;
    }
}

img[src*="call-1"] {
    padding-bottom: 0;
    display: block;
    max-width: 40px;
}

.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
    margin-bottom: 32px !important;
}

.wp-block-column .is-layout-flow .wp-block-column-is-layout-flow {
	margin-bottom: 32px !important;
}