.main {background-image: url('../img/bg-3.png');background-size:cover;}
.srch-inner {
  display: flex;
  /* gap: 24px; */
  padding: 0 45px 0 0;
  background: #121212;
  border-radius: 20px;
  box-shadow: 0 12px 28px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}

.srch-inner-2 {
  display: flex;
  /* gap: 24px; */
  padding: 0 0 0 45px;
  background: #121212;
  border-radius: 20px;
  box-shadow: 0 12px 28px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}

.srch-inner-2, .is-reversed {flex-direction: row-reverse;}

/* 40 / 60 split */
.srch-media   { flex: 0 0 40%; margin: 0; display: flex; align-items: center; justify-content: center; }
.srch-media img { width: 100%; height: 100%; display:block; border-radius: 12px; object-fit: cover;}

.srch-content { flex: 0 0 60%; color: #e9f0ff; }

/* Headings / text */
.srch-content h2 {
  margin: 30px 0 0px;
  font-size: 28px;
  line-height: 1.2;
  color: #ffffff;
  text-align:left !important;
}

.srch-intro {
  margin: 8px 0 18px;
  color: #dbeafe;
  line-height: 1.5;
  font-size:2rem;
}

/* 3 cards on the bottom-right */
.srch-cards {
  display: flex;
  gap: 16px;
}
.srch-card {
  flex: 1 1 0;                       /* evenly divide space */
  display: flex;
  flex-direction: column;
  gap: 8px;
  background:#172941;
  border-radius: 12px;
  padding: 14px;
  min-width: 0;                      /* prevents overflow in flex */
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
  margin:10px 0 45px 0;
}
.srch-card h3 {
  margin: 0;
  font-size: 2rem;
  line-height: 1.35;
  color: #ffffff;
}
.srch-specs {
  margin: 0;
  font-size: 1.5rem;
  color: #c3d4ff;
}
.srch-desc {
  margin: 0 0 10px;
  font-size: 12px;
  color: #cbd5e1;
}

/* Original LP code*/

body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 0;}
.ngg-hero { background: linear-gradient(135deg, #001F3F, #005BB5); color: #fff; padding: 60px 200px; text-align: left; box-shadow: 0 4px 20px rgba(0,0,0,0.3); display:flex;justify-content: center;}
.ngg-hero h1 { font-size: clamp(2.5rem, 4vw, 4.5rem); margin: 0; letter-spacing: 1px; margin-left: 1%;font-weight: bold;}
.ngg-hero p { font-size:clamp(1.5rem, 1.3vw, 1.3rem); margin-top: 15px; max-width: 900px; margin-left: 1%; margin-right: auto; line-height: 1.6; }
.ngg-hero-adjust {max-height:220px;flex:unset !important; display:block !important; align-items: unset !important;justify-content: unset !important;} 
.ngg-header-container{max-width:1300px;}
.ngg-max { max-width:1500px; margin:auto; }
.section { padding: 2% 10% 0; }
.section h2 { font-size: clamp(1.8em, 2vw, 2em); margin-bottom: 20px; text-align: center; position: relative; line-height:1.4; font-weight:900; color:#FFF;}
.price { font-size: 1.4em; color: #FF4136; font-weight: bold; margin-bottom: 20px; text-align: center; }
.inhouse-columns, .products.partner { display: grid; grid-template-columns: repeat(3, 1fr); gap:40px 20px; margin-top:6%; }
.inhouse-block, .product { background: #121212; padding: 20px; border: 0px solid #ddd; border-radius:15px; text-align: center; box-shadow: 0 2px 10px rgba(0,0,0,0.05); transition: transform 0.2s; }
.inhouse-block:hover, .product:hover { transform: translateY(-5px); box-shadow: 0 6px 15px rgba(0,0,0,0.1); }
.inhouse-block img, .product img { width:100%; border-radius:8px; max-height:200px; object-fit:contain; margin-bottom:15px; }
.inhouse-block h3, .product h3 { margin-bottom: 10px; font-size: clamp(1.6rem, 2vw, 2rem); color:#0073e6; line-height:1.5; }
.inhouse-block a { text-decoration:none; color:#FFF; border-bottom:none !important;}
.inhouse-block { position: relative; }
.spec-list { text-align:left; font-size:clamp(14px, 1vw, 1rem); line-height: 1.5; color: #FFF; list-style:disc; padding-left:5%; }
.use-cases { display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; margin-top: 30px; }
.use-case { position:relative; flex:21%; background: #EEF5FF; background: linear-gradient(90deg, rgba(238, 245, 255, 1) 0%, rgba(244, 249, 255, 1) 100%); padding: 20px; border-radius: 10px; text-align: left; overflow:hidden; /*box-shadow: 0 2px 6px rgba(0,0,0,0.05);*/ }
.use-case p { font-size:14px; max-width:350px; }
.use-case h4 { margin-bottom: 15px; color: #212121; font-size: 20px; }

.ngg-cta2 { display:flex; justify-content:left; align-items:center; margin:2% 0 0; gap:10px;margin-left: 1%; border-bottom:none;}
.cta, .ngg-shop-all { text-align: center; margin-top: 30px; }
.cta a, .ngg-cta2 a { background: #fa9d28; color: #212121; text-decoration: none; padding: 5px 28px 8px; font-size:clamp(1.5rem, 1.5vw, 1.5rem); font-weight:bold; border-radius:30px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); transition: background 0.3s, transform 0.2s; border-bottom:none;}
.cta a:hover, .ngg-shop-all a:hover, .ngg-cta2 a:hover, .ngg-cta a:hover { background: #e77b00; }
.cta span, .ngg-cta2 span { color: #fff; font-size: 1.2em; font-weight: bold; }
.ngg-shop-all { margin-top:3%; }

.ngg-shop-all a { background: #fa9d28; color: #212121; text-decoration: none; padding: 8px 7% 10px; font-size:clamp(1.5rem, 2vw, 1.5rem); font-weight:bold; border-radius:30px; transition: background 0.3s, transform 0.2s; border-bottom:none !important;}
.ngg-bg { background:url('../img/header_bg.jpg') no-repeat top center #000; background-size:cover; }
.ngg-bg2 { background:url('../img/list_bg.png') no-repeat top center; background-size:cover; }
.ngg-whtbg { background-color:#fff; }
.ngg-item-btn { font-size:1rem; }
.ngg-item-btn a { border-radius:35px; padding:10px 0; width:100%; letter-spacing:0; }
.ngg-bubble { position:absolute; top:9%; left:55%; }  
.ngg-bubble-price { position:absolute; top:18%; left:15%; }
.ngg-bubble-price h3 { color:#000; line-height:1; }
.ngg-bubble-price sup { font-weight:400; }
.ngg-price { font-size:clamp(2.5rem, 3vw, 3rem); font-weight:bold; }
.ngg-bubble img { max-width:200px; }
.ngg-item-feature { padding:5px 5%; }
.ngg-item-img { margin-top:-20%; margin-left:-27%; }
.ngg-item-img a{ border-bottom:none;}
.ngg-item-img a:hover{ border-bottom:none;}
.ngg-item-right { float:right; }
.ngg-item-desc h3 { text-align:left; min-height:3em; }
.ngg-cta { text-align:left; margin: 30px auto 10px 0; }
.ngg-cta a { background: #fa9d28; color: #212121; text-decoration: none; padding: 5px 28px 8px; font-size:14px; font-weight:bold; border-radius:30px;border-bottom: none; }
.ngg-min1 { min-height:10em; }
.ngg-min2 { min-height:10em; }
.ngg-bg-icon1 { background:url('../img/item_icon_1.png') no-repeat bottom center; background-size:cover; }
.ngg-bg-icon2 { background:url('../img/item_icon_2.png') no-repeat bottom center; background-size:cover; }
.ngg-icon { position:absolute; right:-4%; bottom:-15%; z-index:3; }
.ngg-icon img { max-width:120px; width:100%; }
.ngg-peak { position:relative; top:-40px; }
.disclaimer { padding:2% 0 0; color:#FFF !important; margin:2.5em 10% 0em 10% !important; padding: 0 0 2% 0;}
.ngg-addmt { margin-top:13%;}
ul.productList li.space, 
ul.productList li.shipping {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;}

.finalPrice {
  font-size: 1em !important;
}

@media only screen and ( max-width:1350px ) {
    .ngg-item-img { margin-top:-10%; margin-left:0; }
    .ngg-item-right { float:none; }
    .ngg-bg-icon1, .ngg-bg-icon2 { background-size:100% }
    .inhouse-block, .product { padding:0; }
    .ngg-item-desc { padding:0px 20px 20px; }
    .ngg-bubble-price { left:25%; }
    .ngg-peak { top:-10px; }
    .ngg-bubble { position: relative; top:-2%; left:0; }
    .ngg-icon img { max-width:90px; }
    .srch-inner,.srch-inner-2 { flex-direction: column;padding: 0 30px 30px 30px; }
  .srch-media, .srch-content { flex: 1 1 100%; }
  .srch-media img {max-height: 420px;}
  .ngg-hero {padding: 60px 130px;}
}

@media only screen and ( max-width:950px ) {
  .ngg-hero {padding: 60px 30px;}
}

@media only screen and ( max-width:768px ) {
    .inhouse-columns, .products.partner { grid-template-columns: repeat(2, 1fr); }
    .ngg-cta { margin-bottom:13%; }
    .ngg-min2 { min-height:auto; }
    .ngg-bubble-price h3 { line-height:1.13; }
    .ngg-shop-all a { padding:8px 17% 10px; }
    .ngg-cta2 { flex-direction:column; margin:6% auto 0; gap:0px; }
    .ngg-or { margin-top:3.5%; }
    .srch-cards { flex-direction: column; }
    .srch-card {margin:0 auto;}
    .srch-card h3 {font-size: 2.4rem;}
    .srch-specs {font-size:2rem;}
    .ngg-hero {flex-direction: column;text-align: center;}
    .ngg-hero-adjust{padding: 0 29%;}
}

@media only screen and ( max-width:600px ) {
    .inhouse-columns, .products.partner { grid-template-columns: 1fr; }
    .spec-list { padding-left:8%; }
    .section { padding:5%; }
    .use-cases { gap:10px; }
    .ngg-item-desc { padding-bottom:0; }
    .ngg-min1 { min-height:auto; }
    .ngg-hero { padding:40px 10px; }
    .ngg-bubble-price { left:37%; }
    .use-case { flex:25%; }
}