.elementor-3904 .elementor-element.elementor-element-faa9a41{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:10%;--padding-bottom:10%;--padding-left:2%;--padding-right:2%;}.elementor-3904 .elementor-element.elementor-element-faa9a41:not(.elementor-motion-effects-element-type-background), .elementor-3904 .elementor-element.elementor-element-faa9a41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://coloryourroom.com/wp-content/uploads/2025/12/wallpapercbd.jpg");background-size:cover;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-3904 .elementor-element.elementor-element-4a936c1 img{width:35%;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-3904 .elementor-element.elementor-element-76abacb{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:99;}.elementor-3904 .elementor-element.elementor-element-76abacb:not(.elementor-motion-effects-element-type-background), .elementor-3904 .elementor-element.elementor-element-76abacb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://coloryourroom.com/wp-content/uploads/2025/12/wallpapercbd.jpg");background-size:cover;}.elementor-3904 .elementor-element.elementor-element-cf53ec2{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3904 .elementor-element.elementor-element-cf53ec2.e-con{--align-self:center;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-3904 .elementor-element.elementor-element-1d87426{width:100%;max-width:100%;z-index:2;--e-form-steps-indicators-spacing:100px;--e-form-steps-indicator-progress-color:#184A37;--e-form-steps-indicator-progress-background-color:#5A5A5A;--e-form-steps-indicator-progress-height:10px;--e-form-steps-indicator-progress-border-radius:0px;--e-form-steps-indicator-progress-meter-color:#1E1E1E00;}.elementor-3904 .elementor-element.elementor-element-1d87426 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-3904 .elementor-element.elementor-element-1d87426 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-3904 .elementor-element.elementor-element-1d87426 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-3904 .elementor-element.elementor-element-1d87426 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-3904 .elementor-element.elementor-element-1d87426 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-3904 .elementor-element.elementor-element-1d87426 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-3904 .elementor-element.elementor-element-1d87426 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-3904 .elementor-element.elementor-element-1d87426 .elementor-field-group > label{font-family:"Graphik Medium", Sans-serif;font-size:16px;font-weight:500;}.elementor-3904 .elementor-element.elementor-element-1d87426 .elementor-field-type-html{padding-bottom:0px;color:#1E1E1E;}.elementor-3904 .elementor-element.elementor-element-1d87426 .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-3904 .elementor-element.elementor-element-1d87426 .elementor-field-group .elementor-field, .elementor-3904 .elementor-element.elementor-element-1d87426 .elementor-field-subgroup label{font-family:"Graphik Normal", Sans-serif;font-size:16px;font-weight:500;}.elementor-3904 .elementor-element.elementor-element-1d87426 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#EFEFEF;border-width:0px 0px 0px 0px;border-radius:5px 5px 5px 5px;}.elementor-3904 .elementor-element.elementor-element-1d87426 .elementor-field-group .elementor-select-wrapper select{background-color:#EFEFEF;border-width:0px 0px 0px 0px;border-radius:5px 5px 5px 5px;}.elementor-3904 .elementor-element.elementor-element-1d87426 .elementor-button{font-family:"Graphik Normal", Sans-serif;font-size:16px;font-weight:400;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;padding:15px 15px 15px 15px;}.elementor-3904 .elementor-element.elementor-element-1d87426 .e-form__buttons__wrapper__button-next{background-color:#0A5534;color:#F1F1F1;transition-duration:0ms;}.elementor-3904 .elementor-element.elementor-element-1d87426 .elementor-button[type="submit"]{background-color:#0A5534;color:#F1F1F1;transition-duration:0ms;}.elementor-3904 .elementor-element.elementor-element-1d87426 .elementor-button[type="submit"] svg *{fill:#F1F1F1;transition-duration:0ms;}.elementor-3904 .elementor-element.elementor-element-1d87426 .e-form__buttons__wrapper__button-previous{background-color:#0A5534;color:#F1F1F1;border-color:#0A5534;transition-duration:0ms;}.elementor-3904 .elementor-element.elementor-element-1d87426 .e-form__buttons__wrapper__button-next:hover{background-color:#02010100;color:#0A5534;border-color:#0A5534;}.elementor-3904 .elementor-element.elementor-element-1d87426 .elementor-button[type="submit"]:hover{background-color:#02010100;color:#0A5534;border-color:#0A5534;}.elementor-3904 .elementor-element.elementor-element-1d87426 .elementor-button[type="submit"]:hover svg *{fill:#0A5534;}.elementor-3904 .elementor-element.elementor-element-1d87426 .e-form__buttons__wrapper__button-previous:hover{background-color:#02010100;color:#0A5534;border-color:#0A5534;}.elementor-3904 .elementor-element.elementor-element-1d87426 .elementor-message.elementor-message-success{color:#184A37;}@media(max-width:1024px){.elementor-3904 .elementor-element.elementor-element-76abacb{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}}@media(max-width:767px){.elementor-3904 .elementor-element.elementor-element-faa9a41{--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3904 .elementor-element.elementor-element-faa9a41:not(.elementor-motion-effects-element-type-background), .elementor-3904 .elementor-element.elementor-element-faa9a41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-3904 .elementor-element.elementor-element-faa9a41.e-con{--align-self:center;}.elementor-3904 .elementor-element.elementor-element-4a936c1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-3904 .elementor-element.elementor-element-4a936c1 img{width:100%;max-width:60%;height:100%;object-fit:contain;}.elementor-3904 .elementor-element.elementor-element-76abacb{--min-height:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-3904 .elementor-element.elementor-element-cf53ec2{--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-3904 .elementor-element.elementor-element-cf53ec2{--width:100%;}}@media(max-width:1366px) and (min-width:768px){.elementor-3904 .elementor-element.elementor-element-cf53ec2{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3904 .elementor-element.elementor-element-cf53ec2{--width:100%;}}@media(min-width:2400px){.elementor-3904 .elementor-element.elementor-element-cf53ec2{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-faa9a41 */.site-header+.elementor {
    min-height: 100vh!important;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-1d87426 */@media (max-width: 767px) {
  img[src*="Screenshot_2026-02-05_at_5.40.41_AM-removebg-preview.png"] {
    width: 250px !important;
    height: auto !important;
    object-fit: contain !important;
  }
}


