body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 0; color: #333; }
.ngg-hero { background: linear-gradient(135deg, #001F3F, #005BB5); color: #fff; padding: 60px 20px; text-align: center; box-shadow: 0 4px 20px rgba(0,0,0,0.3); }
.ngg-hero h1 { font-size: clamp(2.5rem, 4vw, 4.5rem); margin: 0; letter-spacing: 1px; }
.ngg-hero p { font-size:clamp(1.5rem, 1.3vw, 1.3rem); margin-top: 15px; max-width: 900px; margin-left: auto; margin-right: auto; line-height: 1.6; }
.ngg-max { max-width:1500px; width:100%; margin:auto; }
.section { padding: 2% 10% 3%; background: #fff; /*border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.05);*/ }
.section h2 { font-size: clamp(1.8em, 2vw, 2.4em); margin-bottom: 20px; color: #111; text-align: center; position: relative; line-height:1.1; font-weight:900; }
.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: #e0edff; 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:#084ba6; }
.inhouse-block { position: relative; }
.spec-list { text-align:left; font-size:clamp(14px, 1vw, 1rem); line-height: 1.5; color: #333; 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:center; align-items:center; margin:2% 0 0; gap:10px; }
.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; }
.cta a:hover, .ngg-shop-all a:hover, .ngg-cta2 a:hover { background: #e77b00; transform: translateY(-2px); }
.cta span, .ngg-cta2 span { color: #fff; font-size: 1.2em; font-weight: bold; }




.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; }
.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:18%; }
.ngg-bubble-price h3 { color:#fff; 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-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; }
.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; }
.ngg-addmt { margin-top:13%;}

@media only screen and ( max-width:1500px ) {
    .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:31%; }
    .ngg-peak { top:-10px; }
    .ngg-bubble { position: relative; top:-2%; left:0; }
    .ngg-icon img { max-width:90px; }
}

@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%; }
}

@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:34%; }
    .use-case { flex:25%; }
}