.elementor-840 .elementor-element.elementor-element-e36634c{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-840 .elementor-element.elementor-element-d9910da{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:75px;--padding-bottom:75px;--padding-left:95px;--padding-right:95px;}.elementor-840 .elementor-element.elementor-element-8856566{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:45px;}.elementor-840 .elementor-element.elementor-element-8856566.e-con{--align-self:center;}.elementor-840 .elementor-element.elementor-element-845426f{--display:flex;--justify-content:flex-end;border-style:none;--border-style:none;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-840 .elementor-element.elementor-element-643176e{padding:25px 35px 25px 35px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#7A7A7A40;border-radius:30px 30px 30px 30px;box-shadow:0px 0px 19px -4px rgba(0, 0, 0, 0.07);}.elementor-840 .elementor-element.elementor-element-7f41647{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-840 .elementor-element.elementor-element-8856566{--width:75%;}.elementor-840 .elementor-element.elementor-element-845426f{--width:100%;}}@media(max-width:767px){.elementor-840 .elementor-element.elementor-element-d9910da{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-840 .elementor-element.elementor-element-8856566{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-840 .elementor-element.elementor-element-845426f{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-840 .elementor-element.elementor-element-643176e{padding:20px 20px 20px 20px;}}/* Start custom CSS for metform, class: .elementor-element-643176e *//* 1. MetForm ke default radio circles ko hide karein */
.elementor-840 .elementor-element.elementor-element-643176e input[type="radio"],
.elementor-840 .elementor-element.elementor-element-643176e .mf-radio-option input[type="radio"] {
  display: none !important;
  opacity: 0 !important;
  position: absolute !important;
}

/* 2. Container layout */
.elementor-840 .elementor-element.elementor-element-643176e .mf-radio-wrapper,
.elementor-840 .elementor-element.elementor-element-643176e .metform-radio-group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  width: 100% !important;
}

.elementor-840 .elementor-element.elementor-element-643176e .mf-radio-option,
.elementor-840 .elementor-element.elementor-element-643176e .metform-radio-wrapper > div {
  flex: 1 1 calc(25% - 10px) !important;
  min-width: 140px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* 3. Default Pill Design with proper spacing */
.elementor-840 .elementor-element.elementor-element-643176e .mf-radio-option label,
.elementor-840 .elementor-element.elementor-element-643176e .metform-radio-group label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 12px !important;
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  font-family: 'JetBrains Mono', monospace !important;
  color: #374151 !important;
  transition: all 0.2s ease !important;
  text-align: center !important;
  width: 100% !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  margin-bottom: 4px !important; /* Upar-neeche overlap rokne ke liye */
}

/* 4. Hover State */
.elementor-840 .elementor-element.elementor-element-643176e .mf-radio-option label:hover,
.elementor-840 .elementor-element.elementor-element-643176e .metform-radio-group label:hover {
  border-color: #D5662D !important;
  color: #D5662D !important;
  background-color: #fffaf8 !important;
}

/* 5. SELECTED / CHECKED STATE */
.elementor-840 .elementor-element.elementor-element-643176e input[type="radio"]:checked + label,
.elementor-840 .elementor-element.elementor-element-643176e input[type="radio"]:checked ~ label,
.elementor-840 .elementor-element.elementor-element-643176e .mf-radio-option input[type="radio"]:checked + label,
.elementor-840 .elementor-element.elementor-element-643176e .mf-radio-option input[type="radio"]:checked ~ label,
.elementor-840 .elementor-element.elementor-element-643176e .mf-radio-option input[type="radio"]:checked ~ span,
.elementor-840 .elementor-element.elementor-element-643176e .mf-radio-option input[type="radio"]:checked + span {
  border-color: #D5662D !important;
  color: #D5662D !important;
  background-color: #fffaf8 !important;
}

/* Mobile Responsive - Overlap Fix */
@media (max-width: 768px) {
  .elementor-840 .elementor-element.elementor-element-643176e .mf-radio-wrapper,
  .elementor-840 .elementor-element.elementor-element-643176e .metform-radio-group {
    display: flex !important;
    flex-direction: column !important; /* Mobile par ek ke niche ek clean list ban jayegi */
    gap: 10px !important;
  }

  .elementor-840 .elementor-element.elementor-element-643176e .mf-radio-option,
  .elementor-840 .elementor-element.elementor-element-643176e .metform-radio-wrapper > div {
    width: 100% !important;
    flex: 1 1 100% !important;
    min-width: 100% !important;
    margin-bottom: 8px !important; /* Har box ke beech saaf gap rahega */
  }
}/* End custom CSS */