.connect-utilities-container{padding:10px}.page-container.connect-utilities-container .intro-text{max-width:1150px;margin-bottom:20px}.page-container.connect-utilities-container.wider .intro-text{max-width:1400px}.connect-utilities-container .page .inner{max-width:1170px}.connect-utilities-container.wider .page .inner{max-width:1400px}.connect-utilities-container .page .inner>div{padding-top:20px}.connect-utilities-container .card.header h2{color:#000}.connect-utilities-container>h1{padding:10px 10px 20px}.connect-utilities .card{box-shadow:0 0 0 0 #131a1f1f,0 2px 4px 0 #131a1f1f;text-align:center;display:inline-block;vertical-align:middle;align-items:center;height:100%;width:100%;border-radius:10px;box-shadow:0 2px 4px 0 #ababab;box-shadow:0 1px 2px 0 #ababab;padding:20px 10px 60px}.connect-utilities .card .logo-container{position:relative;left:0;right:0;margin:auto;height:100px}.connect-utilities .card .logo-container .spacer{width:0;height:60px;display:inline-block}.connect-utilities .card .logo-container.provided-by-property{font-family:Open Sans,sans-serif!important;color:#337eff;font-style:normal;margin-top:-10px;margin-bottom:30px}.connect-utilities .card .logo-container.provided-by-property .MuiSvgIcon-root{position:absolute;left:0;right:0;margin:auto;font-size:120px;opacity:.075;color:#000}.connect-utilities .card .logo-container.provided-by-property img{position:absolute;left:0;right:0;top:20px;bottom:0;max-width:100%;max-height:100%;margin:auto;opacity:.075}.connect-utilities .card img{max-width:80%;max-height:80%;display:inline-block;vertical-align:middle}.connect-utilities .card h2{font-size:18px;font-weight:600;display:block;width:100%}.connect-utilities .card .logo-list img{width:50%;height:auto;padding:20px}.connect-utilities .badge.required{background:#f36;width:70px}.connect-utilities .badge.not-required,.connect-utilities .badge.required{visibility:visible;display:block;position:relative;left:0;right:0;color:#fff;border-radius:10px;text-transform:none;height:22px;margin:-30px auto 10px}.connect-utilities .badge.not-required{background:#01c364;width:130px}.connect-utilities .card .provider-description{text-align:center;position:relative;left:0;right:0;border-radius:5px;height:220px;margin:10px auto}.connect-utilities .card .text{padding-left:20px;padding-right:20px}.connect-utilities .card .text h3{color:#000;margin:0;font-size:16px;text-transform:uppercase;padding:20px 20px 10px;font-weight:400}.connect-utilities .card.required .text h3{color:#f36}.connect-utilities .card .text p{margin:0;padding:0 10px 10px}.connect-utilities .card .icon-list{margin-top:30px;padding-top:0;border-top:1px solid #e4eaf4;margin-bottom:20px;width:100%;height:60px}.connect-utilities .card .icon-list .icon{display:inline-block;vertical-align:top;position:relative;height:90px;padding:5px;margin-left:5px;margin-right:5px}.connect-utilities .card .icon-list .option-group{position:relative;display:inline-block;height:100px;padding-top:10px;padding-left:10px;margin:0;vertical-align:top}.connect-utilities .card .icon-list .option-group:first-child{border:none}.connect-utilities .card .icon-list .option-group h5{font-size:9px;white-space:nowrap}.connect-utilities .card .icon-list .icon .MuiSvgIcon-root{font-size:50px;color:#666}.connect-utilities .card .icon-list .icon.calendar .MuiSvgIcon-root{font-size:53px;margin-top:5px;color:#666}.connect-utilities .card .icon-list .icon .label{font-size:12px;margin-top:-8px;font-weight:700;color:#666}.connect-utilities .card .icon-list .icon.based-on-county .MuiSvgIcon-root{padding-bottom:5px}.connect-utilities .card .icon-list .icon .inner-label{font-size:9px;position:absolute;margin-top:-34px;width:50px;margin-left:2px;text-align:center;line-height:14px;color:#666}.connect-utilities .card .icon-list .icon .inner-label:first-line{font-size:16px;font-weight:700}.connect-utilities .card .icon-list .icon .inner-label.small,.connect-utilities .card .icon-list .icon .inner-label.small:first-line{font-size:12px;margin-top:-28px;margin-left:1px}.connect-utilities .card .MuiButton-label{text-transform:uppercase}.connect-utilities .card .smaller-buttons{padding-bottom:10px;margin-top:10px}.connect-utilities .card .MuiButton-root{margin-bottom:10px}.connect-utilities .card .provider-description .MuiButton-root{margin:10px -20px -20px}.connect-utilities .card .provider-description .MuiButton-root.proof-of-service{margin-bottom:-99px;width:100%;max-width:none}.dashboard-spa .connect-utilities .card .provider-description .MuiButton-root.proof-of-service{margin-bottom:-40px}.connect-utilities .card .provider-description .MuiButton-root.proof-of-service.taller{margin-bottom:-80px}.connect-utilities .card .smaller-buttons .MuiButton-root{margin-right:5px;margin-left:5px;margin-bottom:0;text-align:left}.connect-utilities .card .smaller-buttons .MuiButton-label{font-size:12px;text-decoration:underline;text-transform:none}.connect-utilities .card .smaller-buttons .MuiButton-label .MuiSvgIcon-root{font-size:14px;margin-left:10px}.connect-utilities .card.friends-and-family h2{color:#222;font-size:20px;border-bottom:1px solid #e4eaf4;width:100%;padding-bottom:20px}.connect-utilities .secondary-buttons{height:50px}.connect-utilities .outlined-button,.connect-utilities .solid-button{width:100%}.connect-utilities .required .outlined-button,.connect-utilities .required .solid-button{visibility:visible;display:block;width:100%}.connect-utilities .card .badge.resident-onboarding-badge{display:block;left:0;right:0;margin:-30px auto 10px}@media (max-width:768px){.connect-utilities-container .card h2 img{float:left}.connect-utilities .card .provider-description{height:auto}.connect-utilities-container .card.card.header h2{text-align:left}.connect-utilities-container{padding:10px}.connect-utilities .card{box-shadow:0 0 0 0 #131a1f1f,0 2px 4px 0 #131a1f1f;text-align:center;display:flex;vertical-align:middle;align-items:center;height:100%;padding:20px 5px 5px;border-radius:10px;box-shadow:0 2px 4px 0 #ababab}.connect-utilities .MuiGrid-item{margin-top:10px}.connect-utilities .card img{width:100%}}