.elementor-22436 .elementor-element.elementor-element-752c0cb{--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-22436 .elementor-element.elementor-element-73909cc{--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-5b16dd0 */.mx-product * { box-sizing: border-box; }
.mx-product {
  font-family: "Montserrat", Arial, sans-serif;
}

/* ====== ANTI OVERFLOW (MOBILE) ====== */
html, body{ overflow-x: hidden; }
.mx-product, #mxProduct{ max-width: 100%; }
.mx-wrap > *{ min-width: 0; }
.mx-content, .mx-gallery{ min-width: 0; }
.mx-title, .mx-desc, .mx-code-val, .mx-power-title{ overflow-wrap: anywhere; word-break: break-word; }

:root{
  --mx-bg: #f6f8fb;
  --mx-card: rgba(255,255,255,0.75);
  --mx-stroke: rgba(12, 18, 28, 0.08);
  --mx-text: #0b1220;
  --mx-muted: rgba(11,18,32,0.65);
  --mx-muted2: rgba(11,18,32,0.45);
  --mx-shadow: 0 18px 55px rgba(10, 20, 40, 0.10);
  --mx-radius: 22px;
}

.mx-acc-head{
  background: white !important;
}

.mx-wrap{
  width: min(100%, 1800px);
  max-width: 100%;
  margin: 0 auto;
  padding: 22px;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 22px;
}

.mx-gallery{
  background: var(--mx-bg);
  border: 1px solid var(--mx-stroke);
  border-radius: var(--mx-radius);
  padding: 18px;
  box-shadow: var(--mx-shadow);
  position: relative;
  overflow: hidden;
  min-height: 520px;
}

.mx-stage{
  position: relative;
  display: grid;
  place-items: center;
  height: 430px;
  border-radius: 18px;
  overflow: hidden;
}

.mx-main-img{
  width: min(430px, 80%);
  max-width: 100%;
  height: auto;
  transform: translateY(0) scale(1);
  filter: drop-shadow(0 22px 45px rgba(0,0,0,0.20));
  will-change: transform, opacity, filter;
  opacity: 1;
  transition: opacity .28s ease, transform .42s cubic-bezier(.2,.8,.2,1), filter .42s ease;
}

.mx-glow{
  position: absolute;
  width: 540px;
  height: 540px;
  max-width: 100%;
  border-radius: 999px;
  background: radial-gradient(circle at 50% 50%,
    rgba(0, 255, 170, 0.14),
    rgba(0, 140, 255, 0.10),
    rgba(255, 0, 140, 0.09),
    rgba(0,0,0,0));
  filter: blur(20px);
  opacity: .75;
  transform: translateY(18px);
  transition: opacity .35s ease, transform .45s cubic-bezier(.2,.8,.2,1);
  pointer-events: none;
}

.mx-thumbs{
  margin-top: 14px;
  display: flex;
  gap: 10px;
  justify-content: center;
  max-width: 100%;
}

.mx-thumb{
  width: 62px;
  height: 62px;
  border-radius: 14px;
  border: 1px solid var(--mx-stroke);
  background: rgba(255,255,255,0.8);
  box-shadow: 0 10px 20px rgba(10,20,40,0.08);
  overflow: hidden;
  cursor: pointer;
  transform: translateY(0);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}

.mx-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mx-thumb:hover{ transform: translateY(-2px); }
.mx-thumb.is-active{
  border-color: rgba(0, 140, 255, 0.55);
  box-shadow: 0 16px 30px rgba(0, 140, 255, 0.12);
}

.mx-content{
  background: rgba(255,255,255,0.55);
  border: 1px solid var(--mx-stroke);
  border-radius: var(--mx-radius);
  padding: 22px 22px 18px;
  box-shadow: var(--mx-shadow);
  backdrop-filter: blur(8px);
  max-width: 100%;
}

.mx-kicker{
  font-size: 12px;
  letter-spacing: .14em;
  font-weight: 700;
  color: rgba(0, 100, 255, 0.95);
  margin-bottom: 8px;
}

.mx-title{
  font-size: clamp(26px, 3.2vw, 40px);
  line-height: 1.05;
  margin: 0 0 10px;
  color: var(--mx-text);
}

.mx-desc{
  margin: 0 0 14px;
  color: var(--mx-muted);
  font-size: 15px;
  line-height: 1.6;
}

.mx-badges{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
  max-width: 100%;
}

.mx-badge{
  font-size: 12.5px;
  color: rgba(11,18,32,0.75);
  background: rgba(255,255,255,0.75);
  border: 1px solid var(--mx-stroke);
  border-radius: 999px;
  padding: 8px 10px;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  max-width: 100%;
}

.mx-dot{
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: rgba(0, 140, 255, 0.8);
  box-shadow: 0 0 0 3px rgba(0,140,255,0.12);
}

/* ====== TABS ====== */
.mx-tabs{
  display: flex;
  gap: 10px;
  margin: 16px 0 10px;
  padding: 8px;
  border: 1px solid var(--mx-stroke);
  background: rgba(255,255,255,0.75);
  border-radius: 999px;

  /* mobile safe */
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.mx-tab{
  border: none;
  cursor: pointer;
  padding: 10px 14px;
  border-radius: 999px;
  background: transparent;
  color: rgba(11,18,32,0.75);
  font-weight: 700;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: background .2s ease, color .2s ease, transform .18s ease;

  flex: 0 0 auto;
  white-space: nowrap;
}

.mx-tab:hover{ transform: translateY(-1px); }
.mx-tab.is-active{
  background: rgba(11,18,32,0.92);
  color: rgba(255,255,255,0.95);
}

.mx-pill{
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: inline-block;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.25);
  flex: 0 0 auto;
}

.mx-pill--rgb{
  background: conic-gradient(from 90deg, #ff2d55, #7c3aed, #0ea5e9, #22c55e, #f59e0b, #ff2d55);
}
.mx-pill--rgbw{
  background: conic-gradient(from 90deg, #ff2d55, #0ea5e9, #22c55e, #ffffff, #f59e0b, #ff2d55);
}
.mx-pill--mono{
  background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(11,18,32,0.35));
}

.mx-tabpanel{
  border: 1px solid var(--mx-stroke);
  background: rgba(255,255,255,0.65);
  border-radius: 16px;
  padding: 14px 14px 12px;
  position: relative;
  overflow: hidden;
  max-width: 100%;
}

.mx-tabpanel::before{
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(90deg, rgba(0, 140, 255, 0.0), rgba(0, 140, 255, 0.35), rgba(0, 140, 255, 0.0));
  transform: translateX(-60%);
  opacity: 0;
  transition: opacity .22s ease;
}

.mx-tabpanel.is-flash::before{
  opacity: 1;
  animation: mx-sheen .55s ease both;
}

@keyframes mx-sheen{
  to{ transform: translateX(60%); }
}

.mx-mini-title{
  font-weight: 900;
  color: rgba(11,18,32,0.92);
  margin-bottom: 6px;
  font-size: 13px;
  letter-spacing: .02em;
}

.mx-mini-desc{
  color: var(--mx-muted);
  font-size: 13.5px;
  line-height: 1.5;
}

.mx-section{ margin-top: 14px; }

.mx-section-title{
  font-size: 11.5px;
  letter-spacing: .10em;
  font-weight: 900;
  color: rgba(11,18,32,0.55);
  margin: 14px 0 10px;
}

.mx-power-list{
  display: grid;
  gap: 10px;
}

.mx-power{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 12px;
  border-radius: 16px;
  border: 1px solid var(--mx-stroke);
  background: rgba(255,255,255,0.75);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  max-width: 100%;
}

.mx-power:hover{
  transform: translateY(-2px);
  border-color: rgba(0,140,255,0.35);
  box-shadow: 0 18px 40px rgba(0,140,255,0.08);
}

.mx-power-left{
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.mx-check{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(34,197,94,0.10);
  border: 1px solid rgba(34,197,94,0.25);
  color: rgba(34,197,94,1);
  font-weight: 900;
  flex: 0 0 auto;
}

.mx-power-title{
  font-weight: 900;
  color: rgba(11,18,32,0.92);
  line-height: 1.1;
}

.mx-power-sub{
  font-size: 12px;
  color: var(--mx-muted2);
  margin-top: 2px;
}

.mx-buy{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 999px;
  padding: 10px 14px;
  text-decoration: none;
  color: rgba(255,255,255,0.95);
  background: rgba(11,18,32,0.95);
  font-weight: 800;
  font-size: 13px;
  transition: transform .18s ease, opacity .2s ease;
  white-space: nowrap;
  max-width: 100%;
}

.mx-buy:hover{ transform: translateY(-1px); }
.mx-buy:active{ transform: translateY(0); opacity: .92; }

.mx-cta{
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--mx-stroke);
}

.mx-help{
  text-align: center;
  font-size: 12.5px;
  color: rgba(11,18,32,0.55);
  margin-bottom: 10px;
}

.mx-cta-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.mx-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 900;
  border: 1px solid var(--mx-stroke);
  transition: transform .18s ease, box-shadow .2s ease, opacity .2s ease;
  max-width: 100%;
}

.mx-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 35px rgba(10,20,40,0.10);
}

.mx-btn--wa{
  background: rgba(34,197,94,0.14);
  border-color: rgba(34,197,94,0.25);
  color: rgba(16,70,40,0.95);
}

.mx-btn--call{
  background: rgba(255,255,255,0.75);
  color: rgba(11,18,32,0.85);
}

#mxProduct .mx-main-img{
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  z-index: 2 !important;
}

