/* Fonts Styling */
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

/* CSS Default Format Setting */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    scroll-behavior: smooth;
}

/* Background Colors */
.bg-light-gray {
    background-color: rgb(241, 240, 240);
}

/* Section Title */
.section_title h1 {
    text-decoration: underline;
    color: #007BFF; /* Primary color for section titles */
    margin-bottom: 20px;
    font-size: 2em; /* Larger font size for emphasis */
}

/* Cart Logo Hover Effect */
.cart a {
    text-decoration: none;
    list-style: none;
}

.cart a:hover {
    text-decoration: none;
    list-style: none;
}

/* Cart Background */
.bg_cart_1 {
    background-color: #8EC5FC;
    background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
}

/* List Group Item */
.list-group-item {
    background-color: inherit !important;
}

/* Product Image */
.product_img .new_product {
    position: absolute;
    top: 5%;
    left: 5%;
}

/* Contact Form Background */
.contact_form {
    background-color: #8EC5FC;
    background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

/* Services Section Background Gradient */
.feature {
    background: rgb(0, 121, 230);
    background: linear-gradient(0deg, rgba(0, 121, 230, 1) 0%, rgba(0, 250, 255, 1) 90%);
    padding: 60px 0;
}

/* Footer Section */
.footer_section {
    border-top: 3px solid #007BFF;
    border-radius: 10px;
    background-color: #343a40; /* Dark background for footer */
    color: #ffffff; /* White text in footer */
    padding: 40px 0;
}

/* Footer Links */
.footer_link ul li {
    list-style: none;
}

.footer_links a {
    color: #ffffff; /* White links */
    transition: color 0.3s;
}

.footer_links a:hover {
    color: #007BFF; /* Change link color on hover */
}

/* Button Styles */
.btn {
    border-radius: 5px;
    padding: 10px 20px;
    transition: background-color 0.3s, color 0.3s;
    border: none; /* Remove default border */
    cursor: pointer; /* Pointer cursor on hover */
}

.btn-primary {
    background-color: #007BFF; /* Primary button color */
    color: #ffffff; /* White text */
}

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

/* Form Styles */
.form-container {
    background-color: #ffffff; /* White background for forms */
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    max-width: 600px; /* Max width for forms */
    margin: 20px auto; /* Center the form */
}

.form-title {
    font-size: 1.8em; /* Larger font size for form title */
    color: #007BFF; /* Primary color */
    margin-bottom: 20px; /* Space below title */
    text-align: center; /* Center the title */
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
    border: 1px solid #ced4da; /* Light border for inputs */
    border-radius: 4px;
    padding: 12px; /* Increased padding for better touch targets */
    width: 100%; /* Full width */
    margin-bottom: 15px; /* Space between inputs */
    font-size: 1em; /* Consistent font size */
    transition: border-color 0.3s; /* Smooth transition for focus */
}