.elementor-1799 .elementor-element.elementor-element-cc1ca9f{--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-1799 .elementor-element.elementor-element-2181b8b{--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-1799 .elementor-element.elementor-element-53d38ae{--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-1799 .elementor-element.elementor-element-53d38ae:not(.elementor-motion-effects-element-type-background), .elementor-1799 .elementor-element.elementor-element-53d38ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1799 .elementor-element.elementor-element-2d4b5a4{--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-1799 .elementor-element.elementor-element-2d4b5a4:not(.elementor-motion-effects-element-type-background), .elementor-1799 .elementor-element.elementor-element-2d4b5a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-62ab407 */.setup-tutorials{
  max-width:1450px;
  margin:0 auto;
  padding:20px 20px 60px;
  font-family:Arial, sans-serif;
  background:#faf8f8;
}

.setup-tutorials h2{
  text-align:center;
  font-size:42px;
  font-weight:900;
  color:#06152e;
  margin-bottom:28px;
}

.setup-tutorials .subtitle{
  text-align:center;
  font-size:21px;
  color:#536985;
  margin-bottom:35px;
}

.alert-box{
  display:flex;
  gap:20px;
  align-items:flex-start;
  background:#fff7dc;
  border:1px solid #ffdc75;
  border-radius:18px;
  padding:25px 30px;
  margin-bottom:45px;
  color:#a14914;
  font-size:17px;
  line-height:1.7;
}

.alert-box span{
  font-size:25px;
}

.alert-box p{
  margin:0;
}

.device-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:18px;
}

.device-card{
  background:#fff;
  border:2px solid #e2e8f0;
  border-radius:15px;
  padding:38px 22px 25px;
  text-align:center;
  min-height:225px;
  transition:0.3s ease;
}

.device-card:hover{
  transform:translateY(-5px);
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.device-card .icon{
  font-size:38px;
  margin-bottom:25px;
}

.device-card h3{
  font-size:16px;
  color:#475569;
  font-weight:800;
  margin-bottom:22px;
  padding-bottom:20px;
  border-bottom:1px solid #e5e7eb;
}

.device-card p{
  font-size:14px;
  color:#888;
  line-height:1.5;
  margin:0;
}

@media(max-width:1200px){
  .device-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:768px){
  .device-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .setup-tutorials h2{
    font-size:32px;
  }

  .alert-box{
    padding:20px;
  }
}

@media(max-width:480px){
  .device-grid{
    grid-template-columns:1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6c99d00 */.troubleshooting-box{
  background:#faf8f8;
  padding:20px 55px 55px;
  font-family:Arial, sans-serif;
}

.troubleshooting-box h2{
  text-align:center;
  font-size:38px;
  font-weight:900;
  color:#06152e;
  margin-bottom:35px;
}

.tips-list{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.tip{
  background:#fff;
  border-radius:16px;
  padding:22px 22px;
  font-size:16px; /* 👈 smaller text */
  color:#14213d;
  line-height:1.6;
  box-shadow:0 6px 18px rgba(0,0,0,0.04);
  display:flex;
  align-items:center;
  gap:18px;
}

.tip span{
  font-size:24px; /* slightly reduced */
  min-width:22px;
  font-weight:700;
}

.red{color:#ff3b3b;}
.orange{color:#f59e0b;}
.blue{color:#3b82f6;}
.green{color:#22c55e;}
.purple{color:#a855f7;}
.pink{color:#ec4899;}
.gray{color:#6b7280;}

@media(max-width:768px){
  .troubleshooting-box{
    padding:25px 18px;
  }

  .troubleshooting-box h2{
    font-size:30px;
  }

  .tip{
    font-size:14px; /* 👈 smaller on mobile */
    padding:18px;
    align-items:flex-start;
    gap:14px;
  }

  .tip span{
    font-size:20px;
  }
}/* End custom CSS */