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