/* General body styling */
body {
    background-color: black; /* Sets the background color to black */
    color: white; /* Sets the default text color to white for better contrast */
    font-family: Arial, sans-serif; /* Uses Arial or a similar sans-serif font for readability */
    text-align: left; /* Aligns text to the left for a standard reading format */
    /* padding: 0px; Adds padding around the content to give it some space from the edges */
}

.navbar, .navbar-brand, .form-control, .selectpicker {
    background-color: black !important;
    color: white !important;
}

.navbar {
    border-bottom: 1px solid white; /* Example: Add a white border to navbar */
}

.navbar-brand img {
    filter: invert(1); /* Invert the colors of the image to make it white */
}

/* General text and header styling */
h1 {
    font-size: 40px; /* Large font size for primary headers */
    margin-bottom: 20px; /* Space below headers to separate from other content */
    color: #6ad4f1; /* Bright green color for headers to stand out */
    margin: 0 auto 40px auto; /* Center horizontally and add space below */
    width: 70%; /* Sets the width of content sections for better readability */
    text-align: justify; /* Justifies text for a clean look */
}

h2 {
    font-size: 30px;
    color: #94f0f2; /* Consistent bright green color for secondary headers */
    margin: 0 auto 40px auto; /* Center horizontally and add space below */
    width: 70%; /* Sets the width of content sections for better readability */
    text-align: justify; /* Justifies text for a clean look */
}

p {
    font-size: 1.5em; /* Slightly larger font size for paragraphs to enhance readability */
}

/* Link styling */
a {
    color: #b0b0b0; /* Light gray color for links for better contrast against dark background */
    text-decoration: underline; /* Underlines links to indicate they are clickable */
}
a:hover {
    color: #e0e0e0; /* Changes link color on hover for a visual effect */
}

/* Table of contents styling */
.toc {
    margin: 0 auto 40px auto; /* Center horizontally and add space below */
    width: 70%; /* Sets the width of content sections for better readability */
    text-align: justify; /* Justifies text for a clean look */
}
.toc ul {
    list-style: none; /* Removes default list bullets */
    padding-left: 0; /* Removes default padding to align list items */
    margin: 0; /* Removes default margin for a clean look */
    counter-reset: toc-main-counter; /* Initialize the main counter */
}
.toc ul > li {
    counter-increment: toc-main-counter; /* Increment the main counter */
}
.toc ul li {
    margin-bottom: 5px; /* Space between table of contents items for readability */
}
.toc ul > li::before {
    content: counter(toc-main-counter) ". "; /* Display the main counter value */
    color: #52abf4; /* Bright color for table of contents links */
}
.toc ul li a {
    color: #52abf4; /* Bright color for table of contents links */
    text-decoration: none; /* Removes underline from table of contents links */
}
.toc ul li a:hover {
    text-decoration: underline; /* Adds underline on hover for links in the table of contents */
}
.toc ul ul {
    list-style: none; /* Removes default list bullets */
    margin-left: 40px; /* Adds left margin to nested lists for indentation */
    counter-reset: toc-sub1-counter; /* Initialize the sub counter */
}
.toc ul ul > li {
    counter-increment: toc-sub1-counter; /* Increment the sub counter */
}
.toc ul ul > li::before {
    content: counter(toc-main-counter) "." counter(toc-sub1-counter) " "; /* Display the main and sub counter values */
    color: #52abf4; /* Bright color for table of contents links */
}

.toc ul ul ul {
    list-style: none; /* Removes default list bullets */
    margin-left: 40px; /* Adds left margin to nested lists for indentation */
    counter-reset: toc-sub2-counter; /* Initialize the sub counter */
}
.toc ul ul ul > li {
    counter-increment: toc-sub2-counter; /* Increment the sub counter */
}
.toc ul ul ul > li::before {
    content: counter(toc-main-counter) "." counter(toc-sub1-counter) "." counter(toc-sub2-counter) " "; /* Display the main and sub counter values */
    color: #52abf4; /* Bright color for table of contents links */
}

.content-section {
    font-size: 16px; /* Standard font size for content sections */
    margin: 0px auto 20px auto; /* Center horizontally and add space below */
    width: 70%; /* Sets the width of content sections for better readability */
    text-align: justify; /* Justifies text for a clean look */
    padding-left: 0px; /* Adds left padding for a clean look */
}

.content-section h1 {
    font-size: 20px; /* Large font size for section headers */
    margin-bottom: 10px; /* Space below section headers to separate from other content */
}

