.elementor-762 .elementor-element.elementor-element-246b5f83{--display:flex;--min-height:33vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.05;--border-radius:100px 0px 0px 0px;--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-762 .elementor-element.elementor-element-246b5f83:not(.elementor-motion-effects-element-type-background), .elementor-762 .elementor-element.elementor-element-246b5f83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B6F6E8;}.elementor-762 .elementor-element.elementor-element-246b5f83::before, .elementor-762 .elementor-element.elementor-element-246b5f83 > .elementor-background-video-container::before, .elementor-762 .elementor-element.elementor-element-246b5f83 > .e-con-inner > .elementor-background-video-container::before, .elementor-762 .elementor-element.elementor-element-246b5f83 > .elementor-background-slideshow::before, .elementor-762 .elementor-element.elementor-element-246b5f83 > .e-con-inner > .elementor-background-slideshow::before, .elementor-762 .elementor-element.elementor-element-246b5f83 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#B6F6E8;--background-overlay:'';}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-762 .elementor-element.elementor-element-397227ea .elementor-button{background-color:#2ECAA8;font-size:25px;fill:#FFFFFF;color:#FFFFFF;box-shadow:-10px 10px 30px 0px rgba(0, 0, 0, 0.15);border-radius:0px 0px 0px 30px;padding:25px 20px 25px 30px;}.elementor-762 .elementor-element.elementor-element-397227ea .elementor-button:hover, .elementor-762 .elementor-element.elementor-element-397227ea .elementor-button:focus{background-color:#2ECAA8;color:#FFFFFF;}.elementor-762 .elementor-element.elementor-element-397227ea{width:auto;max-width:auto;top:0px;}body:not(.rtl) .elementor-762 .elementor-element.elementor-element-397227ea{right:0%;}body.rtl .elementor-762 .elementor-element.elementor-element-397227ea{left:0%;}.elementor-762 .elementor-element.elementor-element-397227ea .elementor-button:hover svg, .elementor-762 .elementor-element.elementor-element-397227ea .elementor-button:focus svg{fill:#FFFFFF;}.elementor-762 .elementor-element.elementor-element-5e321fac{--display:flex;--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;--overlay-opacity:0.5;--padding-top:5%;--padding-bottom:5%;--padding-left:10%;--padding-right:10%;}.elementor-762 .elementor-element.elementor-element-5e321fac::before, .elementor-762 .elementor-element.elementor-element-5e321fac > .elementor-background-video-container::before, .elementor-762 .elementor-element.elementor-element-5e321fac > .e-con-inner > .elementor-background-video-container::before, .elementor-762 .elementor-element.elementor-element-5e321fac > .elementor-background-slideshow::before, .elementor-762 .elementor-element.elementor-element-5e321fac > .e-con-inner > .elementor-background-slideshow::before, .elementor-762 .elementor-element.elementor-element-5e321fac > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-762 .elementor-element.elementor-element-bd9a815 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:300;text-transform:uppercase;color:#000000;}.elementor-762 .elementor-element.elementor-element-2c47de0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}#elementor-popup-modal-762 .dialog-widget-content{animation-duration:1.2s;background-color:rgba(255, 255, 255, 0);}#elementor-popup-modal-762{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-762 .dialog-message{width:1200px;height:auto;}@media(min-width:768px){.elementor-762 .elementor-element.elementor-element-246b5f83{--content-width:796px;}.elementor-762 .elementor-element.elementor-element-5e321fac{--content-width:1200px;}}@media(max-width:1024px){.elementor-762 .elementor-element.elementor-element-246b5f83{--min-height:40vh;}.elementor-762 .elementor-element.elementor-element-397227ea .elementor-button{font-size:22px;padding:25px 18px 25px 25px;}.elementor-762 .elementor-element.elementor-element-bd9a815 .elementor-heading-title{font-size:35px;}#elementor-popup-modal-762 .dialog-message{padding:0% 5% 0% 5%;}}@media(max-width:767px){.elementor-762 .elementor-element.elementor-element-246b5f83{--min-height:85vh;}.elementor-762 .elementor-element.elementor-element-397227ea .elementor-button{font-size:22px;padding:20px 20px 20px 25px;}.elementor-762 .elementor-element.elementor-element-bd9a815{text-align:start;}.elementor-762 .elementor-element.elementor-element-bd9a815 .elementor-heading-title{font-size:25px;}#elementor-popup-modal-762 .dialog-message{padding:5% 5% 0% 5%;}}/* Start custom CSS for shortcode, class: .elementor-element-2c47de0 *//* Modern Minimal Review Form (drop-in CSS)
   Works with most default form markups (labels + inputs/select/textarea + submit button).
   If your form has a wrapper class/id, add it before :where(...) .elementor-762 .elementor-element.elementor-element-2c47de0s (example below).
*/

/* Optional: scope it (recommended). Example:
   .review-form { ... }
   .review-form :where(input, select, textarea) { ... }
*/
:root{
  --rf-bg: #ffffff;
  --rf-surface: #ffffff;
  --rf-text: #0f172a;
  --rf-muted: #64748b;
  --rf-border: #e2e8f0;
  --rf-border-2: #cbd5e1;
  --rf-focus: #0ea5e9;
  --rf-shadow: 0 10px 30px rgba(2, 6, 23, .08);
  --rf-radius: 14px;
  --rf-radius-sm: 10px;
  --rf-gap: 14px;
  --rf-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}
