.elementor-145 .elementor-element.elementor-element-2df4881{--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;--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-145 .elementor-element.elementor-element-70115bb .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-145 .elementor-element.elementor-element-70115bb .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-145 .elementor-element.elementor-element-70115bb{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-145 .elementor-element.elementor-element-70115bb .elementor-icon-list-text{transition:color 0.3s;}.elementor-145 .elementor-element.elementor-element-00c8aa4{text-align:center;}.elementor-145 .elementor-element.elementor-element-d27833b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:5px 5px 5px 5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-145 .elementor-element.elementor-element-d27833b:not(.elementor-motion-effects-element-type-background), .elementor-145 .elementor-element.elementor-element-d27833b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-145 .elementor-element.elementor-element-084c049{text-align:center;}.elementor-145 .elementor-element.elementor-element-d349151 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-145 .elementor-element.elementor-element-d349151{text-align:center;}.woocommerce .elementor-145 .elementor-element.elementor-element-d349151 .price{font-size:18px;}.elementor-145 .elementor-element.elementor-element-06980cc{text-align:center;}.elementor-145 .elementor-element.elementor-element-5eb259a > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-145 .elementor-element.elementor-element-5eb259a{font-weight:bold;}.elementor-145 .elementor-element.elementor-element-431bd9d .cart button, .elementor-145 .elementor-element.elementor-element-431bd9d .cart .button{transition:all 0.2s;}@media(min-width:768px){.elementor-145 .elementor-element.elementor-element-2df4881{--content-width:600px;}}/* Start custom CSS for container, class: .elementor-element-2df4881 *//* ==========================================================
   SUMO Payment Plans - FULL STYLING
   - Payment type cards (Pay in full / Payment plans)
   - Plan option cells (Monthly/Weekly boxes)
   ========================================================== */

/* ---------- Payment Type (Pay in Full / Payment Plans) ---------- */

/* container we inject */
#_sumo_pp_payment_type_fields .sumo-pp-type-cards{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin: 10px 0 18px;
}

/* each card */
#_sumo_pp_payment_type_fields .sumo-pp-type-card{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 18px;
  border:2px solid rgba(0,0,0,.18);
  background: rgba(0,0,0,0.06); /* grey overlay */
  border-radius:12px;
  cursor:pointer;
  transition: all .2s ease;
  user-select:none;
}

/* selected state */
#_sumo_pp_payment_type_fields .sumo-pp-type-card.is-selected{
  background:#fff;
  border-color:#02C9DF;
  box-shadow:0 0 0 3px rgba(2,201,223,.95);
  position:relative;
  z-index:2;
}

/* optional hover */
#_sumo_pp_payment_type_fields .sumo-pp-type-card:hover{
  transform: translateY(-1px);
}

/* hide native radio inside */
#_sumo_pp_payment_type_fields .sumo-pp-type-card input[type="radio"]{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

/* dot indicator */
#_sumo_pp_payment_type_fields .sumo-pp-type-card::before{
  content:"";
  width:14px;
  height:14px;
  border-radius:50%;
  border:2px solid rgba(0,0,0,.35);
  background: transparent;
  display:inline-block;
  flex:0 0 auto;
}

#_sumo_pp_payment_type_fields .sumo-pp-type-card.is-selected::before{
  border-color:#02C9DF;
  background:#02C9DF;
}

/* Mobile: stack full width */
@media (max-width: 600px){
  #_sumo_pp_payment_type_fields .sumo-pp-type-card{ width:100%; }
}


/* ---------- Payment Plan Boxes (Monthly/Weekly etc.) ---------- */

/* base: ALL plan cells get grey overlay */
._sumo_pp_payment_plans > tbody > tr > td{
  background: rgba(0,0,0,0.06); /* slight grey overlay */
  transition: all .2s ease;
  cursor: pointer;
}

/* selected plan cell */
._sumo_pp_payment_plans > tbody > tr > td.is-selected{
  background: #fff;
  box-shadow: 0 0 0 3px rgba(2,201,223,.95);
  border-color: #02C9DF !important;
  position: relative;
  z-index: 1;
}

/* optional hover */
._sumo_pp_payment_plans > tbody > tr > td:hover{
  transform: translateY(-1px);
}

/* If JS adds this class, hide the plans chooser */
body.sumo-hide-plans #_sumo_pp_plans_to_choose{
  display:none !important;
}

/* ==========================================================
   CUSTOM RADIO — Payment Plan Options (Monthly / Weekly)
   ========================================================== */

/* Hide the native radio */
._sumo_pp_payment_plans input[type="radio"][name="_sumo_pp_chosen_payment_plan"]{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

/* Create space for custom dot */
._sumo_pp_payment_plans > tbody > tr > td{
  position:relative;
  padding-left:44px !important;
}

/* Outer circle */
._sumo_pp_payment_plans > tbody > tr > td::before{
  content:"";
  position:absolute;
  left:16px;
  top:22px;               /* adjust to align with MONTHLY text */
  width:18px;
  height:18px;
  border-radius:50%;
  border:2px solid rgba(0,0,0,.35);
  background:#fff;
  box-sizing:border-box;
}

/* Inner filled dot when selected */
._sumo_pp_payment_plans > tbody > tr > td.is-selected::before{
  border-color:#02C9DF;
  background:#02C9DF;
}/* End custom CSS */