body {
    font-family: 'Telegraf', sans-serif; /* Use Telegraf font */
    margin: 0;
    padding: 0;
    background-color: #E6D6BF; /* Light background */
    color: #37858E; /* Default font color */
    font-size: 20px; /* Increased font size for body */
}

header {
    background: #37858E; /* Header background color */
    color: white; /* Change header text color to white */
    padding: 20px 0; /* Increased padding */
    text-align: center; /* Centered text */
    font-size: 35px; /* Increased font size for header */
}

header img {
    max-width: 400px; /* Increased logo width to 400px */
    height: auto; /* Maintain aspect ratio */
    margin-bottom: 10px; /* Space between logo and title */
}

h1 {
    color: #F9740D; /* Change header title color */
    font-size: 50px; /* Increased font size for h1 */
}

nav {
    margin: 10px 0;
    font-size: 22px; /* Increased font size for navigation */
}

nav a {
    color: white; /* Link color */
    margin: 0 15px;
    text-decoration: none;
}

section {
    padding: 20px;
    background-image: url('https://i.ibb.co/fVQHbg7D/Screenshot-2025-12-09-025435.png'); /* Background image for each section */
    background-size: cover; /* Cover the entire section */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent repeating */
    margin: 10px;
    border-radius: 5px;
    color: white; /* Default text color */
    font-size: 20px; /* Increased font size for section text */
    text-align: justify; /* Justify text in sections */
}

section h2 { 
    color: #F9740D; /* Updated section title color */
    font-size: 30px; /* Increased font size for section titles */
    text-align: left; /* Align section titles to the left */
}

section p {
    color: #37858E; /* Paragraph color */
    font-size: 20px; /* Increased font size for paragraphs */
}

.freshood-solution p, .freshood-solution li {
    color: #37858E; /* Updated to specific color for the Freshood Solution section */
    font-size: 20px; /* Increased font size for list items */
}

.download-app {
    color: #F9740D; /* Download Our App text color */
    font-size: 24px; /* Increased font size for download app */
}

footer {
    text-align: center;
    padding: 10px 0;
    background: #37858E; /* Footer background color */
    color: white; /* Keep footer text white */
    position: relative;
    bottom: 0;
    width: 100%;
    font-size: 18px; /* Increased font size for footer */
}

.socials {
    display: flex;
    justify-content: center;
    gap: 20px;
    font-size: 20px; /* Increased font size for social links */
}

.socials a {
    color: #37858E; /* Color for social media links */
    text-decoration: none;
}

.back-to-top {
    position: fixed;
    bottom: 20px; /* Position from the bottom */
    right: 20px; /* Position from the right */
    background-color: #37858E; /* Background color */
    color: white; /* Text color */
    border: none; /* No border */
    border-radius: 50%; /* Circular shape */
    width: 40px; /* Width */
    height: 40px; /* Height */
    display: none; /* Hidden by default */
    justify-content: center;
    align-items: center;
    cursor: pointer; /* Pointer on hover */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* Shadow effect */
    transition: background-color 0.3s; /* Smooth transition for hover effect */
}

.back-to-top:hover {
    background-color: #F9740D; /* Change color on hover */
}

.arrow {
    font-size: 24px; /* Size of the arrow */
}