.elementor-2120 .elementor-element.elementor-element-7e212e5{--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;}.elementor-2120 .elementor-element.elementor-element-d5727b3{--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;}/* Start custom CSS for html, class: .elementor-element-cf7cc09 *//* Base */
.service-page{font-family:'Poppins',sans-serif;color:#003049}
.service-page p{color:#435366;line-height:1.65;margin:0 0 12px}

/* Hero */
.service-hero{position:relative;margin-bottom:28px}
.service-hero img{width:100%;max-height:420px;object-fit:cover;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.hero-pill{margin:-28px auto 0;max-width:1050px;padding:18px 22px;background:rgba(255,255,255,.85);backdrop-filter:blur(6px);border:1px solid #dceef8;border-radius:18px;box-shadow:0 8px 26px rgba(0,0,0,.06)}
.hero-pill h1{font-size:28px;margin:0 0 8px}

/* Pill blocks */
.pill-block{max-width:1050px;margin:22px auto}
.pill-head{display:inline-block;background:rgba(255,255,255,.75);border:1px solid #d8eef8;border-radius:999px;padding:10px 16px;margin:0 0 10px 6px;box-shadow:0 6px 16px rgba(0,0,0,.06);backdrop-filter:blur(6px)}
.pill-head span{font-weight:700;color:#003049;white-space:nowrap}
.pill-head--brand{background:#e6f6ff;border-color:#c4e9ff}
.pill-panel{background:#fff;border-radius:20px;padding:22px;box-shadow:0 10px 28px rgba(0,0,0,.06);border:1px solid #eef6fb}
.pill-panel--brand{background:#006ba6;color:#fff;border-color:#00629a}
.pill-panel--brand p{color:#eaf6ff}

/* Lists */
.checklist{list-style:none;padding-left:0;margin:10px 0 0}
.checklist li{padding-left:28px;position:relative;margin:10px 0}
.checklist li:before{content:"✓";position:absolute;left:0;top:0;color:#00a2d6;font-weight:700}

.steps{list-style:decimal;padding-left:18px;margin:10px 0 0}
.steps li{margin:10px 0}

/* Images inside blocks */
.inline-img{width:100%;margin-top:14px;border-radius:14px;box-shadow:0 8px 20px rgba(0,0,0,.08)}

/* Responsive */
@media (max-width:900px){
  .hero-pill{margin-top:-20px;border-radius:16px}
  .hero-pill h1{font-size:22px}
  .pill-panel{padding:18px}
}
@media (max-width:600px){
  .hero-pill{padding:14px}
  .hero-pill h1{font-size:20px}
  .service-page p{font-size:14px}
  .pill-head{margin-left:0}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a6e4af9 */.universal-contact-block {
  background: #f9fcfd;
  padding: 60px 20px;
  border-radius: 20px;
  max-width: 700px;
  margin: 60px auto;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.05);
  font-family: 'Inter', sans-serif;
  text-align: center;
}

.contact-container h2 {
  font-size: 28px;
  color: #002f46;
  font-weight: 700;
  margin-bottom: 10px;
}

.contact-container p {
  font-size: 16px;
  color: #444;
  margin-bottom: 30px;
}

/* Optional wrapper styles for Formidable form */
.contact-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* You can keep using Formidable’s built-in styles, or extend them like below if needed */

.frm_forms input,
.frm_forms textarea {
  padding: 14px 18px !important;
  border-radius: 12px !important;
  border: 1px solid #ccc !important;
  font-size: 15px !important;
  resize: vertical !important;
}

.frm_submit input[type="submit"] {
  background: #006ba6 !important;
  color: #fff !important;
  padding: 14px 28px !important;
  border: none !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: background 0.3s ease !important;
}

.frm_submit input[type="submit"]:hover {
  background: #005280 !important;
}/* End custom CSS */