.blog-section{ padding:70px 20px; } 
.section-title{ font-size: 32px; font-weight: 500; } 
.blog-title-link{ color:#000; } 
.tab-content {
    margin-top: 50px;
}
.blog-title-link:hover{ color:#00aaa6; text-decoration:none; } 
.blog-tabs{ display:flex; justify-content:center; gap:15px; margin-bottom:40px; } 
.blog-tabs button{ border:none; background:#e8e8e8; padding:12px 35px; border-radius: 32px; align-items: center; width: 100%; max-width: 120px; } 
.blog-tabs{ display:flex; justify-content:center; gap:20px; margin-bottom:40px; } 
.blog-tabs .tab-btn{ display:flex; align-items:center; gap:10px; padding:8px 28px; border:none; border-radius:50px; font-size:14px; font-weight:500; cursor:pointer; font-family: "Hisense Sans Alfabet", Arial, "Helvetica Neue", Helvetica, sans-serif; } .blog-tabs .tab-btn i{ font-size:22px; } 
.blog-tabs button.active{background: #00aaa6; } 
.tab-content{ display:none; } .tab-content.active{ display:block; } 
.blog-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; } 
.blog-card{ background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 8px 25px rgba(0,0,0,.08); transition:.3s; } 
/* .blog-card:hover{ transform:translateY(-8px); }  */
.blog-card img{ width:100%; height:220px; object-fit:cover; } 
.category{ display:inline-block; margin:20px 20px 10px; color:#00aaa6; font-weight:500; font-size:12px; } 
.blog-card h4{ margin:0 20px; font-size:18px; font-weight:400; } 
.blog-card p{ margin:15px 20px; line-height:1.6;font-size:14px; } 
.blog-footer{ display:flex; justify-content:space-between; padding:20px; border-top:1px solid #eee; color:#00aaa6; font-size:14px; } 
.hidden-card{ display:none; } 
.load-more-wrapper{ text-align:center; margin-top:40px; } 
.load-more-btn{ color: #fff;  background:#00aaa6; border:none; padding:8px 28px; border-radius:40px; cursor:pointer; font-size:16px;transition:.3s;font-family: "Hisense Sans Alfabet", Arial, "Helvetica Neue", Helvetica, sans-serif; } 
.blog-tabs .tab-btn img { width: 24px; height: 24px; object-fit: contain; } 
.load-more-btn:hover{ background:#00aaa6; } 

@media(max-width:991px){.blog-grid{ grid-template-columns:repeat(2,1fr); } } 
@media(max-width:767px){.blog-grid{ grid-template-columns:1fr; } .section-title{ font-size:28px; } .blog-tabs{ flex-direction:row; } .blog-tabs button{ flex:1; } }

/* ==========================================
   About Blog Details
========================================== */
 .about-blog-details { padding-top: 40px; color: #000; } 
 .about-blog-details h1 { font-size: 40px; line-height: 1.3; font-weight: 700; margin: 0.3em 0; color: #000; } 
 .about-blog-details h2 { font-size: 28px; line-height: 1.3; font-weight: 700; margin: 0.5em 0; color: #000; } .about-blog-details h4 { font-size: 25px; line-height: 1.3; font-weight: 300; margin-bottom: 10px; color: #000; } 
 .about-blog-details h3 { font-size: 24px; line-height: 1.3; font-weight: 700; margin: 0.5em 0; color: #000; } .about-blog-details h4 { font-size: 25px; line-height: 1.3; font-weight: 300; margin-bottom: 10px; color: #000; } 
 .about-blog-details h5 { font-size: 20px; line-height: 1.3; font-weight: 500; margin-bottom: 0.5em; color: #000; } 
 .about-blog-details h6 { font-size: 18px; line-height: 1.7; font-weight: 300; margin-bottom: 0.5em; color: #000; } 
 .Discover-text{ font-size: 40px; line-height: 1.3; font-weight: 700; margin: 0.3em 0; color: #000; } 
 .about-blog-details h1 span, .about-blog-details h2 span, .about-blog-details h3 span { color: #0CE2DC; } 
 .about-blog-details p { font-size: 16px; line-height: 1.7; margin-bottom: 1rem; color: #000; } 
 .about-blog-details p.hisenseLight { font-weight: 300; } 
 .about-blog-details .absolute-c-c[data-track] { opacity: 1; transform: translate(-50%, 120px) !important; } 
 .about-blog-details .absolute-c-c[data-track].trackin { opacity: 1; transform: translate(-50%, -50%) !important; } 

 .about-blog-details.text-box-info {
    color: #000!important;
}
.about-blog-details .text-box-info,
.about-blog-details ul,
.about-blog-details ol,
.about-blog-details li,
.about-blog-details dl,
.about-blog-details dt,
.about-blog-details dd {
    color: #000 !important;
}

.about-blog-details ul li::marker,
.about-blog-details ol li::marker {
    color: #000 !important;
}
 @media (max-width: 767px) { 
.about-blog-details { padding-top: 40px; } 
.about-blog-details h1 { font-size: 24px; margin-bottom: 1rem; } 
.about-blog-details h2 { font-size: 22px; margin-bottom: 1rem; } 
.about-blog-details h3 { font-size: 20px; margin-bottom: 1rem; } 
.about-blog-details h4 { font-size: 18px; margin-bottom: 1rem; font-weight: 400; } 
.about-blog-details h5 { font-size: 16px; margin-bottom: 1rem; } 
.about-blog-details h6 { font-size: 14px; margin-bottom: 1rem; } 
.about-blog-details p { font-size: 15px; line-height: 1.6; } 
.about-blog-details .text-box-info h1 { font-size: 36px; } 
.about-blog-details .text-box-info h3 { font-size: 28px; } 
.about-blog-details .text-box-info h5 { font-size: 18px; } 
.about-blog-details .text-box-info h6 { line-height: 1.7; } }


.about-blog-details .text-box-info ul li { list-style: disc !important } 
.about-blog-details .text-box-info ol li { list-style: decimal !important } 
.about-blog-details .text-box-info ul li::marker, .about-blog-details .text-box-info ol li::marker { color: #000 !important; font-size: 16px } .about-blog-details .text-box-info dl { margin: 20px 0 } 
.about-blog-details .text-box-info dt { font-weight: 700; color: #000 } 
.about-blog-details .text-box-info dd { margin: 0 0 15px 20px; color: #000 } 
.about-blog-details .text-box-info blockquote { border-left: 4px solid #0CE2DC; padding: 15px 20px; margin: 20px 0; background: #f8f8f8; font-style: italic } 
.about-blog-details .text-box-info blockquote cite { display: block; margin-top: 10px; font-style: normal; font-weight: 600 } 
.about-blog-details .text-box-info table { width: 100%; border-collapse: collapse; margin: 25px 0 } 
.about-blog-details .text-box-info table th, .about-blog-details .text-box-info table td { border: 1px solid #ddd; padding: 12px; 
    text-align: left 
} 
.about-blog-details .text-box-info form{
    text-align:left !important;
}
.about-blog-details .text-box-info ul,
.about-blog-details .text-box-info ol {
    display: inline-block;
    text-align: left;
    margin: 20px auto;
    padding-left: 20px;
}

.about-blog-details .text-box-info table th { background: #f5f5f5; font-weight: 700 } 
.about-blog-details .text-box-info fieldset { border: 1px solid #ddd; padding: 20px; margin: 20px 0 } 
.about-blog-details .text-box-info legend { font-weight: 700; color: #000 } 
.about-blog-details .text-box-info label { display: block; margin-bottom: 5px; color: #000 } 
.about-blog-details .text-box-info input, .about-blog-details .text-box-info select, .about-blog-details .text-box-info textarea { width: 100%; padding: 10px; border: 1px solid #ccc; margin-bottom: 15px } .about-blog-details .text-box-info input[type=radio], 
.about-blog-details .text-box-info input[type=checkbox] { width: auto; margin-right: 8px } 
.about-blog-details .text-box-info button:hover { opacity: .9 } 
.about-blog-details .text-box-info figure { margin: 25px 0 } 
.about-blog-details .text-box-info figcaption { margin-top: 10px; color: #666; font-size: 14px } 




  :root{
    --ink:#0a0e12;
    --paper:#f7f8f7;
    --line:#e3e7e6;
    --line:#ddd;	
    --muted:#5b6462;
    --teal:#0fbfb4;
    --teal-deep:#087f78;
    --violet:#6e5bff;
    --amber:#ff6b3d;
    --card:#f8f8f8;
    --radius:14px;
  }

.hero-banner{
    display:block;
    width:100%;
    height:auto;
    /* max-height:440px; */
  }
  
   .eyebrow{
    font-family:'JetBrains Mono', monospace;
    font-size:12px;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--teal-deep);
    display:inline-flex;
    align-items:center;
    gap:8px;
  }
  .eyebrow::before{
    content:"";
    width:16px; height:2px;
    background:var(--teal);
    display:inline-block;
  }
  
    /* ---------- Title block (below breadcrumb) ---------- */
  .title-block{
    padding:48px 6vw 8px;
    text-align:center;
  }
  .title-block h1{  
    font-size:clamp(28px, 4vw, 44px);
    line-height:1.12;
    margin:18px auto 16px;
    max-width:900px;
  }
  .title-meta{
    display:flex; gap:14px; align-items:center; justify-content:center;
    font-family:'JetBrains Mono', monospace;
    font-size:13px;
    color:var(--muted);
  }

 /* ---------- Feature cards ---------- */
  .feature-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
    gap:18px;
  }
  .feature-card{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:26px;
    transition:transform 0.18s ease, box-shadow 0.18s ease;
  }
  .feature-card:hover{
    transform:translateY(-3px);
    box-shadow:0 14px 30px -18px rgba(10,14,18,0.35);
  }
  .feature-card h3{
    font-size:18px;
    margin-top:0;
    margin-bottom:8px;
  }
  .feature-card p{
    font-size:14.5px;
    color:var(--muted);
  }

  /* ---------- Table ---------- */
  .table-scroll{
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .compare-table{
    width:100%;
    min-width:480px;
    border-collapse:collapse;
    background:var(--card);
    border:1px solid var(--line);
    border-radius:var(--radius);
    overflow:hidden;
    font-size:14.5px;
  }
  .compare-table th, .compare-table td{
    text-align:left;
    padding:16px 18px;
    border-bottom:1px solid var(--line);
  }
  .compare-table th{
    font-family:'JetBrains Mono', monospace;
    font-size:16px;
    letter-spacing:0.06em;
    text-transform:uppercase;
    color:var(--muted);
    background:#e5e5e5;font-weight:bold;
  }
  .compare-table tr:last-child td{border-bottom:none;}
  .compare-table td.yes{color:var(--teal-deep); font-weight:500;}
  .compare-table td.no{color:#b2b8b6;}

  /* ---------- Callout row (advantages) ---------- */
  .advantage-block h3{
    font-size:19px;
    margin-bottom:8px;
  }
  .advantage-block h3:not(:first-child){
    margin-top:28px;
  }
  .advantage-block p{
    font-size:17px;
    color:#2a3230;
  }


 

  /* ---------- FAQ ---------- */
  .faq-item{
    border-bottom:1px solid var(--line);
  }
  .faq-q{
    width:100%;
    background:none;
    border:none;
    text-align:left;
    padding:20px 4px;
    font-family:'Space Grotesk', sans-serif;
    font-size:16px;
    font-weight:600;
    display:flex; justify-content:space-between; align-items:center;
    cursor:pointer;
    color:var(--ink);
  }
  .faq-q .plus{
    font-family:'JetBrains Mono', monospace;
    color:var(--teal-deep);
    font-size:20px;
    transition:transform 0.2s ease;
  }
  .faq-item.open .plus{ transform:rotate(45deg); }
  .faq-a{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.25s ease;
    font-size:14.5px;
    color:var(--muted);
  }
  .faq-a-inner{ padding:0 4px 20px; max-width:680px; }
  .faq-item.open .faq-a{ max-height:220px; }