/* Industrial IoT Solutions page (services/iot/industrial-iot-solutions.php) */
.ih-title{font-weight:800;font-size:36px;line-height:44px;letter-spacing:-1px;color:#0a1633;margin:0 0 18px}
.ih-text{font-weight:400;font-size:16px;line-height:28px;color:#4a5568;margin:0 0 16px}
.ih-text strong{color:#0a1633;font-weight:700}
.ih-text.ih-bold{font-weight:600;color:#0a1633}
.ih-text a,.ih-note a,.ih-card-text a,.ih-link{color:#1c63ff;font-weight:600;text-decoration:none}
.ih-text a:hover,.ih-note a:hover,.ih-card-text a:hover,.ih-link:hover{text-decoration:underline}
section.ih-section,section.ih-how,section.ih-apps,section.ih-benefits,section.ih-why,section.ih-faq{padding:90px 0}
section.ih-section.alt{background:#edf3ff}
.ih-note{background:#f4f7ff;border-radius:14px;padding:22px;font-size:15px;line-height:25px;color:#4a5568;margin:0}

/* Banner */
section.ih-banner{position:relative;background:#e1efff;padding:45px 0 70px;overflow:hidden}
.ih-banner .container{position:relative}
.ih-banner nav.rank-math-breadcrumb{margin-bottom:34px}
.ih-banner nav.rank-math-breadcrumb a,.ih-banner nav.rank-math-breadcrumb span{color:#4a5568;font-weight:500;font-size:12px;letter-spacing:1px;text-transform:uppercase}
.ih-banner nav.rank-math-breadcrumb .last{color:#1c63ff;font-weight:700}
.ih-banner span.separator{border-color:#4a5568}
.ih-banner .content{max-width:690px;text-align:left;position:relative;z-index:1}
.ih-banner h1{font-weight:800;font-size:44px;line-height:54px;letter-spacing:-1.5px;color:#0a1633;text-align:left;margin:0 0 22px}
.ih-banner .content p{font-size:16px;line-height:27px;color:#3d4a60;text-align:left;margin:0 0 20px}
.ih-banner .content p.bold{font-weight:500;color:#0a1633;max-width:640px}
.ih-banner .content p.connect{font-weight:600;font-size:13px;line-height:20px;color:#5b6577;margin:34px 0 8px}
.ih-banner .content p.last-p{margin:36px 0 0}
.ih-banner-img{position:absolute;top:-13px;right:-116px;width:682px;z-index:0}
.ih-banner-img img{display:block;width:100%;height:auto}
.ih-connect{display:flex;list-style:none;margin:0;padding:0}
.ih-connect li{padding:0 26px;border-left:1px solid #c9d8ee;font-weight:600;font-size:14px;line-height:20px;color:#0a1633}
.ih-connect li:first-child{padding-left:0;border-left:0}
.ih-connect img{display:block;width:32px;height:32px;margin-bottom:11px}

/* How it works */
.ih-how-wrap{border-top:1px solid #e8edf6;padding:44px 0 0}
.ih-how-intro{max-width:850px}
.ih-steps-lead{font-weight:600;font-size:14px;line-height:22px;color:#0a1633;margin:34px 0 18px}
.ih-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;list-style:none;margin:0 0 38px;padding:0}
.ih-step-top{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.ih-step-num{flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:#e5edff;color:#1c63ff;font-weight:700;font-size:15px;line-height:52px;text-align:center}
.ih-step:last-child .ih-step-num{background:#1c63ff;color:#fff}
.ih-step-line{flex:1;height:1px;background:#d3e0f6;position:relative}
.ih-step-line::after{content:"";position:absolute;right:-2px;top:-5px;width:11px;height:11px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%231c63ff' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h8M6.5 2.5L10 6 6.5 9.5'/%3E%3C/svg%3E") center/11px no-repeat}
.ih-step:last-child .ih-step-line{display:none}
.ih-step p{font-weight:600;font-size:15px;line-height:24px;color:#0a1633;margin:0;max-width:260px}

/* Services */
.ih-svc-intro{max-width:760px}
.ih-svc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:32px}
.ih-svc-card{background:#fff;border-radius:14px;padding:24px 20px;min-height:324px;box-sizing:border-box}
.ih-svc-card img{display:block;width:48px;height:48px;margin-bottom:22px}
.ih-svc-card h3{font-weight:700;font-size:16px;line-height:22px;color:#0a1633;margin:0 0 12px}
.ih-svc-card p{font-size:14px;line-height:22.5px;color:#5b6577;margin:0}

/* Applications */
.ih-apps-head{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-bottom:40px}
.ih-apps-head .txt{flex:0 0 46%;max-width:540px}
.ih-apps-head .img{flex:0 0 48%;max-width:552px}
.ih-apps-head img{display:block;width:100%;height:auto;border-radius:14px}
.ih-apps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ih-app-card{border:1px solid #e6ebf5;border-radius:14px;padding:24px;box-sizing:border-box}
.ih-app-card img{display:block;width:40px;height:40px;margin-bottom:22px}
.ih-app-card h3{font-weight:700;font-size:17px;line-height:22px;color:#0a1633;margin:0 0 12px}
.ih-card-text{font-size:14px;line-height:23px;color:#5b6577;margin:0}

/* Benefits */
.ih-benefits .container{max-width:1160px}
.ih-ben-row{display:flex;align-items:center;justify-content:space-between;gap:60px}
.ih-ben-img{flex:0 0 485px;margin-left:14px}
.ih-ben-img img{display:block;width:485px;max-width:100%;height:auto;border-radius:12px}
.ih-ben-body{flex:0 0 548px;max-width:548px}
.ih-ben-body .ih-title{margin-bottom:14px}
.ih-ben-body .ih-text{margin-bottom:22px}
.ih-ben-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:26px}
.ih-ben-card{background:#fff;border-radius:10px;padding:20px 20px 16px;min-height:121px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;font-weight:700;font-size:15px;line-height:22px;color:#0a1633}
.ih-ben-card img{display:block;width:52px;height:52px;box-shadow:0 6px 18px -6px rgba(26,92,255,.35);border-radius:156px}
.ih-ben-note{font-size:13.5px;line-height:23px;color:#5b6577;margin:0;max-width:480px}

/* Why choose */
.ih-why-row{display:flex;align-items:center;justify-content:space-between;gap:50px}
.ih-why-left{flex:0 0 52%;max-width:600px}
.ih-why-left .ih-title{margin-bottom:12px}
.ih-why-left .ih-text{margin-bottom:16px}
.ih-why-left .ih-text.ih-bold{margin-bottom:22px}
.ih-start{font-weight:700;font-size:14px;line-height:22px;color:#0a1633;margin:0 0 12px}
.ih-check{list-style:none;margin:0 0 14px;padding:0}
.ih-check li{display:flex;align-items:center;gap:12px;font-weight:400;font-size:15px;line-height:22px;color:#0a1633;margin-bottom:12px}
.ih-check li::before{content:"";flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#1c63ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 12.5l3.5 3.5 7.5-8'/%3E%3C/svg%3E") center/13px no-repeat}
.ih-why-left .ih-link{display:block;font-size:15px;line-height:22px}
.ih-why-card{flex:1;background:#edf3ff;border:1px solid #d7e3fa;border-radius:16px;padding:36px;margin-right:-24px}
.ih-why-card img{display:block;width:52px;height:52px;margin-bottom:22px}
.ih-why-card h3{font-weight:800;font-size:24px;line-height:32px;letter-spacing:-.4px;color:#0a1633;margin:0 0 14px}
.ih-why-card p{font-size:16px;line-height:25px;color:#4a5568;margin:0 0 20px}
.ih-why-card>a{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border-radius:8px;background:#1c63ff;color:#fff;font-weight:600;font-size:15px;text-decoration:none;transition:all .3s}
.ih-why-card>a:hover{background:#0f4fd6}
.ih-why-card h3 a{color:#1c63ff;text-decoration:none}
.ih-why-card h3 a:hover{text-decoration:underline}

/* FAQ */
section.ih-faq{background:linear-gradient(180deg,#f4f7ff 0%,#edf1ff 100%)}
.ih-faq .commen-title-heading{text-align:left}
.ih-faq h2{font-weight:800;font-size:36px;line-height:44px;letter-spacing:-1px;color:#0a1633}

@media (max-width:1199px){
    .ih-svc-grid{grid-template-columns:repeat(3,1fr)}
    .ih-apps-grid{grid-template-columns:repeat(2,1fr)}
    .ih-banner h1{font-size:42px;line-height:48px}
    .ih-why-card{margin-right:0}
    .ih-ben-row{gap:40px}
    .ih-ben-body{flex:1;max-width:none}
}
@media (max-width:991px){
    section.ih-section,section.ih-how,section.ih-apps,section.ih-benefits,section.ih-why,section.ih-faq{padding:70px 0}
    .ih-banner-img{position:static;width:100%;max-width:682px;margin-top:30px}
    .ih-banner{padding-bottom:50px}
    .ih-apps-head,.ih-ben-row,.ih-why-row{flex-direction:column;align-items:flex-start;gap:30px}
    .ih-apps-head .txt,.ih-apps-head .img,.ih-ben-img,.ih-ben-body,.ih-why-left{flex:none;max-width:100%;width:100%}
    .ih-ben-img{margin-left:0}
    .ih-steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
    section.ih-section,section.ih-how,section.ih-apps,section.ih-benefits,section.ih-why,section.ih-faq{padding:50px 0}
    .ih-title,.ih-faq h2{font-size:26px;line-height:34px}
    .ih-banner h1{font-size:30px;line-height:40px;margin-bottom:24px}
    .ih-connect{flex-wrap:wrap;gap:16px 0}
    .ih-svc-grid,.ih-apps-grid,.ih-steps,.ih-ben-grid{grid-template-columns:1fr}
    .ih-svc-card{min-height:0}
    .ih-step-line{display:none}
    .ih-why-card{padding:26px 20px}
}
