/* --- Global Reset and Base Styles --- */
body {
font-family: Arial, sans-serif; /* A common, clean font */
line-height: 1.6;
margin: 40px auto; /* Add margin around the document */
max-width: 800px; /* Set a max width for the content area */
color: #333; /* Dark gray for body text */
}
/* --- Heading Styles (To mimic the prominent red and black headings) --- */
/* The largest, red heading: "GRAIN HANDLING WITH DSI SANDWICH BELT CONVEYOR" */
h1, .main-heading {
/* Mimics the red color */
color: #A52A2A; /* A deep reddish-brown color */
font-size: 28px; /* Large font size */
font-weight: 700; /* Bold */
text-transform: uppercase; /* All caps */
letter-spacing: 0.5px;
margin-top: 40px;
margin-bottom: 10px;
border-bottom: 2px solid #A52A2A; /* Optional: A subtle underline to match some designs */
padding-bottom: 5px;
}
/* The intermediate, black headings: "RESEARCH AND DEVELOPMENT", "GRAIN QUALITY" */
h2, .section-heading {
/* Mimics the dark, prominent black headings */
color: #000;
font-size: 22px;
font-weight: 700; /* Bold */
text-transform: uppercase; /* All caps */
letter-spacing: 0.3px;
margin-top: 30px;
margin-bottom: 15px;
/* The line beneath "RESEARCH AND DEVELOPMENT" looks like it's part of the text,
but sometimes a subtle border can replicate it if the text is short. */
}
/* --- Paragraph Styles --- */
p {
font-size: 14px;
margin-bottom: 20px;
text-align: justify; /* Justify text for a formal document look */
}
/* --- Content Structure (If you want to use specific classes) --- */
.content-section {
padding-bottom: 20px;
border-bottom: 1px solid #eee; /* Light separator */
}
/* --- Emphasis --- */
strong {
font-weight: 900; /* Make bold text stand out more */
}
/* Optional: Style for a potential image at the bottom */
.document-image {
width: 100%;
height: auto;
display: block;
margin-top: 30px;
}
@media print {
/* --- পেজ ব্রেক এবং মার্জিন কন্ট্রোল --- */
@page {
/* প্রিন্ট আউটপুটের মার্জিন সেট করুন, যা ছবির মার্জিনের কাছাকাছি হতে পারে */
margin: 1.5cm 1.5cm 1.5cm 1.5cm;
}
/* --- স্ক্রিনের মতো রঙের হেডিং প্রিন্ট করা নিশ্চিত করুন --- */
h1, h2, h3, .main-heading, .section-heading {
/*
* সবথেকে গুরুত্বপূর্ণ! এটি ব্রাউজারকে রঙের ব্যাকগ্রাউন্ড এবং টেক্সট প্রিন্ট করতে বাধ্য করে।
* ব্রাউজার সাধারণত ইঙ্ক সেভ করার জন্য ব্যাকগ্রাউন্ড কালার বাদ দেয়।
*/
-webkit-print-color-adjust: exact !important;
color-adjust: exact !important;
}
/* --- অপ্রয়োজনীয় অংশ যেমন URL, ফুটার লুকানো (ঐচ্ছিক) --- */
/*
* যদি আপনি চান, তাহলে ব্রাউজারের ডিফল্ট হেডার/ফুটার (URL, তারিখ ইত্যাদি) যেন না আসে তার জন্য
* @page ব্যবহার করে আপনি সেটি লুকানোর চেষ্টা করতে পারেন।
*/
/* আপনার মূল কন্টেন্ট এর প্রস্থ পুরো পেজ জুড়ে সেট করুন (যদি এর আগে কোনো নির্দিষ্ট width সেট করা থাকে) */
body {
max-width: none !important;
margin: 0;
padding: 0;
}
}
.print-footer {
margin-top: 50px !important;
}
