/*
 * Inline styles lifted verbatim out of about_us.blade.php by tools/blade-to-jsx.mjs.
 *
 * It lived inline in the template, so it loads after the shared stylesheets and keeps the
 * same precedence here. Edit the Blade original and re-run the port rather than editing
 * this file, or the two versions drift silently — which is the whole thing this rebuild
 * is trying to avoid.
 */
.mob-show { display: none;}
			.container {
			width: 100%;
			max-width: 1300px;
			flex-direction: column;
			align-items: center;
			margin-left: auto;
			margin-right: auto;
			margin-top: 50px;
			padding-right: 15px;
			padding-left: 15px;
			}
			.img-fluid {
			max-width: 100%;
			height: auto;
			}
			.about-content .para-title {
			font-size: 1.34rem;
			font-weight: 500;
			margin-bottom: 3px;
			}
			.about-content p {
			margin-bottom: 1.8rem;
			font-size: 14px;
			font-weight: 400;
			line-height: 1.8;
			}
			
			
			@media only screen and (max-width: 767px) {
			.desktop-show { display: none;}
			.mob-show { display: block;}
			
			}