#mxProduct .mx-glow{
  z-index: 1 !important;
  pointer-events: none !important;
}

#mxProduct .mx-stage{
  overflow: hidden !important;
  min-height: 320px !important;
  max-width: 100%;
}

#mxProduct .mx-thumbs{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  max-width: 100%;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

#mxProduct .mx-thumb{
  width: 62px !important;
  height: 62px !important;
  padding: 0 !important;
  border: 1px solid var(--mx-stroke) !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 auto;
}

#mxProduct .mx-thumb img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  object-fit: cover !important;
}

#mxProduct .mx-thumbs::-webkit-scrollbar{ height: 6px; }
#mxProduct .mx-thumbs::-webkit-scrollbar-thumb{
  background: rgba(11,18,32,.15);
  border-radius: 999px;
}

.mx-power.mx-acc{
  display:block !important;
  padding:0 !important;
  border: 1px solid rgba(11,18,32,.06);
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  max-width: 100%;
}

.mx-acc-head{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  background:transparent;
  border:0;
  padding: 14px 16px;
  cursor:pointer;
  text-align:left;
  max-width: 100%;
}

.mx-acc-left{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.mx-acc-badge{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 800;
  color: rgba(11,18,32,.9);
  background: rgba(45, 158, 255, .12);
  flex: 0 0 auto;
}

.mx-acc-info{ min-width:0; }
.mx-acc-title{
  font-weight: 800;
  line-height: 1.15;
  color: rgba(11,18,32,.95);
}

.mx-acc-sub{
  margin-top: 2px;
  font-size: 13px;
  color: rgba(11,18,32,.55);
  display:flex;
  align-items:center;
  gap: 8px;
  flex-wrap: wrap;
}

.mx-acc-dot{
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #26c281;
  flex: 0 0 auto;
}

.mx-acc-chevron-btn{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(11,18,32,.03);
  border: 1px solid rgba(11,18,32,.06);
  flex: 0 0 auto;
}

.mx-acc-chevron{
  display:block;
  fill: rgba(11,18,32,.65);
  transform: rotate(180deg);
  transition: transform .18s ease;
}

.mx-acc.is-open .mx-acc-chevron{
  transform: rotate(0deg);
}

.mx-acc-body{
  padding: 0 16px 14px 16px;
  max-width: 100%;
}

.mx-code-card{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  background: rgba(11,18,32,.03);
  border: 1px solid rgba(11,18,32,.06);
  border-radius: 14px;
  padding: 14px 14px;
  max-width: 100%;
  min-width: 0;
}

.mx-code-label{
  font-size: 13px;
  color: rgba(11,18,32,.55);
  margin-bottom: 6px;
}

.mx-code-val{
  font-weight: 800;
  color: rgba(11,18,32,.95);
  min-width: 0;
}

.mx-copy{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 16px;
  border-radius: 999px;
  border: 1px solid rgba(45, 158, 255, .25);
  background: #fff;
  cursor: pointer;
  color: rgba(11,18,32,.85);
  font-weight: 700;
  white-space: nowrap;
  flex: 0 0 auto;
}

.mx-copy-ico{ opacity: .75; }

.mx-manual{
  margin-top: 14px;
  display:flex;
  align-items:flex-start;
  gap: 14px;
  padding: 18px 18px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(45,158,255,.08), rgba(45,158,255,.05));
  border: 1px solid rgba(45,158,255,.22);
  max-width: 100%;
}

