/*! autoprefixer: on */.flood-case{color:#666;font-size:1.125rem;line-height:1.6875rem}.flood-case p{margin:0}.flood-case h2{margin:0 0 2.5rem;color:#333;font-size:3rem;font-weight:500;line-height:3.75rem}.flood-case h3{margin:0 0 1.5rem;font-size:1.5rem;font-weight:500;line-height:2.125rem}.flood-case img{display:block;max-width:100%}.flood-case .tabs-and-crumbs{margin-top:6.75rem}.flood-case .flood-wrap{width:98.75rem;max-width:calc(100% - 5rem);margin:0 auto}.flood-case .flood-section{padding:6.25rem 0;scroll-margin-top:9.375rem}.flood-case .flood-hero{position:relative;height:37.5rem}.flood-case .flood-hero__background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%}.flood-case .flood-hero__copy{position:relative;width:71.875rem;padding-top:8.4375rem;color:#fff}.flood-case .flood-hero__copy:before{position:absolute;z-index:0;top:5.125rem;right:0;bottom:-1.5rem;left:calc((98.75rem - 100vw) / 2);border:.0625rem solid hsla(0,0%,100%,.4);border-radius:0 .5rem .5rem 0;background:rgba(35,42,66,.4);backdrop-filter:blur(.9375rem);content:""}.flood-case .flood-hero__copy h1,.flood-case .flood-hero__copy p,.flood-case .flood-hero__copy span{position:relative}.flood-case .flood-hero__copy h1{width:66.375rem;margin:0;font-size:3rem;font-weight:600;line-height:3.75rem}.flood-case .flood-hero__copy p{width:60.6875rem;margin-top:1.5rem;font-size:1.375rem;line-height:1.875rem}.flood-case .flood-hero__location{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;border-radius:.5rem;background:#0d58c9;font-size:1rem;line-height:2rem}.flood-case .flood-hero__location img{width:2rem;height:2rem;filter:brightness(0) invert(1)}.flood-case .flood-overview{position:absolute;z-index:2;top:32.375rem;display:grid;grid-template-columns:15.1875rem 17.8125rem 17.8125rem 1fr 12.5rem;align-items:center;width:98.75rem;max-width:calc(100% - 5rem);min-height:9.375rem;padding:1.5rem 1.875rem;border-radius:.5rem;background:hsla(0,0%,100%,.9);box-shadow:0 .375rem .6875rem rgba(0,17,36,.12);backdrop-filter:blur(1.5625rem)}.flood-case .flood-overview__item{align-self:stretch;padding:0 1.875rem;border-right:.0625rem solid #ccc}.flood-case .flood-overview__item:first-child{padding-left:0}.flood-case .flood-overview__item:nth-child(4){border:0;padding-right:1rem}.flood-case .flood-overview__item>span{display:block;margin-bottom:.75rem;color:#888;font-size:1.125rem;line-height:1.125rem}.flood-case .flood-overview__item p{font-size:1.25rem;line-height:1.6875rem}.flood-case .flood-overview__item:nth-child(4) p{font-size:1.0625rem;line-height:1.625rem}.flood-case .flood-download{position:relative;display:inline-flex;column-gap:.5rem;padding:0 1.5rem;height:2.75rem;background-color:#0d58c9;border-radius:.5rem;z-index:1;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.75rem;width:12.5rem;height:3.75rem;padding:.5rem .875rem;border:0;border-radius:8px;font-size:1.125rem;line-height:1.25rem}.flood-case .flood-download span{font-size:1.125rem;color:#fff}.flood-case .flood-download svg{font-size:.625rem;color:#fff;transform:rotate(90deg) scale(2);transition:all .3s ease}.flood-case .flood-download:after{content:"";position:absolute;z-index:-1;transition:width .3s,opacity .3s;width:0;height:33.125rem;top:50%;left:50%;opacity:0;background:#083a85;transform:translate3d(-50%,-50%,0) rotate(10deg);backface-visibility:hidden}.flood-case .flood-download:hover{background-color:#083a85;transition:all .01s ease .25s}.flood-case .flood-download:hover span,.flood-case .flood-download:hover svg{color:#fff}.flood-case .flood-download:hover:after{width:110%;opacity:1}.flood-case .flood-download>span{display:block;line-height:1.25rem;text-align:left;white-space:nowrap}.flood-case .flood-download:disabled{cursor:default;opacity:1}.flood-case .flood-download img{width:2rem;height:2rem;filter:brightness(0) invert(1)}.flood-case .flood-background{padding-bottom:6.375rem}.flood-case .flood-background h2{line-height:3rem;margin-bottom:2.9375rem}.flood-case .flood-background__layout{position:relative;min-height:18.9375rem}.flood-case .flood-background__layout:before{position:absolute;z-index:0;top:.6875rem;left:-1.25rem;width:67.4375rem;height:18.25rem;border-radius:.5rem;background:#f5f6f8;content:""}.flood-case .flood-background__image{position:absolute;z-index:1;top:-3.5625rem;right:0;width:37.5rem;height:22.5rem;overflow:hidden;border-radius:.5rem;box-shadow:0 0 .5rem rgba(0,0,0,.15)}.flood-case .flood-background__image img{position:absolute;top:-.625rem;left:0;width:49.5rem;max-width:none;height:27.875rem;object-fit:cover}.flood-case .flood-background__copy{position:relative;z-index:2;width:66.1875rem;min-height:17.5625rem;padding:2.5625rem 4.9375rem 2.4375rem 1.875rem;border-radius:.5rem;background:hsla(0,0%,100%,.9);box-shadow:0 .125rem 1.25rem rgba(7,23,47,.14)}.flood-case .flood-background__copy p+p{margin-top:.9375rem}.flood-case .flood-challenges{min-height:45.75rem;background:#f0f1f4}.flood-case .flood-challenges h2{text-align:center;font-weight:600}.flood-case .flood-challenges__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.flood-case .flood-challenges__card{min-height:25.25rem;text-align:center;padding:2.5rem 1.5rem;border-radius:.5rem;background:#fff;box-shadow:.25rem .25rem .5rem rgba(7,23,47,.08)}.flood-case .flood-challenges__card img{width:5rem;height:5rem;margin:0 auto 1.75rem}.flood-case .flood-challenges__card h3{margin-bottom:1.875rem;color:#333}.flood-case .flood-challenges__card p{width:25.5625rem;max-width:100%;margin:0 auto}.flood-case .flood-challenges__card:nth-child(2) p{width:25rem}.flood-case .flood-challenges__card:nth-child(3) p{width:21.9375rem}.flood-case .flood-challenges__card:nth-child(3) img{transform:scale(1.025)}.flood-case .flood-solution h2{text-align:center}.flood-case .flood-solution a{color:#0d58c9}.flood-case .flood-solution__intro{padding:1.875rem;border-radius:.5rem;background:#f5f6f8}.flood-case .flood-solution__photos{display:grid;grid-template-columns:254fr 254fr 254fr 412fr 254fr;gap:1.4375rem;margin:1.625rem 0 1.375rem}.flood-case .flood-solution__photos img{width:100%;height:17.875rem;object-fit:cover;border-radius:.5rem}.flood-case .flood-solution__details{display:grid;grid-template-columns:736fr 812fr;gap:2rem;margin-top:1.6875rem}.flood-case .flood-solution__rain{display:grid;grid-template-columns:1fr 18.875rem;gap:2.1875rem;padding:2.4375rem 2.375rem 2.375rem 2.625rem;border-radius:.5rem;background:#f5f6f8}.flood-case .flood-solution__rain>img{width:18.875rem;height:24.3125rem;object-fit:cover;border-radius:.5rem}.flood-case .flood-solution__devices{display:flex;justify-content:flex-start;gap:1.25rem;margin-top:1.75rem}.flood-case .flood-solution__devices a{display:flex;flex-direction:column;align-items:center;width:8.4375rem}.flood-case .flood-solution__devices img{width:8.4375rem;height:8.4375rem;padding:1.375rem;border:.0625rem solid #fff;border-radius:50%;background:#e4e4e4;object-fit:contain}.flood-case .flood-solution__devices span{display:block;width:7.5625rem;margin-top:-1.1875rem;position:relative;padding:.3125rem .5rem;border-radius:1.25rem;background:#0d58c9;color:#fff;text-align:center}.flood-case .flood-solution__network{display:flex;flex-direction:column;gap:1.5625rem}.flood-case .flood-solution__gateway{display:grid;grid-template-columns:1fr 17.75rem;align-items:center;gap:1.875rem;padding:2.25rem 1.875rem 2.1875rem 2.3125rem;border-radius:.5rem;background:#f5f6f8}.flood-case .flood-solution__gateway img{width:17.75rem;height:13.875rem;object-fit:cover;border-radius:.5rem}.flood-case .flood-solution__dashboard{flex:1;padding:2rem 2.875rem;border-radius:.5rem;background:#f5f6f8}.flood-case .flood-solution__architecture{width:100%;height:auto;margin-top:3.75rem}.flood-case .flood-results{background:#0d2d70 url(/static/pc/en/iot/success-stories/iot-lorawan-urban-flood-monitoring-pakistan/results-background.png?t=1790750265789) 50%/cover;color:#fff}.flood-case .flood-results h2{color:#fff;text-align:center}.flood-case .flood-results__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5625rem}.flood-case .flood-results__grid article{padding:2.5rem 2.8125rem}.flood-case .flood-results__grid article,.flood-case .flood-results__quote{border:.0625rem solid hsla(0,0%,100%,.5);border-radius:.5rem;background:rgba(8,53,121,.5)}.flood-case .flood-results__quote{position:relative;min-height:15.875rem;margin:1.5rem 0 0;padding:5.375rem 5.625rem 3.4375rem 7.875rem}.flood-case .flood-results__quote:after{right:2.8125rem;bottom:2.25rem;background:url(/static/pc/en/iot/success-stories/iot-lorawan-urban-flood-monitoring-pakistan/quote-close.svg?t=1790750265789) 50%/contain no-repeat;transform:rotate(180deg)}.flood-case .flood-results__quote:after,.flood-case .flood-results__quote:before{position:absolute;width:2rem;height:2rem;filter:brightness(0) invert(1);content:""}.flood-case .flood-results__quote:before{top:2.9375rem;left:2.8125rem;background:url(/static/pc/en/iot/success-stories/iot-lorawan-urban-flood-monitoring-pakistan/quote-open.svg?t=1790750265789) 50%/contain no-repeat}.flood-case .flood-results__quote h3{margin-bottom:.875rem}.flood-case .flood-results__quote cite{display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;margin-top:1.5rem;margin-right:2.1875rem;font-style:normal;text-align:right}.flood-case .flood-results__quote cite:before{width:6.125rem;height:.0625rem;background:currentcolor;content:""}.flood-case .flood-products{min-height:43.75rem;background:#f5f6f8 url(/static/pc/en/iot/success-stories/iot-lorawan-urban-flood-monitoring-pakistan/product-background.png?t=1790750265789) 50%/cover}.flood-case .flood-products h2{text-align:center;line-height:3rem;margin-bottom:4.125rem}.flood-case .flood-products__grid{display:grid;grid-template-columns:repeat(3,23.125rem);justify-content:center;gap:3.75rem;transform:translateX(-1.125rem)}.flood-case .flood-products__card{min-height:25rem;padding:1.0625rem 1.25rem 1.875rem;border-radius:.5rem;color:#333;text-align:center;transition:background .2s,box-shadow .2s}.flood-case .flood-products__card:first-child img{width:7.3125rem;margin-bottom:2.6875rem}.flood-case .flood-products__card:nth-child(2) img{width:7.4375rem;margin-bottom:1.875rem}.flood-case .flood-products__card:nth-child(3) img{width:9.25rem}.flood-case .flood-products__card:focus-visible,.flood-case .flood-products__card:hover{background:hsla(0,0%,100%,.5);box-shadow:0 .3125rem 1.25rem rgba(0,0,0,.1)}.flood-case .flood-products__card p{font-size:1.375rem;line-height:2.125rem;font-weight:500}.flood-case .flood-products__image{display:flex;justify-content:center;height:16rem;margin-bottom:.5625rem;align-items:flex-end}.flood-case .flood-products__image img{width:auto;height:auto;max-height:16rem}.flood-case .flood-why{padding-top:7.5rem;padding-bottom:2.5rem}.flood-case .flood-why__layout{display:grid;grid-template-columns:34.6875rem 1fr;gap:2.1875rem}.flood-case .flood-why__brand{padding-right:2.25rem;border-right:.0625rem solid #ccc}.flood-case .flood-why__brand h2{font-size:3rem;line-height:3rem;margin:-.25rem 0 3.875rem;white-space:nowrap}.flood-case .flood-why__brand img{width:32.375rem;height:auto;border-radius:.5rem}.flood-case .flood-why blockquote{position:relative;min-height:26.125rem;margin:0;padding:7.75rem 3.375rem 5.625rem 4.75rem;border-radius:.5rem;background:#f0f1f4}.flood-case .flood-why blockquote:after,.flood-case .flood-why blockquote:before{position:absolute;width:2.8125rem;height:2.8125rem;background-size:contain;background-repeat:no-repeat;content:""}.flood-case .flood-why blockquote:before{top:2.625rem;left:3.4375rem;background-image:url(/static/pc/en/iot/success-stories/iot-lorawan-urban-flood-monitoring-pakistan/quote-open.svg?t=1790750265789)}.flood-case .flood-why blockquote:after{right:3.4375rem;bottom:3.125rem;background-image:url(/static/pc/en/iot/success-stories/iot-lorawan-urban-flood-monitoring-pakistan/quote-close.svg?t=1790750265789);transform:rotate(180deg)}.flood-case .flood-why blockquote p+p{margin-top:1.6875rem}.flood-case .flood-partner h2{text-align:center}.flood-case .flood-partner__card{min-height:17.625rem;border-radius:.5rem;background:url(/static/pc/en/iot/success-stories/iot-lorawan-urban-flood-monitoring-pakistan/dynasys-networks-logo.png?t=1790750265789) 50%/100% 100% no-repeat;color:#fff}.flood-case .flood-partner__copy{width:74%;padding:4.0625rem 4.375rem 3.4375rem 5.1875rem}.flood-case .flood-partner__copy h3{margin-bottom:1.25rem}.flood-case .contact-form-btm{position:relative;clear:both}