/* ==========================================================
   Email Field — Elementor Form, min 50% width, centered
========================================================= */
.cq-form input#form-field-email.elementor-field {
  width: 50% !important;          /* main width */
  min-width: 50% !important;      /* minimum width */
  max-width: 600px;               /* optional: prevent it from being too wide on large screens */
  display: block !important;      /* stack vertically */
  margin: 0 auto 20px auto;       /* center horizontally and add spacing below */
  padding: 14px !important;
  font-size: 14px !important;
  border: 1px solid var(--cq-green) !important;
  border-radius: 6px !important;
  background: #FDF5EB !important;
  color: var(--cq-green) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Placeholder styling */
.cq-form input#form-field-email::placeholder {
  color: #707070 !important;
}

/* Focus state */
.cq-form input#form-field-email:focus {
  border-color: var(--cq-green) !important;
  box-shadow: 0 0 0 2px rgba(10, 85, 52, 0.15) !important;
}

/* Mobile responsiveness */
@media (max-width: 767px) {
  .cq-form input#form-field-email.elementor-field {
    width: 90% !important;       /* expands on mobile */
    min-width: auto !important;
    font-size: 8px !important;
  }
  
}
/* ==========================================================
   Acceptance Field — Elementor Form, 50% width, centered
========================================================= */
.cq-form .elementor-field-type-acceptance {
  width: 50% !important;         /* match email field */
  min-width: 50% !important;     /* ensure minimum width */
  max-width: 600px;              /* optional, prevent it from being too wide */
  display: block !important;     /* stack vertically */
  margin: 0 auto 20px auto;      /* center horizontally and spacing below */
}

/* Subgroup: checkbox + label */
.cq-form .elementor-field-type-acceptance .elementor-field-subgroup {
  display: flex !important;
  flex-direction: row;           /* checkbox + label in row */
  align-items: flex-start;       /* align top of label with checkbox */
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
}

/* Checkbox styling */
.cq-form .elementor-field-type-acceptance input.elementor-acceptance-field {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 auto !important;
  margin-top: 4px;               /* align with label text */
  accent-color: var(--cq-green) !important;
}

/* Label text styling */
.cq-form .elementor-field-type-acceptance .elementor-field-subgroup label {
  display: inline-block !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: rgba(0, 0, 0, 0.65) !important;
}

