body {
    background-color: #f0f0f0;
    /* Changed to a softer background color */
    font-family: 'Arial', sans-serif;
    /* Changed font family */
}

header {
    background: linear-gradient(90deg, #b3e5fc, #e1f5fe);
    /* Softer gradient for header */
}

.navbar-nav .nav-link {
    color: #444444 !important;
    /* Changed text color to a softer dark */
    font-weight: bold;
    font-size: 0.9rem;
    /* Decreased font size */
}

.navbar-nav .nav-link:hover {
    color: #ffcc00 !important;
}

h1 {
    color: #222;
    font-size: 2rem;
    /* Decreased font size */
}

h2 {
    color: #222;
    font-size: 1.75rem;
    /* Decreased font size */
}

.card {
    border: none;
    border-radius: 15px;
    /* Increased border radius */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    /* Changed background color for cards */
}

.btn-primary {
    background-color: #0056b3;
    /* Darker blue */
    border: none;
    border-radius: 8px;
    /* Increased border radius */
    font-size: 0.9rem;
    /* Decreased button font size */
}

.btn-primary:hover {
    background-color: #004494;
    /* Darker on hover */
}

.rating i {
    font-size: 1.5rem;
    /* Decreased icon size */
}

.faq-item h3 {
    cursor: pointer;
    color: #0056b3;
    font-size: 1.25rem;
    /* Decreased font size */
}

.faq-item p {
    display: none;
    margin-top: 12px;
    font-size: 0.9rem;
    /* Decreased font size */
}

/* New styles for section backgrounds */
#converter {
    background-color: #e1f5fe;
    /* Light blue */
    padding: 15px;
    /* Decreased padding */
    border-radius: 15px;
    /* Increased border radius */
}

#features {
    background-color: #ffe0b2;
    /* Light orange */
    padding: 15px;
    /* Decreased padding */
    border-radius: 15px;
    /* Increased border radius */
}

#key-features {
    background-color: #f1f8e9;
    /* Light green */
    padding: 15px;
    /* Decreased padding */
    border-radius: 15px;
    /* Increased border radius */
}

#faq {
    background-color: #fce4ec;
    /* Light pink */
    padding: 15px;
    /* Decreased padding */
    border-radius: 15px;
    /* Increased border radius */
}

#other-tools {
    background-color: #e1bee7;
    /* Light purple */
    padding: 15px;
    /* Decreased padding */
    border-radius: 15px;
    /* Increased border radius */
}

.text-dark {
    color: #343a40;
}

.bg-card-1 {
    background-color: #fff3e0;
}

.bg-card-2 {
    background-color: #e1bee7;
}

.bg-card-3 {
    background-color: #c8e6c9;
}

.bg-card-4 {
    background-color: #ffe0b2;
}

.bg-card-5 {
    background-color: #bbdefb;
}

.bg-card-6 {
    background-color: #d1c4e9;
}

.bg-faq {
    background-color: #f8bbd0;
    padding: 20px;
    border-radius: 10px;
}

.border-faq {
    border: 1px solid #880e4f;
    border-radius: 8px;
    padding: 10px;
    background-color: #ffffff;
}

.text-faq {
    color: #880e4f !important;
}

.text-faq-answer {
    display: none;
    color: #333;
}

.icon-small {
    font-size: 1.25rem;
}

.icon-faq {
    font-size: 1rem;
}