/* ----------------------------------- Global CSS -----------------------------*/
.hover-sec-color:hover * {
    color: #000 !important;
    fill: #000 !important;
}

#half-post-motion {
    transition: width 0.3s ease;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
				        backdrop-filter: blur(8px) !important;
    						-webkit-backdrop-filter: blur(8px);
}

@media(min-width:1024px){
		
		#half-post-motion:hover {
    width: 55%;
}
		
		.elementor-field-group{
				flex-direction: column;
   		  justify-content: center;
    		align-content: flex-start;
    		align-items: flex-start;
		}
		
/* Label fixed size */
.elementor-form .elementor-field-label {
    width: 20%;
		padding-right:8px !important;
}

/* Field takes the remaining space */
.elementor-form .elementor-field {
	width:80%;
}

}

.elementor-field-group-Acceptance{
		margin-top:40px;
		margin-bottom:24px !important;
}

/* Acceptance row: flex container */
.elementor-field-group-Acceptance .elementor-field-subgroup,
.elementor-field-group-Acceptance .elementor-field-option {
  display: flex;
  align-items: center;
  gap: 16px;     
  width: 100%;
}

/* Visually hide native checkbox but keep it accessible */
.elementor-field-group-Acceptance .elementor-acceptance-field {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* Custom checkbox on the left */
.elementor-field-group-Acceptance .elementor-field-option label {
	color:#576C84 !important;
  position: relative;
  padding-left: 36px;   /* leave space for the box */
  cursor: pointer;
  flex: 1;               /* text takes remaining space on the right */
  display: flex;
  align-items: center;
}

/* Box */
.elementor-field-group-Acceptance .elementor-field-option label::before {
  content: "";
  position: absolute;
  left: 0;               /* on the left */
  top: 50%;
  transform: translateY(-50%);
  width: 27px;
  height: 27px;
  border-radius: 3px;
  background: #D4D8DD;
  transition: background 0.15s ease;
  box-sizing: border-box;
}

/* Hover effect */
.elementor-field-group-Acceptance .elementor-field-option label:hover::before {
  background: #576C84;
}

/* Checked state: show image or SVG inside box */
.elementor-field-group-Acceptance .elementor-acceptance-field:checked + label::before {
  background: #D4D8DD;
  background-image: url("https://teamq.plstr.dev/wp-content/uploads/2025/12/check.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60% 60%; /* scale check mark nicely */
}
/* ----------------------------------- Global CSS -----------------------------*/

/* ----------------------------------- Home -----------------------------*/

@media only screen and (max-width: 600px) {
    #uc_image_accordion_66150db .uc_content {
        flex-direction: row !important; 
    }
}

/* ----------------------------------- Home -----------------------------*/