/*  Theme Name: Hello Elementor Child
    Author: Forazi Tech
	Author URI: https://forazitech.com/
	Template: hello-elementor
	Version: 1.0.0
*/

.qi-footer-legal-menu a{color: #888 !important}

.custom-overlay-bg::before{
	background-image: linear-gradient(180deg, #101832 5%, #10183236 50%, #101832 95%) !important;
}

.request-fact-sheet-form .elementor-field-type-acceptance .elementor-field-option{
	display: flex;
    flex-direction: row;
    gap: 5px;
	padding-left: 5px;
	align-items: center;
}

.request-fact-sheet-form .elementor-field-type-acceptance .elementor-field-option.elementor-error{
	flex-wrap: wrap;
}

.request-fact-sheet-form .elementor-field-type-acceptance .elementor-field-option label{
	font-size: 11px !important;
    line-height: 1.1em !important;
	cursor: pointer !important;
    font-weight: 300 !important;
}

.request-fact-sheet-form .elementor-field-type-acceptance .elementor-field-option.elementor-error label{width: 85%;}
.request-fact-sheet-form .elementor-field-type-acceptance .elementor-field-option.elementor-error .elementor-message{flex-basis: 100%;}
.request-fact-sheet-form .elementor-field-type-acceptance .elementor-field-option input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none; /* For Safari support */
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  border-radius: 50%; /* This makes it circular like a radio button */
  outline: none;
  cursor: pointer;
  position: relative;
  aspect-ratio: 1 / 1;
  background: #fff;
}

/* Style for the "checked" state */
.request-fact-sheet-form .elementor-field-type-acceptance .elementor-field-option input[type="checkbox"]:checked {
  background-color: #E7D1AD !important;
  border-color: #E7D1AD;
}

/* Optional: Add a small inner dot when checked */
.request-fact-sheet-form .elementor-field-type-acceptance .elementor-field-option input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: white;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.request-fact-sheet-form  span.elementor-message-danger{margin: 5px 7px 0px !important;}