/*
 * Inline styles lifted verbatim out of contact.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;}
			
			header.sticky-header.dark-bg-menu {
			background: rgb(254 101 83);
			}
			
			img.contact-banner{
			width: 100%;
			}
			
			
			
			
			
			.contact-container {
			margin: 0 auto;
			width: 100%;
			max-width: 1280px;
			padding: 30px;
			margin-top: 50px;
			margin-bottom: 50px;
			display: flex;
			}
			.contact-page-side-content {
			padding-right: 30px;
			height: 100%;
			float: left;
			width: 50%;
			}
			.contact-form-content {
			float: right;
			width: 50%;
			}
			
			
			.contact-page-side-content {
			padding-right: 30px;
			height: 100%;
			}
			.contact-page-title {
			font-size: 30px;
			font-weight: 500;
			text-transform: capitalize;
			margin-bottom: 30px;
			}
			.single-contact-block {
			margin-bottom: 20px;
			padding-bottom: 20px;
			border-bottom: 1px solid #ebebeb;
			}
			.single-contact-block h4 {
			font-weight: 500;
			font-size: 20px;
			line-height: 27px;
			color: #161618;
			margin: 15px 0;
			}
			.single-contact-block p {
			font-size: 15px;
			line-height: 29px;
			margin-bottom: 0;
			color: #707070;
			}
			.contact-form {
			background-color: #f3f3f3;
			padding: 35px;
			}
			
			.contact-form input, .contact-form textarea {
			padding-left: 20px;
			border: 1px solid #ebebeb;
			background-color: #fff;
			width: 100%;
			line-height: 40px;
			outline: 0;
			}
			.contact-form .form-group {
			margin-bottom: 8px;
			}
			.contact-form input {
			height: 40px;
			}
			.contact-form label {
			font-size: 14px;
			padding: 0.8rem 0;
			}
			.btn-dark {
			color: #fff;
			font-size: 16px;
			padding: 10px 40px;
			border: none;
			border-radius: 5px;
			background: rgb(254 101 83);
			text-transform: uppercase;
			letter-spacing: 2px;
			cursor: pointer;
			}
			
			.contact-page-side-content a {
			color: rgb(254 101 83);
			text-decoration: none;
			}
			
			
			@media only screen and (max-width: 767px) {
			.desktop-show { display: none;}
			.mob-show { display: block;}
			
			
			
			.contact-container {
			padding: 15px;
			margin-top: 50px;
			margin-bottom: 50px;
			display: block;
			}
			.contact-page-side-content {
			padding-right: 00px;
			width: 100%;
			}
			.contact-form-content {
			width: 100%;
			}
			
			
			
			}