Porcelain Tile

About

/* Main content container styling */ .content { max-width: 1150px; margin: 5px auto; font-size: 16px; line-height: 1.6; color: #f9f9f9; /* Light text color */ font-family: Arial, sans-serif; /* Ensure a consistent font */ } /* Short description styling */ .short-description { margin-bottom: 20px; font-size: 16px; color: #f9f9f9; /* Light font for dark background */ } /* Full description styling */ .full-description { display: none; /* Hidden by default */ max-height: 200px; /* Limit the height */ overflow-y: auto; /* Enable vertical scrolling */ padding: 20px; /* Add padding for better readability */ border-radius: 8px; /* Slightly rounded corners for smooth appearance */ color: #f9f9f9; /* Light font for readability */ } /* Minimal custom scroll bar styling */ .full-description::-webkit-scrollbar { width: 8px; /* Keep it thin */ } .full-description::-webkit-scrollbar-thumb { background-color: #707070; /* Subtle thumb color */ border-radius: 8px; /* Rounded corners */ } .full-description::-webkit-scrollbar-track { /* No background color for a cleaner look */ } /* Styling for the Read More and Read Less links */ .read-more, .read-less { color: #1E90FF; /* Bright blue for readability */ text-decoration: underline; cursor: pointer; font-weight: bold; } .read-more:hover, .read-less:hover { text-decoration: none; } /* Heading styling within full-description */ .full-description h2 { margin-top: 20px; margin-bottom: 10px; font-size: 18px; font-weight: bold; color: #ffffff; font-family: inherit; line-height: 1.4; } /* FAQ question styling */ .full-description h3 { margin-top: 15px; margin-bottom: 5px; font-size: 16px; font-weight: bold; color: #ffffff; font-family: inherit; } /* Styling for paragraphs within full-description */ .full-description p { margin-bottom: 15px; /* Space below each paragraph */ color: #f9f9f9; /* Light text color */ } /* Styling for links within full-description */ .full-description a { color: #ffffff; /* White for hyperlinks */ text-decoration: un