.elementor-4711 .elementor-element.elementor-element-0365bc0{--display:flex;}.elementor-4711 .elementor-element.elementor-element-d5c116b{--display:flex;}.elementor-4711 .elementor-element.elementor-element-b5d938f{--display:flex;}/* Start custom CSS for html, class: .elementor-element-514278f */.employee-report-container {
  max-width: 800px;
  margin: 0 auto;
  font-family: 'Segoe UI', sans-serif;
  padding: 20px;
}

.report-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.report-header h2 {
  font-size: 24px;
  color: #222;
}

.download-btn {
  background-color: #0077ff; color: #fff;
  padding: 10px 15px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.3s;
}

.download-btn:hover {
  background-color: #005ed6;
}

.employee-report-card {
  background: #f9f9f9;
  padding: 18px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  margin-bottom: 15px;
}

.employee-info h3 {
  margin: 0;
  font-size: 18px;
  color: #333;
}

.employee-info p {
  margin: 5px 0;
  color: #555;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d59bef5 */.employee-report-container {
  max-width: 800px;
  margin: 0 auto;
  font-family: 'Segoe UI', sans-serif;
  padding: 20px;
}

.report-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.report-header h2 {
  font-size: 24px;
  color: #222;
}

.download-btn {
  background-color: #0077ff; color: #fff;
  padding: 10px 15px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.3s;
}

.download-btn:hover {
  background-color: #005ed6;
}

.employee-report-card {
  background: #f9f9f9;
  padding: 18px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  margin-bottom: 15px;
}

.employee-info h3 {
  margin: 0;
  font-size: 18px;
  color: #333;
}

.employee-info p {
  margin: 5px 0;
  color: #555;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-454b990 */.employee-report-container {
  max-width: 800px;
  margin: 0 auto;
  font-family: 'Segoe UI', sans-serif;
  padding: 20px;
}

.report-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.report-header h2 {
  font-size: 24px;
  color: #222;
}

.download-btn {
  background-color: #0077ff; color: #fff;
  padding: 10px 15px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.3s;
}

.download-btn:hover {
  background-color: #005ed6;
}

.employee-report-card {
  background: #f9f9f9;
  padding: 18px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  margin-bottom: 15px;
}

.employee-info h3 {
  margin: 0;
  font-size: 18px;
  color: #333;
}

.employee-info p {
  margin: 5px 0;
  color: #555;
}/* End custom CSS */