.mx-manual-ico{
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: rgba(45,158,255,.14);
  display:flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
}

.mx-manual-ico img{
  width: 26px;
  height: 26px;
  object-fit: contain;
  display:block;
}

.mx-manual-info{
  min-width: 0;
}

.mx-manual-title{
  font-weight: 800;
  font-size: 16px;
  color: rgba(11,18,32,.95);
  margin: 2px 0 6px;
}

.mx-manual-sub{
  font-size: 13.5px;
  line-height: 1.35;
  color: rgba(11,18,32,.58);
  margin: 0 0 14px;
  max-width: 520px;
}

.mx-manual-btn{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 11px 16px;
  border-radius: 12px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(45,158,255,.30);
  color: rgba(11,18,32,.92);
  font-weight: 800;
  text-decoration: none;
  max-width: 100%;
}

.mx-manual-btn:hover{
  background: rgba(255,255,255,1);
}

.mx-manual-btn-ico{
  width: 18px;
  height: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  opacity: .8;
  transform: translateY(1px);
}

.mx-box-section {
  background: var(--mx-bg-soft);
  border: 1px solid var(--mx-stroke);
  border-radius: var(--mx-radius);
  padding: 16px;
  margin-top: 18px;
  max-width: 100%;
}

.mx-box-section h3 {
  margin-bottom: 10px;
  font-size: 16px;
}

