/* Reset default browser styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Body Styling */
body {
font-family: 'Roboto', sans-serif;
line-height: 1.6;
color: #2c3e50; /* Darker shade for main text */
background-color: #f0f2f5;
overflow-x: hidden;
}
/* Container Class for Consistent Padding */
.container {
width: 90%;
max-width: 1200px;
margin: auto;
padding: 0 20px;
}
/* Header Styling */
header {
background-color: #34495e; /* Darker background for contrast */
color: #ecf0f1; /* Light text for readability */
padding: 20px 0;
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 1000;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transition: top 0.3s ease-in-out;
}
header.hidden {
top: -100px; /* Adjust based on header height */
}
header .container {
display: flex;
justify-content: space-between;
align-items: center;
}
/* Logo Styling */
header h1 {
font-size: 1.8em;
display: flex;
align-items: center;
}
header h1 span {
margin-left: 10px;
font-size: 1.2em;
}
/* Plant SVG in Header */
.header-plant {
width: 30px;
height: 30px;
margin-left: 10px;
transition: transform 0.3s;
}
.header-plant:hover {
transform: scale(1.1);
}
/* Navigation Styling */
nav ul {
list-style: none;
display: flex;
gap: 25px; /* Increased gap for better spacing */
}
nav ul li a {
color: #ecf0f1;
text-decoration: none;
font-size: 1em;
transition: color 0.3s;
}
nav ul li a:hover {
color: #1abc9c; /* Vibrant teal for hover effect */
}
/* Main Content Styling */
main {
padding: 100px 0 50px; /* Top padding to avoid overlap with fixed header */
}
.cards {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.card {
background: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
width: 100%;
max-width: 700px;
transition: transform 0.3s, box-shadow 0.3s;
opacity: 0;
transform: translateY(20px);
animation: fadeInUp 1s forwards;
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}
/* Card Content Styling */
.card h2, .card h3, .card h4 {
color: #2c3e50;
position: relative;
padding-left: 35px;
margin-bottom: 15px;
animation: fadeInDown 0.5s ease-out forwards;
opacity: 0;
}
.card h2::before, .card h3::before, .card h4::before {
content: '🔄'; /* Default emoji for h2 */
position: absolute;
left: 0;
top: 0;
font-size: 24px;
animation: bounce 2s infinite;
}
.card h3::before, .card h4::before {
content: '❗'; /* Different emoji for h3 and h4 */
}
.card p, .card ul, .card table {
color: #34495e; /* Darker text for better contrast */
opacity: 0;
animation: fadeInUp 1s forwards;
animation-delay: 0.5s;
}
.card ul {
list-style-type: disc;
margin-left: 40px;
margin-bottom: 20px;
}
.card table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
.card table th, .card table td {
border: 1px solid #ddd;
padding: 8px;
}
.card table th {
background-color: #f2f2f2;
text-align: left;
}
.card a {
color: #1abc9c; /* Vibrant teal for links */
text-decoration: none;
transition: color 0.3s;
}
.card a:hover {
color: #16a085; /* Darker teal for hover */
}
.card address {
font-style: normal;
background: #ecf0f1;
padding: 15px;
border-radius: 4px;
margin-bottom: 20px;
color: #2c3e50; /* Ensures address text is readable */
}
/* Footer Styling */
footer {
background-color: #34495e; /* Darker background for contrast */
color: #ecf0f1; /* Light text for readability */
padding: 20px 0;
margin-top: 50px;
animation: slideUp 0.5s ease-out;
}
footer .container {
display: flex;
justify-content: center; /* Center the navigation links */
align-items: center;
flex-wrap: wrap;
}
/* Footer Navigation Styling */
footer nav ul {
list-style: none;
display: flex;
gap: 25px; /* Spacing between footer links */
flex-wrap: wrap;
justify-content: center;
}
footer nav ul li a {
color: #ecf0f1;
text-decoration: none;
font-size: 1em;
transition: color 0.3s;
}
footer nav ul li a:hover {
color: #1abc9c; /* Vibrant teal for hover effect */
}
/* Plant SVG in Footer */
.footer-plant {
width: 30px;
height: 30px;
margin-left: 10px;
transition: transform 0.3s;
}
.footer-plant:hover {
transform: scale(1.1);
}
/* Animations */
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInDown {
from { opacity: 0; transform: translateY(-20px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes slideDown {
from { transform: translateY(-100%); }
to { transform: translateY(0); }
}
@keyframes slideUp {
from { transform: translateY(100%); }
to { transform: translateY(0); }
}
@keyframes bounce {
0%, 20%, 40%, 60%, 80%, 100% { transform: translateY(0); }
10%, 30%, 50%, 70%, 90% { transform: translateY(-10px); }
}
@keyframes bounceIn {
0% { transform: scale(0.5); opacity: 0; }
60% { transform: scale(1.05); opacity: 1; }
100% { transform: scale(1); }
}
/* Responsive Design */
@media (max-width: 768px) {
header .container, footer .container {
flex-direction: column;
align-items: center;
}
nav ul, footer nav ul {
flex-direction: row; /* Keep links side by side */
gap: 15px;
flex-wrap: wrap;
justify-content: center;
}
main {
padding: 100px 20px 50px; /* Adjust padding for smaller screens */
}
.cards {
justify-content: center;
}
.card {
max-width: 100%;
}
}
🚚 Shipping Policy
We are committed to delivering your plants safely and efficiently worldwide. Below are the details of our shipping practices, packaging methods, and estimated delivery times.
📦 Shipping Worldwide
We ship our plants to customers all around the globe. Whether you're ordering from Europe, the USA, Canada, Asia, Australia, or other regions, we've got you covered.
📦 Packaging Method
To ensure your plants arrive in perfect condition, we use the following packaging materials and methods:
- Plants are shipped in sturdy paper boxes.
- Roots are carefully packed with soil to maintain plant health during transit.
- Potted plants and soil are securely wrapped in plastic foliage to protect against moisture and damage.
⏱️ Processing Time
Once you place an order, we begin processing it immediately. Your items are typically shipped within 5 business days using standard postal services.
📅 Estimated Delivery Time
Delivery times vary based on your location:
-
Europe: 3 – 10 days
-
USA, Canada, Asia, Australia, and Others: 5 – 15 days
Please note that these are approximate delivery times and actual delivery may vary depending on local postal services and customs processing.
📏 Package Weight and Dimensions
All our packages are lightweight and compact to ensure safe and efficient shipping:
-
Weight: Less than 1 lb (0.5 kg)
-
Dimensions: Varies based on the size of the plant, but all packages are designed to be as compact as possible.
📬 Additional Information
- **Tracking:** Once your order is shipped, you will receive a tracking number via email to monitor the status of your delivery.
- **Shipping Fees:** Shipping fees are calculated based on your location and the weight of your order. Please refer to the checkout page for exact shipping costs.
- **Customs and Duties:** For international shipments, customs duties and taxes may apply depending on your country's regulations. These fees are the responsibility of the recipient.
- **Delays:** We are not responsible for any delays caused by customs, postal services, or unforeseen circumstances. Please contact your local postal office for more information if your package is delayed.