/*
	Theme Name: Hello Elementor Child
	Description: Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
	Author: Elementor Team
	Author URI: https://elementor.com/
    Template: hello-elementor
	Version: 3.0.1
	Stable tag: 3.0.1
	Requires at least: 6.0
	Tested up to: 6.4
	Requires PHP: 7.3
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor-child
	Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/* Add your custom styles here */
.qrcode-container {
	margin: 20px;
	padding: 10px;
	border: 1px solid #ddd;
	text-align: center;
	display: inline-block;
}

.btn {
	margin-top: 10px;
	padding: 8px 15px;
	cursor: pointer;
	border: none;
	color: white;
	background-color: #007bff;
	border-radius: 5px;
}

.btn:hover {
	background-color: #0056b3;
}

.organization,
.blood_grp {
	background: none;
	padding: 10px;
}

#employee_photo {
	border: 1px solid #666;
	padding: 9px;
	border-radius: 4px;
}

.required_asteric {
	color: red;
}

.organization:focus-visible,
.blood_grp:focus-visible,
.emp_address:focus-visible {
	outline: none;
}

.bg-grey {
	background-color: #ebebeb;
	border-radius: 10px;
}

.business-card-wrapper {
	max-width: 600px;
	margin: 30px auto;
	padding: 25px;
	border: 2px solid #1C1C92;
	border-radius: 12px;
	box-shadow: 0 0 8px rgb(12 12 12 / 90%);
	font-family: Arial, sans-serif;
}

.business-header {
	text-align: center;
}

.business-header img {
	width: 180px;
	border-radius: 10%;
}

.business-title {
	color: #1C1C92;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 25px;
}

.emp-row {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

.emp-label {
	width: 120px;
	font-weight: bold;
	padding-bottom: 5px;
}

.emp-value {
	flex: 1;
	padding-bottom: 5px;
}

.photo-block {
	margin-left: auto;
}

.photo-block img {
	width: 180px;
	border-radius: 10%;
}

.row-with-photo {
	display: flex;
	align-items: flex-start;
}

.text-details {
	flex: 1;
}

@media (max-width: 600px) {
	.photo-block {
		margin-left: 0;
	}
}