.elementor-9269 .elementor-element.elementor-element-1a7aefc > .elementor-container{max-width:1183px;}/* Start custom CSS for html, class: .elementor-element-a633c63 */:root{
  --rb-green:#2e5d1e;
  --rb-green-dark:#1f4214;
  --rb-green-soft:#eef6ea;
  --rb-accent:#e63f8f;
  --rb-accent-dark:#c42a74;
  --rb-gold:#d99a1c;
  --rb-border:#e3e8e0;
  --rb-text:#222820;
  --rb-muted:#7a8277;
}

/* soft page background */
body{background:linear-gradient(180deg,#fff7fb 0%,#f6faf3 100%)!important}

/* =========================================================
   PRODUCT VIEW
   ========================================================= */
.rb-product{background:#fff;border-radius:24px;padding:28px;font-family:inherit;
  box-shadow:0 20px 50px rgba(30,60,20,.10);border:1px solid #eef2eb}

/* top bar */
.rb-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}
.rb-crumb{font-size:13px;color:var(--rb-muted)}
.rb-crumb a{color:var(--rb-muted);text-decoration:none;transition:.2s}
.rb-crumb a:hover{color:var(--rb-accent)}
.rb-crumb i{font-style:normal;margin:0 6px;opacity:.6}
.rb-crumb b{color:var(--rb-green-dark);font-weight:600}

.rb-share{display:flex;align-items:center;gap:7px}
.rb-fb{display:inline-flex;align-items:center;gap:8px;background:#1877f2;color:#fff!important;
  font-size:13px;font-weight:600;padding:8px 18px;border-radius:50px;text-decoration:none!important;
  transition:.25s;box-shadow:0 6px 16px rgba(24,119,242,.28)}
.rb-fb:hover{background:#0f5fd0;transform:translateY(-2px);box-shadow:0 10px 22px rgba(24,119,242,.4)}

/* heading */
.rb-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
  margin-bottom:22px;padding-bottom:18px;border-bottom:1px dashed var(--rb-border)}
.rb-head h2{margin:0;font-size:20px;font-weight:800;color:var(--rb-text);letter-spacing:-.5px;position:relative;padding-left:16px}
.rb-head h2::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;border-radius:5px;
  background:linear-gradient(180deg,var(--rb-accent),var(--rb-green))}
.rb-tags{display:flex;gap:8px;flex-wrap:wrap}
.rb-badge{font-size:12px;font-weight:700;padding:6px 14px;border-radius:50px;letter-spacing:.3px}
.rb-badge.green{background:var(--rb-green-soft);color:var(--rb-green)}
.rb-badge.pink{background:#ffeaf4;color:var(--rb-accent-dark)}
.rb-badge.gold{background:#fff6e0;color:#a56f00}

/* ----- GALLERY (thumbnails on the LEFT) ----- */
.rb-gallery{display:flex!important;flex-direction:row!important;gap:18px;margin-bottom:24px;align-items:stretch}

.rb-thumbwrap{width:98px;flex:0 0 98px;height:500px;display:flex;flex-direction:column;gap:8px}
.rb-thumbs{flex:1;display:flex;flex-direction:column;gap:12px;overflow-y:auto;scrollbar-width:none;padding:6px 4px}
.rb-thumbs::-webkit-scrollbar{display:none}

.rb-thumb{position:relative;flex:0 0 auto;height:86px;border:2px solid var(--rb-border);border-radius:14px;
  padding:6px;background:#fff;cursor:pointer;transition:all .3s;opacity:.65}
.rb-thumb img{width:100%;height:100%;object-fit:contain;display:block;border-radius:8px}
.rb-thumb:hover{opacity:1;transform:scale(1.05)}
.rb-thumb.active{opacity:1;border-color:var(--rb-accent);transform:scale(1.06);
  box-shadow:0 0 0 4px rgba(230,63,143,.15),0 10px 20px rgba(230,63,143,.22)}

.rb-tnav{height:30px;border:1px solid var(--rb-border);border-radius:10px;background:#f6faf3;color:var(--rb-green);
  font-size:11px;cursor:pointer;padding:0;transition:.25s}
.rb-tnav:hover{background:var(--rb-green);color:#fff;border-color:var(--rb-green)}

.rb-main{position:relative;flex:1;min-width:0;height:500px;border:1px solid var(--rb-border);border-radius:20px;
  background:radial-gradient(circle at 50% 35%,#ffffff 0%,#f1f7ee 70%,#e8f1e3 100%);
  overflow:hidden;cursor:zoom-in;display:flex;align-items:center;justify-content:center}
.rb-main::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,rgba(230,63,143,.10),transparent 70%);top:-80px;right:-80px}
.rb-main::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(46,93,30,.12),transparent 70%);bottom:-90px;left:-70px}
.rb-main img{position:relative;z-index:2;max-width:86%;max-height:86%;object-fit:contain;
  transition:transform .2s ease-out,opacity .25s;filter:drop-shadow(0 18px 22px rgba(0,0,0,.18))}

.rb-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;
  border:0;background:rgba(255,255,255,.95);color:var(--rb-green-dark);font-size:16px;cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.2);transition:.25s;z-index:5;padding:0;line-height:1}