/* ✅ Hide "Title of your review" field (label + input) */
.glsr-review-form .glsr-field[data-field="title"] {
  display: none !important;
}

/* ✅ Hide the Terms toggle/checkbox field */
.glsr-review-form .glsr-field[data-field="terms"] {
  display: none !important;
}


/* Page background (optional) */
body{
  background: linear-gradient(180deg, #f8fafc, #ffffff);
  color: var(--rf-text);
  font-family: var(--rf-font);
}

/* The form card */
form{
  max-width: 720px;
  background: var(--rf-surface);
  border: 1px solid var(--rf-border);
  border-radius: var(--rf-radius);
  box-shadow: var(--rf-shadow);
  padding: clamp(18px, 2.5vw, 28px);
}

/* If your form sits on a patterned section, this helps it pop */
form *{
  box-sizing: border-box;
}

/* Field groups spacing (works for typical vertical layouts) */
form > * + *{
  margin-top: var(--rf-gap);
}

/* Labels */
label,
form .label,
form p strong{
  display: inline-block;
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--rf-text);
  margin-bottom: 8px;
}

/* Help text / placeholders */
form small,
form .help,
form .hint{
  color: var(--rf-muted);
  font-size: 0.86rem;
}

/* Inputs, selects, textareas */
form :where(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], select, textarea){
  width: 100%;
  appearance: none;
  background: #fff;
  color: var(--rf-text);
  border: 1px solid var(--rf-border);
  border-radius: var(--rf-radius-sm);
  padding: 12px 14px;
  font-size: 0.98rem;
  line-height: 1.35;
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease, transform .06s ease;
}

/* Textarea sizing */
form textarea{
  min-height: 140px;
  resize: vertical;
}

/* Placeholder */
form :where(input, textarea)::placeholder{
  color: #94a3b8;
}

/* Focus */
form :where(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], select, textarea):focus{
  border-color: rgba(14, 165, 233, .75);
  box-shadow: 0 0 0 4px rgba(14, 165, 233, .18);
}

/* Subtle hover */
form :where(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], select, textarea):hover{
  border-color: var(--rf-border-2);
}

/* Select arrow (modern minimal) */
form select{
  padding-right: 42px;
  background-image:
    linear-gradient(45deg, transparent 50%, #94a3b8 50%),
    linear-gradient(135deg, #94a3b8 50%, transparent 50%),
    linear-gradient(to right, transparent, transparent);
  background-position:
    calc(100% - 18px) calc(50% - 3px),
    calc(100% - 12px) calc(50% - 3px),
    0 0;
  background-size: 6px 6px, 6px 6px, 100% 100%;
  background-repeat: no-repeat;
}

/* If your form uses a "rating" row / dropdown etc, keep spacing tidy */
form :where(.field, .form-group, .row){
  display: block;
}

/* Checkbox row (agreement) — supports default checkbox OR makes it a toggle if it’s inside a label */
form :where(input[type="checkbox"]){
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 1px solid var(--rf-border-2);
  background: #fff;
  vertical-align: middle;
  display: inline-grid;
  place-content: center;
  margin: 0 10px 0 0;
}
form :where(input[type="checkbox"])::before{
  content: "";
  width: 10px;
  height: 10px;
  transform: scale(0);
  transition: transform .12s ease-in-out;
  border-radius: 3px;
  background: var(--rf-focus);
}
form :where(input[type="checkbox"]:checked)::before{
  transform: scale(1);
}

/* Make agreement line look clean */
form :where(.agreement, .consent, .checkbox, .check-row, .form-check){
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--rf-muted);
  font-size: 0.92rem;
}

/* Submit button */
form :where(button[type="submit"], input[type="submit"], .submit, .btn-submit){
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: auto;
  min-height: 44px;
  padding: 12px 18px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: #0f172a;
  color: #ffffff;
  font-weight: 700;
  font-size: 0.98rem;
  cursor: pointer;
  transition: transform .08s ease, box-shadow .18s ease, opacity .18s ease;
}

form :where(button[type="submit"], input[type="submit"], .submit, .btn-submit):hover{
  box-shadow: 0 12px 24px rgba(15, 23, 42, .18);
  transform: translateY(-1px);
}

form :where(button[type="submit"], input[type="submit"], .submit, .btn-submit):active{
  transform: translateY(0px);
  opacity: .95;
}

/* Optional: make the "Submit Review" link-like button (if it’s an <a>) */
form a.submit,
form a.btn-submit{
  text-decoration: none;
}

/* Mobile tweaks */
@media (max-width: 520px){
  form{
    border-radius: 16px;
    padding: 16px;
  }
  form :where(button[type="submit"], input[type="submit"], .submit, .btn-submit){
    width: 100%;
  }
}

/* ✅ Submit Review Button Style */
.glsr-review-form button.glsr-button,
.glsr-review-form .et_pb_contact_submit {
  background: #32E4E0 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important; /* pill shape */
  padding: 0px 24px !important;

  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  transition: transform 0.35s ease, background 0.35s ease !important;
  transform-origin: center;
  margin: 0 auto !important; /* ✅ center button */
  width: fit-content !important;
}

/* ✅ Hover animation: size 120% (not only width) */
.glsr-review-form button.glsr-button:hover,
.glsr-review-form .et_pb_contact_submit:hover {
  transform: scale(1.1) !important;
}
.dialog-message {
    width: 180% !important;
}/* End custom CSS */