/* Mobile responsiveness */
@media (max-width: 767px) {
  .cq-form .elementor-field-type-acceptance {
    width: 90% !important;       /* expand on mobile */
    min-width: auto !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76abacb *//* ==========================================================
   INITIAL QUIZ STATE
========================================================== */
.cq-quiz {
  display: none;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

/* Hide site header */
.site-header {
  display: none !important;
}

/* ==========================================================
   CQ FORM — VARIABLES
========================================================== */
:root {
  --cq-green: #0A5534;
  --cq-green-dark: #084a2e;
  --cq-track: rgba(0, 0, 0, .18);
  --cq-bgfield: rgba(255, 255, 255, .45);

  /* Radio button sizing (match screenshot look) */
  --cq-radio-radius: 2px;
  --cq-radio-height: 44px;
  --cq-radio-padding-x: 18px;
  --cq-radio-font: 16px;

  /* Icon sizing */
  --cq-radio-icon-size: 18px;
}

/* ==========================================================
   HEADINGS
========================================================== */
.cq-hero__title,
.cq-form h1,
.cq-form .elementor-heading-title {
  color: var(--cq-green) !important;
}

/* ==========================================================
   BASE FORM WIDTH / ALIGNMENT
========================================================== */
.cq-form .elementor-form,
.cq-form form.elementor-form {
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

.cq-form .elementor-form-fields-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}

/* ==========================================================
   PROGRESS BAR — fixed top
========================================================== */
body:has(.cq-form) {
  padding-top: 10px;
}

.cq-form .e-form__indicators {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 9999;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent;
}

.cq-form .e-form__indicators__indicator__number,
.cq-form .e-form__indicators__indicator__label {
  display: none !important;
}

.cq-form .e-form__indicators__indicator__progress {
  width: 100%;
  height: 6px;
  border-radius: 0;
  overflow: hidden;
  background: var(--cq-track);
}

.cq-form .e-form__indicators__indicator__progress__meter {
  height: 6px;
  border-radius: 0;
  background: var(--cq-green);
}

/* ==========================================================
   QUESTION TEXT
========================================================== */
.cq-form .e-form__step-title,
.cq-form .elementor-field-label {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: var(--cq-green);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.12;
  font-size: clamp(30px, 4.2vw, 58px);
  margin: 18px 0 14px;
  text-align: center;
}

.cq-form .elementor-field-label {
  margin-bottom: 14px !important;
}

/* ==========================================================
   EMAIL / TEXT / SELECT FIELDS
========================================================== */
.cq-form .elementor-field-type-email,
.cq-form .elementor-field-type-text {
  width: 100% !important;
}

.cq-form input.elementor-field[type="email"],
.cq-form input.elementor-field[type="text"],
.cq-form input.elementor-field,
.cq-form textarea.elementor-field,
.cq-form select.elementor-field {
  width: 100% !important;
  background: #FDF5EB !important;
  border: 1px solid var(--cq-green) !important;
  border-radius: 6px !important;
  padding: 14px 14px !important;
  font-size: 14px !important;
  color: var(--cq-green) !important;
  outline: none !important;
  box-shadow: none !important;
}

.cq-form input.elementor-field::placeholder,
.cq-form textarea.elementor-field::placeholder {
  color: #707070 !important;
}

.cq-form input.elementor-field:focus,
.cq-form textarea.elementor-field:focus,
.cq-form select.elementor-field:focus {
  border-color: var(--cq-green) !important;
  box-shadow: 0 0 0 2px rgba(10, 85, 52, .15) !important;
}

/* ==========================================================
   ACCEPTANCE — inline checkbox with label
========================================================== */
.cq-form .elementor-field-type-acceptance {
  width: 100% !important;
  margin-top: 10px !important;
  text-align: center !important;
}

.cq-form .elementor-field-type-acceptance .elementor-field-subgroup {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: auto !important;
}

.cq-form .elementor-field-type-acceptance input[type="checkbox"] {
  flex: 0 0 auto !important;
  margin: 0 !important;
  width: 14px !important;
  height: 14px !important;
  accent-color: var(--cq-green) !important;
}

.cq-form .elementor-field-type-acceptance label {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  color: rgba(0, 0, 0, .65) !important;
}


/* ==========================================================
   RADIO OPTIONS — CENTERED TEXT + ICON
========================================================== */

/* Hide native radios */
.cq-form .elementor-field-type-radio input[type="radio"] {
  display: none !important;
  pointer-events: none !important;
}

/* Subgroup container: 2-column layout */
.cq-form .elementor-field-type-radio .elementor-field-subgroup {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: center !important;
  align-items: stretch !important;
  width: 100% !important;
  margin-top: 26px !important;
  padding: 0 !important;
}

/* Each option */
.cq-form .elementor-field-type-radio .elementor-field-option {
  flex: 1 1 calc(50% - 22px) !important;
  max-width: calc(50% - 22px) !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Button */
.cq-form .elementor-field-type-radio .elementor-field-option label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important; /* CENTER CONTENT */
  gap: 12px !important;              /* SPACE BETWEEN TEXT + ICON */

  width: 100% !important;
  min-height: 44px;

  background: var(--cq-green);
  color: #fff;
  border: 1px solid var(--cq-green);
  border-radius: 2px;

  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500!important;
  font-size: 16px;

  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;

  padding: 10px 18px;
  text-align: center;
  line-height: 1.1;
}

/* Hover */
.cq-form .elementor-field-type-radio label:hover {
  background: var(--cq-green);
  color: white!important;
  border: 1px solid var(--cq-green);
  border-radius: 2px;
}

/* Checked */
.cq-form .elementor-field-type-radio input:checked + label {
  background: transparent !important;
  color: #184a37 !important;
  border-color: #184a37 !important;
}

/* Icon (right of text, centered as a unit) */
/* REMOVE icon next to radio text */
.cq-form .elementor-field-type-radio label::after {
content: none !important;
display: none !important;
}


/* Keep icon visible */
.cq-form .elementor-field-type-radio label:hover::after,
.cq-form .elementor-field-type-radio input:checked + label::after {
  opacity: 1;
}

/* Mobile: stack */
@media (max-width: 767px) {
  .cq-form .elementor-field-type-radio .elementor-field-option {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
}


/* Keep icon visible on hover/checked */
.cq-form .elementor-field-type-radio .elementor-field-option label:hover::after,
.cq-form .elementor-field-type-radio input[type="radio"]:checked + label::after {
  opacity: 1;
}



.cq-form .e-form__buttons__wrapper
  .e-form__buttons__button--previous::before,
.cq-form .e-form__buttons__wrapper
  .e-form__buttons__button--next::before {
  content: url('https://coloryourroom.com/wp-content/uploads/2026/01/Frame-2.svg');
  display: inline-block;
  width: 24px;
  height: 24px;
}

.cq-form .e-form__buttons__wrapper .e-form__buttons__button--previous,
.cq-form .e-form__buttons__wrapper .e-form__buttons__button--next {
  width: 44px;
  height: 38px;
  padding: 0 !important;
  border: 1px solid var(--cq-green) !important;
  border-radius: 2px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
}

.cq-form .e-form__buttons__wrapper
  .e-form__buttons__button--previous:hover::before,
.cq-form .e-form__buttons__wrapper
  .e-form__buttons__button--next:hover::before {
  transform: scale(1.1);
  opacity: 0.9;
}

/* Add top margin to the form buttons container */
.cq-form .e-form__buttons {
  margin-top: 30px !important;
}

.elementor-form .elementor-button.elementor-size-sm
 {
    min-height: 40px;
    width: 200px !important;
}
/* Mobile: email placeholder text */
@media (max-width: 767px) {
.cq-form input#form-field-email::placeholder {
  font-size: 8px !important;
  line-height: 1.3 !important;
}

/* Safari */
.cq-form input#form-field-email::-webkit-input-placeholder {
  font-size: 8px !important;
  line-height: 1.3 !important;
}

/* Firefox */
.cq-form input#form-field-email::-moz-placeholder {
  font-size: 8px !important;
  line-height: 1.3 !important;
}

/* Edge */
.cq-form input#form-field-email:-ms-input-placeholder {
  font-size: 8px !important;
  line-height: 1.3 !important;
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Graphik Medium';
	font-display: auto;
	src: url('http://coloryourroom.com/wp-content/uploads/2026/01/Graphik-Medium-iF66fbb1803a497.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Graphik Normal';
	font-display: auto;
	src: url('http://coloryourroom.com/wp-content/uploads/2026/01/Graphik-Regular-iF66fbb18055a6c.ttf') format('truetype');
}
/* End Custom Fonts CSS */