/* ====================================
   Cover Section Styles
==================================== */
.cover-section {
    position: relative; /* Position relative for absolute positioning of children */
    height: 60vh; /* Reduced height for smaller cover image */
    display: flex; /* Flexbox for centering content */
    overflow: hidden; /* Hide overflow content */
}

#cover-overlay {
    position: absolute; /* Position absolute for overlay */
    top: 0; /* Start at top */
    left: 0; /* Start at left */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */
    transition: background 0.5s ease; /* Smooth transition for background */
    z-index: -1; /* Place behind other elements */
}

#cover-image {
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    object-fit: cover; /* Cover the container */
    object-position: 30% 0%; /* Center the image */
    z-index: -2; /* Place behind overlay */
}

main p {
    margin-bottom: 15px; /* Space below paragraphs */
}

main ul {
    margin-left: 20px; /* Indent list items */
    margin-bottom: 15px; /* Space below lists */
}

main li {
    margin-bottom: 5px; /* Space below list items */
}

/* Specific styling for terms of service page */
.terms-section {
    position: relative;
    max-width: 800px; /* Limit the width for better readability */
    margin: 40px auto; /* Center the section */
    padding: 40px 20px; /* Padding top and bottom for spacing */
    background: linear-gradient(to top, #ffffff20,#00000020); /* Semi-transparent background */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    z-index: 1; /* Ensure it is above the parallax background */
}

.terms-section h1 {
    font-size: 2.5rem; /* Adjust main heading size */
    margin-bottom: 20px; /* Space below main heading */
    text-align: center; /* Center align the main heading */
}

.terms-section h2 {
    font-size: 1.8rem; /* Adjust subheading size */
    margin-top: 20px; /* Space above subheadings */
    margin-bottom: 10px; /* Space below subheadings */
    color: #FFFFFF; /* Slightly lighter grey for subheadings */
}

.terms-section p, .terms-section ul {
    font-size: 1rem; /* Standard text size */
    color: #FFFFFF; /* Lighter grey for paragraph text */
}

.terms-section ul {
    list-style-type: disc; /* Disc list style for unordered list */
    padding-left: 20px; /* Indent list items */
}

body {
    background: linear-gradient(to bottom, #60AFFF,#8F95D3); /* Match your website's colors */
    background-attachment: fixed; /* Fixed background */
    background-position: center; /* Center background */
    background-repeat: no-repeat; /* No repeat */
    background-size: cover; /* Cover entire section */
    position: relative; /* Position relative */
    text-align: left;
    z-index: 0; /* Behind the content */
}

.email-phone-address a {
    color: #F5F1ED; /* Light blue color */
    text-decoration: none; /* No underline */
    position: relative; /* Position relative for the hover effect */
    padding-bottom: 2px; /* Space below the text */
    transition: color 0.3s ease; /* Smooth transition for color */
}

.email-phone-address a::before {
    content: ''; /* Empty content for the underline */
    position: absolute; /* Position absolute */
    bottom: 0; /* Align to bottom */
    left: 0; /* Align to left */
    width: 100%; /* Full width */
    height: 2px; /* Height of the underline */
    background-color: #FFFFFF; /* Light blue color */
    transform: scaleX(0); /* Scale to 0 to hide */
    transform-origin: bottom right; /* Start from the bottom right */
    transition: transform 0.3s ease; /* Smooth transition for transform */
}

.email-phone-address a:hover {
    color: #F7B801; /* White color on hover */
}

.email-phone-address a:hover::before {
    transform: scaleX(1); /* Scale to 1 to show */
    transform-origin: bottom left; /* End at the bottom left */
}