.content-section h2 {
    font-size: 18px; /* Standard font size for paragraphs within content sections */
    margin-bottom: 10px; /* Space below paragraphs to separate from other content */
}

.content-section > ul {
    list-style: none; /* Removes default list bullets */
    padding-left: 0; /* Removes default padding to align list items */
    margin-left: 0; /* Removes default margin for a clean look */
    counter-reset: main-counter; /* Initialize the main counter */
}

.content-section > ul > li {
    counter-increment: main-counter; /* Increment the main counter */
}
.content-section > ul > li::before {
    content: counter(main-counter) ". "; /* Display the main counter value */
    font-size: 20px;
    margin-bottom: 10px;
    color: #52abf4; /* Bright color for table of contents links */
}

.content-section > ul > li > strong {
    color: #52abf4; /* Bright color for table of contents links */
    font-size: 20px; /* Large font size for section headers */
}

.content-section > ul > ul {
    list-style: none; /* Removes default list bullets */
    counter-reset: sub1-counter; /* Initialize the sub counter */
    margin-left: 0; /* Removes default margin for a clean look */
    padding-left: 0; /* Removes default padding to align list items */
}

.content-section > ul > ul > li {
    counter-increment: sub1-counter; /* Increment the sub counter */
}
.content-section > ul > ul > li::before {
    content: counter(main-counter) "." counter(sub1-counter) " "; /* Display the main and sub counter values */
    font-size: 18px;
    color: #52abf4; /* Bright color for table of contents links */
}
.content-section > ul > ul > li strong {
    color: #52abf4; /* Bright color for table of contents links */
    font-size: 18px; /* Standard font size for paragraphs within content sections */
    margin-bottom: 0px; /* Space below paragraphs to separate from other content */

}.content-section > ul > ul > ul {
    list-style: none; /* Removes default list bullets */
    counter-reset: sub2-counter; /* Initialize the sub counter */
    margin-left: 0; /* Removes default margin for a clean look */
    padding-left: 0; /* Removes default padding to align list items */
}

.content-section > ul > ul > ul > li {
    counter-increment: sub2-counter; /* Increment the sub counter */
}
.content-section > ul > ul > ul > li::before {
    content: counter(main-counter) "." counter(sub1-counter) "." counter(sub2-counter) " "; /* Display the main and sub counter values */
    font-size: 18px;
    color: #52abf4; /* Bright color for table of contents links */
}
.content-section > ul > ul > ul > li strong {
    color: #52abf4; /* Bright color for table of contents links */
    font-size: 18px; /* Standard font size for paragraphs within content sections */
    margin-bottom: 0px; /* Space below paragraphs to separate from other content */
}

.section-content {
    font-size: 16px; /* Standard font size for content sections */
    text-align: justify; /* Justifies text for a clean look */
    padding-left: 10px; /* Adds left padding for a clean look */
    margin-bottom: 20px;
    margin-top: 10px;
}

.section-content > ul {
    list-style: disc; /* Uses disc bullets for unordered lists within content sections */
    margin-left: 5px; /* Adds left margin to unordered lists for indentation */
    margin-bottom: 30px;
}

.section-content > ul > li {
    margin-bottom: 5px; /* Space between list items for readability */
}
.section-content > ul >li strong {
    font-size: 16px; /* Standard font size for paragraphs within content sections */
    margin-bottom: 10px; /* Space below paragraphs to separate from other content */
    color: #9dc9ed; /* Bright color for table of contents links */
}

.section-content > ul > ul {
    list-style: none; /* Removes default list bullets for nested lists */
    margin-left: 5px; /* Adds left margin to nested lists for indentation */
}

.section-content > ul > ul > li {
    position: relative; /* Set position relative for nested list items */
}

.section-content > ul > ul > li::before {
    content: "-"; /* Use dash as bullet for nested lists */
    position: absolute; /* Position absolute for precise placement */
    left: -20px; /* Adjust left position to align with list margin */
}
.section-content > ul > ul > li strong {
    font-size: 16px; /* Standard font size for paragraphs within content sections */
    margin-bottom: 10px; /* Space below paragraphs to separate from other content */
    color: #9dc9ed; /* Bright color for table of contents links */
}

/* Styling for construction icon */
.construction-icon {
    text-align: center;
    font-size: 100px;
    margin-bottom: 20px;
}
.construction-icon p {
    font-size: 24px;
    margin: 0;
}