.footer-1 {
    padding: 40px 0;
    border-top: 1px solid #ddd; /* Optional: adds a subtle border on top */
}

.footer-1 a {
    color: #fff; /* Change link color */
    transition: color 0.3s;
}

.footer-1 a:hover {
    color: #000; /* Change hover color for links */
}

.widget {
    margin-bottom: 20px;
}

.contact-info li {
    list-style: none;
    margin-bottom: 10px;
}

.one-line {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .one-line .btn {
        margin-left: 30px; /* Adjust spacing as needed */
    }
	
   .back-to-top {
        background-color: #28a745; /* Change this color as needed */
        color: white; /* Button text color */
        border-radius: 20px;
        padding: 10px 15px;
    }


/* Existing CSS */
body {
    background: linear-gradient(45deg, #FFDEE9, #B5FFFC); /* Light pink to light cyan */
    color: #333; /* Default text color */
    margin: 0; /* Reset default margin */
    padding: 0; /* Reset default padding */
}

h2, h3, h4, h5, h6 {
    color: #4B0082; /* Dark purple for better contrast against light background */
    font-weight: bold; /* Make headings bold */
}

p {
    color: #333; /* Dark text for better readability */
    font-weight: bold; /* Make paragraphs bold */
}

.extra-div {
    background: linear-gradient(45deg, #FFF5BA, #FFABAB); /* Light yellow to light peach gradient */
    padding: 40px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-top: 40px;
    margin-bottom: 20px;
    max-width: 100%; /* Let the Bootstrap grid system control width */
}


.extra-div h3, 
.extra-div h4, 
.extra-div h5 {
    color: #6A0DAD; /* Darker purple for better contrast with background */
    font-weight: bold; /* Make headings bold */
}

.extra-div p {
    color: #333333; /* Darker gray for paragraph text, ensuring good readability */
    font-weight: bold; /* Make paragraphs bold */
}

/* Additional styles for headings and paragraphs inside .extra-div */
.extra-div h3, 
.extra-div h4, 
.extra-div h5 {
    color: #000000; /* Dark color for headings within the extra div */
    font-weight: bold; /* Make headings bold */
}

.extra-div p {
    color: #333333; /* Darker color for paragraph text within the extra div */
    font-weight: bold; /* Make paragraphs bold */
}

.popup {
    position: fixed; /* Position it fixed to the viewport */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust position to center */
    background-color: white; /* Background color for the popup */
    padding: 20px; /* Padding inside the popup */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Add a shadow */
    z-index: 1000; /* Ensure it's on top */
    text-align: center; /* Center align text and button */
}

.popup-content {
    display: block;
    width: 100%; /* Make the image responsive */
    height: auto; /* Maintain aspect ratio */
}

.close {
    position: absolute;
    top: 10px;
    right: 25px;
    color: black; /* Change close button color for better visibility */
    font-size: 35px;
    font-weight: bold;
    cursor: pointer;
}

.caption {
    margin: 10px 0;
    color: black; /* Change caption color for better visibility */
    text-align: center;
}

.news-ticker {
    background: linear-gradient(to right, #003366, #006699); /* Deep blue gradient */
    color: white; /* Text color */
    overflow: hidden;
    white-space: nowrap; /* Prevent line breaks */
    position: relative;
    height: 50px; /* Height of the ticker */
}

.news-content {
    display: inline-block;
    padding-left: 100%; /* Start from the right */
    animation: scroll 40s linear infinite; /* Animation for scrolling */
}

.news-content p {
    display: inline; /* Keep items inline */
    padding: 0 50px; /* Space between items */
}

@keyframes scroll {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0); /* Scroll to the left */
    }
}

.styled-button {
    background: linear-gradient(90deg, #4CAF50, #45a049); /* Gradient from light green to darker green */
    border: none; /* No border */
    color: white; /* White text */
    padding: 15px 32px; /* Some padding */
    text-align: center; /* Centered text */
    text-decoration: none; /* No underline */
    display: inline-block; /* Inline-block */
    font-size: 16px; /* Medium text size */
    margin: 10px auto; /* Center the button with auto margins */
    cursor: pointer; /* Pointer cursor on hover */
    border-radius: 12px; /* Rounded corners */
    transition: background 0.3s; /* Smooth background color transition */
}

.styled-button:hover {
    background: linear-gradient(90deg, #45a049, #4CAF50); /* Reversed gradient on hover */
}