:root{--anims-duration:.5s}.reference-header{overflow:hidden;padding:0}@media (min-width:992px){.reference-header{padding:120px 0 0}}@media (min-width:1710px){.reference-header{padding:40px 0 0}}.reference-header .thumb-wrapper .thumb{position:relative;width:100%}.reference-header .thumb-wrapper .thumb img{width:100%}.reference-header .thumb-wrapper .benefit{background:#3c3c3b;bottom:-35px;color:#fff;font-size:16px;left:0;letter-spacing:0;line-height:1.8;padding:16px 15px;position:absolute;text-align:center;width:100%;z-index:0}@media (min-width:768px){.reference-header .thumb-wrapper .benefit{font-size:22px;line-height:40px;padding:15px 20px}}.reference-header h1{color:#2b2b2b;font-size:32px;font-weight:500;letter-spacing:normal;line-height:1.19;margin:80px 0 30px}@media (min-width:992px){.reference-header h1{font-size:3.2rem;letter-spacing:.140625rem;line-height:1;margin:150px 0}}@media (min-width:1200px){.reference-header h1{font-size:3.5rem;line-height:1;margin:150px 0}}@media (min-width:1710px){.reference-header h1{font-size:4rem;line-height:1;margin:150px 0}}.reference-header .subtitle{color:#e34c26;font-size:26px;font-weight:500;letter-spacing:0;line-height:1.2;margin-bottom:25px}@media (min-width:768px){.reference-header .subtitle{font-size:2.25rem;line-height:3.125rem}}@media (min-width:992px){.reference-header .subtitle{color:#2b2b2b}}.reference-header .description p i{padding-right:3px}.reference-header .description-wrapper{display:flex;flex-direction:column;height:100%;justify-content:center}.reference-header .details-wrapper{align-items:flex-start;display:flex;flex-wrap:wrap;gap:0;justify-content:space-between;margin:26px 0 60px}@media (min-width:992px){.reference-header .details-wrapper{border-bottom:1px solid #e7eaec;border-top:1px solid #e7eaec;flex-wrap:nowrap;gap:30px;margin:0 0 100px;padding:22px 0}}.reference-header .details-wrapper .detail-wrapper{align-items:center;border-top:1px solid #e7eaec;display:flex;flex:0 0 100%;flex-direction:column;justify-content:center;padding:20px 0}.reference-header .details-wrapper .detail-wrapper:last-of-type{border-bottom:1px solid #e7eaec}@media (min-width:992px){.reference-header .details-wrapper .detail-wrapper{border:none;flex:1;padding:0}.reference-header .details-wrapper .detail-wrapper:last-of-type{border:none}}.reference-header .details-wrapper .detail-wrapper .detail-title{color:#838590;font-size:14px;letter-spacing:0;line-height:28px}.reference-header .details-wrapper .detail-wrapper .detail-description{color:#2b2b2b;font-size:26px;font-weight:500;letter-spacing:0;line-height:40px;text-align:center}.app-wrapper{overflow:hidden}