.mx-box-list {
  list-style: none;
  padding: 0;
  margin: 0 0 14px 0;
  display: grid;
  gap: 8px;
  max-width: 100%;
}

.mx-box-list li {
  background: #fff;
  border: 1px solid var(--mx-stroke);
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 13px;
}

.mx-warranty {
  background: linear-gradient(90deg,#eef6ff,#e6f1ff);
  border-radius: 10px;
  padding: 12px;
  font-size: 13px;
  max-width: 100%;
}

.mx-fade-out{ opacity: 0 !important; transform: translateY(8px) scale(.985) !important; }
.mx-pop-in{ animation: mx-pop .42s cubic-bezier(.2,.8,.2,1) both; }

@keyframes mx-pop{
  from{ opacity: 0; transform: translateY(10px) scale(.985); }
  to{ opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 980px){
  .mx-wrap{ grid-template-columns: 1fr; }
  .mx-gallery{ min-height: auto; }
  .mx-stage{ height: 360px; }
}

@media (max-width: 520px){
  .mx-wrap{
    padding: 14px;
    gap: 14px;
  }

  .mx-gallery{
    padding: 14px;
  }

  .mx-content{
    padding: 16px;
  }

  .mx-stage{ height: 320px; }

  .mx-tab{ padding: 10px 10px; font-size: 12.5px; }

  .mx-cta-row{ grid-template-columns: 1fr; }

  /* se apertar muito em celulares pequenos, deixa botões “quebrarem” */
  .mx-power{
    align-items: flex-start;
  }

  .mx-buy{
    white-space: normal;
    text-align: center;
  }

  .mx-copy{
    padding: 10px 12px;
  }

  .mx-manual{
    padding: 14px;
    gap: 12px;
  }

  .mx-manual-ico{
    width: 48px;
    height: 48px;
    border-radius: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a9b54f0 */.ms-accordion{
  width: 100%;
  max-width: 1750px; 
  margin: 0 auto;
  padding-bottom: 40px;
  font-family: inherit;
  display: grid;
  gap: 16px;
}

.ms-acc-item{
  border: 1px solid rgba(120,120,120,.18);
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

.ms-acc-header{
  width: 100%;
  display: grid;
  grid-template-columns: 44px 1fr 28px;
  gap: 14px;
  align-items: center;
  padding: 16px 18px;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
}

.ms-acc-header:hover {
    background: transparent;
    border: 2px solid #D3D3D3;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 16px;
}

.ms-acc-header:focus {
    background: transparent;
}

.ms-acc-ico{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(0, 128, 255, .10);
  color: #0b5cff;
}

.ms-acc-ico svg{
  width: 22px;
  height: 22px;
}

.ms-acc-titlewrap{ line-height: 1.1; }
.ms-acc-title{
  font-weight: 700;
  font-size: 18px;
  display:block;
  color:#121826;
}

.ms-acc-subtitle{
  font-size: 13px;
  color: rgba(18,24,38,.65);
  display:block;
  margin-top: 6px;
}

.ms-acc-chevron{
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  color: rgba(18,24,38,.65);
  transition: transform .25s ease;
}
.ms-acc-chevron svg{ width: 22px; height: 22px; }

.ms-acc-panel{
  max-height: 0;
  overflow: hidden;
  transition: max-height .30s ease;
  border-top: 1px solid rgba(120,120,120,.12);
}

.ms-acc-panel-inner{
  padding: 10px 18px 16px;
}

/* seta gira quando abre */
.ms-acc-item.is-open .ms-acc-chevron{
  transform: rotate(180deg);
}


.ms-spec-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding-top: 10px;
}

@media (max-width: 640px){
  .ms-spec-grid{ grid-template-columns: 1fr; }
}

/* Card */
.ms-spec-card{
  border: 1px solid rgba(120,120,120,.12);
  background: #fff;
  border-radius: 16px;
  padding: 16px 18px;
  box-shadow: 0 8px 22px rgba(0,0,0,.03);
  transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease;
}

.ms-spec-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(0,0,0,.06);
  border-color: rgba(0, 128, 255, .18);
}

/* Cabeçalho (ícone + label) */
.ms-spec-head{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.ms-spec-ico{
  width: 26px;
  height: 26px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: rgba(0, 128, 255, .10);
  color: #0b5cff;
  font-size: 14px;
  line-height: 1;
  flex: 0 0 auto;
}

.ms-spec-label{
  font-size: 13px;
  font-weight: 600;
  color: rgba(18,24,38,.60);
}

.ms-spec-val{
  font-size: 16px;
  font-weight: 800;
  color: #121826;
  line-height: 1.25;
}

/* Fluxo Luminoso ocupa 2 colunas */
.ms-spec-wide{
  grid-column: 1 / -1;
}

.ms-specs{ display: grid; }

.ms-row{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(120,120,120,.12);
}
.ms-row:last-child{ border-bottom: 0; }

.ms-left{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.ms-miniico{
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: rgba(0,0,0,.05);
  display: grid;
  place-items: center;
  font-size: 14px;
  flex: 0 0 auto;
}

.ms-label{
  color: rgba(18,24,38,.70);
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ms-value{
  font-weight: 700;
  color: #121826;
  font-size: 14px;
  text-align: right;
  white-space: nowrap;
}

.ms-install{
  display: grid;
  gap: 14px;
  padding-top: 8px;
}

.ms-install-row{
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 14px;
  align-items: center;
  padding: 18px 18px;
  border: 1px solid rgba(120,120,120,.12);
  border-radius: 14px;
  background: #fff;
}

.ms-badge{
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(0, 128, 255, .10);
  color: #0b5cff;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 13px;
  line-height: 1;
}

.ms-install-text{
  color: rgba(18,24,38,.86);
  font-size: 14px;
}

.ms-apps{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding-top: 10px;
}

@media (max-width: 640px){
  .ms-apps{ grid-template-columns: 1fr; }
}

.ms-app-card{
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 12px;
  align-items: center;
  padding: 18px 18px;
  border: 1px solid rgba(16, 185, 129, .25);
  border-radius: 14px;
  background: rgba(16, 185, 129, .06);
}

.ms-check{
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #10b981;
  color: #fff;
  display: grid;
  place-items: center;
}

.ms-check svg{
  width: 18px;
  height: 18px;
}

.ms-app-text{
  font-size: 14px;
  font-weight: 700;
  color: rgba(18,24,38,.90);
}


.ms-acc-item.ms-ico-blue .ms-acc-ico{
  background: rgba(0, 128, 255, .12);
  color: #0b5cff;
}

.ms-acc-item.ms-ico-blue2 .ms-acc-ico{
  background: rgba(59, 130, 246, .16);
  color: #2563eb;
}

.ms-acc-item.ms-ico-green .ms-acc-ico{
  background: rgba(16, 185, 129, .14);
  color: #10b981;
}/* End custom CSS */