@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;color:#405980;background-color:#202123}section{padding:2.5rem 1.5rem}.layout{max-width:450px;margin:0 auto;background-color:#fff}.name{color:#06d4a3;font-weight:500}.title{font-size:20px;font-weight:600;line-height:26px;margin-bottom:9px}.paragraph{font-size:13px;font-weight:400;line-height:18px}.blue-dark{color:#405980}.white{color:#fff}.header{padding:3rem 1.5rem 1.5rem}.header h1{color:#10b48c;font-size:18px;font-weight:700}.header h2{color:#1253b7;font-size:28px;line-height:32px;font-weight:400;margin-bottom:5.9px}.header p{color:#405980;font-size:13px}.access{border-radius:20px 20px 0 0;background:#1253B7;color:#fff;position:relative;padding-bottom:6rem}.access span{color:#06d4a3}.access h2{font-size:20px;font-weight:600;line-height:26px;margin-bottom:9px}.access p{color:#fff;font-size:13px;font-weight:400;line-height:18px;margin-bottom:13px;width:170px}.access ul{margin-left:2rem;font-size:13px}.access img{position:absolute;bottom:1rem;right:.5rem}.attendance{border-radius:20px 20px 0 0;background:#FFF;position:relative;bottom:1rem}.attendance h2{color:#1253b7}.tickets-container{display:flex;justify-content:space-between;gap:1rem;margin-top:48.86px}.ticket-card{text-align:center;border-radius:24px;box-shadow:0 4px 15px #bcc3d199;padding:0 .5rem;height:139px}.ticket-card p{color:#405980;text-align:center;font-size:12px;line-height:16px;margin-top:22.52px}.ticket-img{width:75px;height:75px;background-color:#fff;border-radius:50%;filter:drop-shadow(0px 4px 15px rgba(188,195,209,.6));display:flex;justify-content:center;align-items:center;position:relative;margin:0 auto;bottom:1.5rem;margin-bottom:-1.5rem}.invoice-img{margin-top:2rem;width:100%;border-radius:10px;filter:drop-shadow(0px 4px 15px rgba(188,195,209,.6))}.service{border-radius:20px 20px 0 0;background:#1253B7;color:#fff;position:relative;padding-bottom:9rem}.service p{width:171px}.service img{position:absolute;bottom:1rem;right:0}.notifications{border-radius:20px 20px 0 0;background:#FFF;position:relative;bottom:1rem;margin-bottom:-1rem}.notifications h2{color:#1253b7}.notifications p{margin-bottom:20px}.notifications ul{margin-left:1.1rem;font-size:12px;line-height:18px;display:flex;flex-direction:column;gap:1.5rem;width:50%}.notifications li{width:182px}.notification-info{display:flex;align-items:center;justify-content:space-between;gap:1rem}.notification-image{position:relative}.notification-image .phone{width:170px;max-width:100%}.bell-icon{position:absolute;top:-2.5rem;z-index:10;left:1rem}.alerts{border-radius:20px 20px 0 0;background:#1253B7;color:#fff;position:relative;padding-bottom:4rem}.alerts p{margin-top:20px;line-height:20px}.alerts-info{display:flex;align-items:center;gap:16px}.alert-img{position:relative}.alert-icon{width:130px;position:relative;top:1rem}.alert-siren{position:absolute;top:-2.5rem;right:-1.3rem}@media screen AND (max-width: 355px){.service img{height:180px}}@media screen AND (min-width: 450px){.alert-icon{width:160px}}