.rb-arrow:hover{background:var(--rb-accent);color:#fff;transform:translateY(-50%) scale(1.1)}
.rb-prev{left:16px}
.rb-next{right:16px}

.rb-count{position:absolute;top:16px;right:18px;background:rgba(20,30,15,.7);color:#fff;font-size:12px;
  font-weight:600;padding:5px 14px;border-radius:50px;z-index:5;backdrop-filter:blur(4px)}
.rb-hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:rgba(20,30,15,.7);
  color:#fff;font-size:12px;padding:6px 16px;border-radius:50px;pointer-events:none;z-index:5;
  white-space:nowrap;backdrop-filter:blur(4px)}
.rb-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(0,0,0,.06);z-index:5}
.rb-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--rb-green),var(--rb-accent));transition:width .4s}

/* ----- info chips ----- */
.rb-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.rb-chip{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;
  background:linear-gradient(135deg,#f7fbf4,#fff);border:1px solid var(--rb-border);transition:.3s}
.rb-chip:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(46,93,30,.12);border-color:var(--rb-green)}
.rb-chip em{font-style:normal;font-size:24px;width:44px;height:44px;border-radius:12px;background:var(--rb-green-soft);
  display:flex;align-items:center;justify-content:center;flex:0 0 44px}
.rb-chip small{display:block;font-size:11px;color:var(--rb-muted);text-transform:uppercase;letter-spacing:.6px}
.rb-chip b{display:block;font-size:14px;color:var(--rb-text);line-height:1.3}

/* ----- action buttons ----- */
.rb-actions{display:flex;gap:12px;margin-bottom:26px;flex-wrap:wrap}
.rb-btn{flex:1;min-width:180px;text-align:center;padding:15px 22px;border-radius:50px;font-weight:700;font-size:15px;
  text-decoration:none!important;cursor:pointer;transition:.3s;letter-spacing:.3px}
.rb-btn.primary{background:linear-gradient(135deg,var(--rb-accent),var(--rb-accent-dark));color:#fff!important;
  box-shadow:0 10px 24px rgba(230,63,143,.35)}
.rb-btn.primary:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(230,63,143,.45)}
.rb-btn.wa{background:#fff;color:#128c4a!important;border:2px solid #25d366}
.rb-btn.wa:hover{background:#25d366;color:#fff!important;transform:translateY(-3px)}

/* ----- spec cards ----- */
.rb-card{border:1px solid var(--rb-border);border-radius:16px;margin-bottom:16px;overflow:hidden;background:#fff}
.rb-card h3{margin:0;padding:15px 22px;background:linear-gradient(90deg,#f1f8ed,#fbfdfa);font-size:17px;font-weight:700;
  color:var(--rb-green-dark);border-bottom:1px solid var(--rb-border);display:flex;align-items:center;gap:10px}
.rb-card h3 span{font-size:18px}
.rb-card table{width:100%;border-collapse:collapse;margin:0;border:0}
.rb-card td{padding:13px 22px;font-size:14px;border:0!important;border-bottom:1px solid #f0f3ee!important;color:var(--rb-text);background:transparent!important}
.rb-card tr:nth-child(even) td{background:#fafcf9!important}
.rb-card tr:last-child td{border-bottom:0!important}
.rb-card td:first-child{width:42%;color:var(--rb-muted)}
.rb-card td:last-child{font-weight:600}

/* ----- lightbox ----- */
.rb-lightbox{position:fixed;inset:0;background:rgba(10,15,8,.94);display:none;align-items:center;justify-content:center;z-index:99999}
.rb-lightbox.open{display:flex}
.rb-lightbox img{max-width:84vw;max-height:90vh;border-radius:14px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.rb-close{position:absolute;top:16px;right:28px;color:#fff;font-size:46px;line-height:1;cursor:pointer;z-index:6;transition:.2s}
.rb-close:hover{color:var(--rb-accent);transform:rotate(90deg)}
.rb-lightbox .rb-prev{left:24px}
.rb-lightbox .rb-next{right:24px}

/* =========================================================
   ENQUIRY FORM  (Form widget -> Module additional class: rb-form)
   ========================================================= */
.rb-form{position:relative;background:#fff;border-radius:24px;padding:32px;
  box-shadow:0 20px 50px rgba(30,60,20,.12);border:1px solid #eef2eb;overflow:hidden}
.rb-form::before{content:"Enquiry Product";display:block;font-size:26px;font-weight:800;color:var(--rb-text);
  letter-spacing:-.3px;padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid var(--rb-border);
  background:none}
.rb-form::after{content:"";position:absolute;top:0;left:0;right:0;height:6px;
  background:linear-gradient(90deg,var(--rb-green),var(--rb-accent))}

.rb-form label{font-size:13.5px;font-weight:700;color:var(--rb-text);margin-bottom:7px;display:block;letter-spacing:.2px}
.rb-form label span,.rb-form .required,.rb-form label sup,.rb-form .asterisk{color:var(--rb-accent)!important}

.rb-form input[type="text"],
.rb-form input[type="email"],
.rb-form input[type="tel"],
.rb-form input[type="number"],
.rb-form select,
.rb-form textarea{
  width:100%;background:#f6f9f4!important;border:1.5px solid var(--rb-border)!important;border-radius:14px!important;
  padding:14px 18px;font-size:15px;color:var(--rb-text);box-shadow:none;outline:none;transition:all .25s}

.rb-form textarea{min-height:130px;resize:vertical}

.rb-form input:hover,.rb-form select:hover,.rb-form textarea:hover{border-color:#c9d6c3!important}
.rb-form input:focus,.rb-form select:focus,.rb-form textarea:focus{
  background:#fff!important;border-color:var(--rb-accent)!important;
  box-shadow:0 0 0 4px rgba(230,63,143,.13)!important;transform:translateY(-1px)}

.rb-form ::placeholder{color:#a7aea4;font-size:14px}

/* radio / checkbox (Choose that product) */
.rb-form input[type="radio"],.rb-form input[type="checkbox"]{accent-color:var(--rb-accent);width:19px;height:19px;margin-right:8px;cursor:pointer}

/* validation */
.rb-form .error,.rb-form .wpcf7-not-valid-tip{color:#d93025;font-size:12.5px;margin-top:4px}

/* submit button */
.rb-form button,
.rb-form input[type="submit"],
.rb-form .btn{
  width:100%;background:linear-gradient(135deg,var(--rb-green),var(--rb-green-dark))!important;color:#fff!important;
  border:0!important;padding:16px 26px;border-radius:50px!important;font-size:16px;font-weight:800;
  letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s;
  box-shadow:0 10px 24px rgba(46,93,30,.32)}
.rb-form button:hover,
.rb-form input[type="submit"]:hover{transform:translateY(-3px);
  background:linear-gradient(135deg,var(--rb-accent),var(--rb-accent-dark))!important;
  box-shadow:0 14px 30px rgba(230,63,143,.4)}

/* desktop: form stays visible while scrolling (remove if it causes issues) */
@media(min-width:1025px){
  .rb-form{position:sticky;top:110px}
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:1024px){
  .rb-chips{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .rb-product{padding:18px;border-radius:18px}
  .rb-head h2{font-size:26px}
  .rb-gallery{flex-direction:column-reverse!important}
  .rb-thumbwrap{width:100%;flex:none;height:auto;flex-direction:row}
  .rb-thumbs{flex-direction:row;overflow-x:auto;overflow-y:hidden}
  .rb-thumb{width:72px;height:72px;flex:0 0 72px}
  .rb-tnav{display:none}
  .rb-main{height:360px}
  .rb-main img{transform:none!important}
  .rb-hint{display:none}
  .rb-arrow{width:38px;height:38px}
  .rb-chips{grid-template-columns:1fr 1fr;gap:10px}
  .rb-chip{padding:10px}
  .rb-form{padding:22px;border-radius:18px}
  .rb-form::before{font-size:22px}
}
@media(max-width:480px){
  .rb-chips{grid-template-columns:1fr}
}/* End custom CSS */
/* Start custom CSS for seosight_fw_form, class: .elementor-element-e5103b8 *//* ===== CARD ===== */
.elementor-9269 .elementor-element.elementor-element-e5103b8{
  position:relative;
  background:linear-gradient(90deg,#2e5d1e,#e63f8f) top/100% 6px no-repeat,#ffffff;
  border-radius:24px;
  padding:38px 32px 28px;
  box-shadow:0 20px 50px rgba(30,60,20,.12);
  border:1px solid #eef2eb;
  overflow:hidden;
}

/* heading + subtitle */
.elementor-9269 .elementor-element.elementor-element-e5103b8::before{
  content:"Enquiry Product";
  display:block;
  font-size:26px;
  font-weight:800;
  color:#222820;
  letter-spacing:-.3px;
  padding:0 0 16px 14px;
  margin-bottom:24px;
  border-bottom:1px solid #e3e8e0;
  border-left:5px solid #e63f8f;
  line-height:1.2;
}

/* trust note under the button */
.elementor-9269 .elementor-element.elementor-element-e5103b8::after{
  content:"🔒 Your details are safe with us. We usually reply within 24 hours.";
  display:block;
  text-align:center;
  font-size:12.5px;
  color:#7a8277;
  margin-top:16px;
}

/* ===== LABELS ===== */
.elementor-9269 .elementor-element.elementor-element-e5103b8 label{
  font-size:13.5px !important;
  font-weight:700 !important;
  color:#222820 !important;
  letter-spacing:.2px;
  margin-bottom:8px !important;
}
.elementor-9269 .elementor-element.elementor-element-e5103b8 label span,
.elementor-9269 .elementor-element.elementor-element-e5103b8 label sup,
.elementor-9269 .elementor-element.elementor-element-e5103b8 .required,
.elementor-9269 .elementor-element.elementor-element-e5103b8 .asterisk{color:#e63f8f !important}

/* ===== INPUTS ===== */
.elementor-9269 .elementor-element.elementor-element-e5103b8 input[type="text"],
.elementor-9269 .elementor-element.elementor-element-e5103b8 input[type="email"],
.elementor-9269 .elementor-element.elementor-element-e5103b8 input[type="tel"],
.elementor-9269 .elementor-element.elementor-element-e5103b8 input[type="number"],
.elementor-9269 .elementor-element.elementor-element-e5103b8 select,
.elementor-9269 .elementor-element.elementor-element-e5103b8 textarea{
  width:100%;
  background:#f6f9f4 !important;
  border:1.5px solid #e3e8e0 !important;
  border-radius:14px !important;
  padding:14px 18px !important;
  font-size:14.5px !important;
  color:#222820 !important;
  box-shadow:none !important;
  outline:none !important;
  transition:all .25s ease;
}

.elementor-9269 .elementor-element.elementor-element-e5103b8 textarea{
  min-height:130px;
  border-radius:16px !important;
  resize:vertical;
}

.elementor-9269 .elementor-element.elementor-element-e5103b8 input:hover,
.elementor-9269 .elementor-element.elementor-element-e5103b8 select:hover,
.elementor-9269 .elementor-element.elementor-element-e5103b8 textarea:hover{border-color:#c5d3be !important}

.elementor-9269 .elementor-element.elementor-element-e5103b8 input:focus,
.elementor-9269 .elementor-element.elementor-element-e5103b8 select:focus,
.elementor-9269 .elementor-element.elementor-element-e5103b8 textarea:focus{
  background:#ffffff !important;
  border-color:#e63f8f !important;
  box-shadow:0 0 0 4px rgba(230,63,143,.14) !important;
  transform:translateY(-1px);
}

.elementor-9269 .elementor-element.elementor-element-e5103b8 ::placeholder{color:#a7aea4 !important;font-size:14px}

/* dropdown arrow */
.elementor-9269 .elementor-element.elementor-element-e5103b8 select{
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%232e5d1e' stroke-width='2' stroke-linecap='round'/></svg>") !important;
  background-repeat:no-repeat !important;
  background-position:right 18px center !important;
  padding-right:42px !important;
}

/* ===== RADIO / CHECKBOX (Choose that product) ===== */
.elementor-9269 .elementor-element.elementor-element-e5103b8 input[type="radio"],
.elementor-9269 .elementor-element.elementor-element-e5103b8 input[type="checkbox"]{
  accent-color:#e63f8f;
  width:19px;height:19px;
  margin-right:8px;
  cursor:pointer;
}
.elementor-9269 .elementor-element.elementor-element-e5103b8 input[type="radio"] + *,
.elementor-9269 .elementor-element.elementor-element-e5103b8 input[type="radio"] ~ label{font-weight:600 !important;cursor:pointer}

/* ===== SEND BUTTON ===== */
.elementor-9269 .elementor-element.elementor-element-e5103b8 button,
.elementor-9269 .elementor-element.elementor-element-e5103b8 input[type="submit"],
.elementor-9269 .elementor-element.elementor-element-e5103b8 .btn{
  width:100%;
  background:linear-gradient(135deg,#2e5d1e,#1f4214) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:50px !important;
  padding:16px 28px !important;
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:1.2px;
  text-transform:uppercase;
  cursor:pointer;
  transition:all .3s ease;
  box-shadow:0 10px 24px rgba(46,93,30,.32) !important;
}
.elementor-9269 .elementor-element.elementor-element-e5103b8 button:hover,
.elementor-9269 .elementor-element.elementor-element-e5103b8 input[type="submit"]:hover,
.elementor-9269 .elementor-element.elementor-element-e5103b8 .btn:hover{
  background:linear-gradient(135deg,#e63f8f,#c42a74) !important;
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(230,63,143,.4) !important;
}

/* validation messages */
.elementor-9269 .elementor-element.elementor-element-e5103b8 .error,
.elementor-9269 .elementor-element.elementor-element-e5103b8 .wpcf7-not-valid-tip,
.elementor-9269 .elementor-element.elementor-element-e5103b8 .invalid-feedback{color:#d93025 !important;font-size:12.5px;margin-top:5px}

/* ===== MOBILE ===== */
@media(max-width:768px){
  .elementor-9269 .elementor-element.elementor-element-e5103b8{padding:34px 20px 22px;border-radius:18px}
  .elementor-9269 .elementor-element.elementor-element-e5103b8::before{font-size:22px}
}/* End custom CSS */