.header-tutorial{background-color:#f5f5f5;background-image:url("https://www.onxmaps.com/wp-content/themes/onx-core/assets/images/dot-pattern.png")}.header-tutorial__inner{display:flex;max-width:1440px;margin:auto;align-items:center;justify-content:center;flex-wrap:wrap;padding:6rem 4rem}@media screen and (max-width: 480px){.header-tutorial__inner{padding:4rem 2rem}}.header-tutorial__content{margin-bottom:1rem;margin-right:1rem;flex-basis:300px;flex-grow:1}.header-tutorial__content-eyebrow{font-weight:bold;font-size:1.5rem}.header-tutorial__content h1{font-size:2rem;word-break:break-word}@media screen and (min-width: 800px){.header-tutorial__content h1{word-break:normal;font-size:3rem}}.header-tutorial__content-info{margin-top:1rem;font-size:.75em;color:#777}.header-tutorial__content-info span{margin-right:1rem}.header-tutorial__content-info svg{top:2px;height:1em;margin-right:3px;position:relative}.header-tutorial__video{position:relative;flex-basis:300px;height:300px;flex-grow:1}.header-tutorial__video img{height:100%;min-height:100%;margin:0;width:100%;object-fit:cover;object-position:50% 50%}.header-tutorial__play{position:absolute;display:flex;align-items:center;justify-content:center;top:0;left:0;height:100%;width:100%;transition:background-color 250ms ease-in-out;cursor:pointer}.header-tutorial__play:hover{background-color:rgba(0,0,0,.5)}.header-tutorial__play-button{position:relative;display:block;border-radius:100%;min-width:60px;min-height:60px;width:60px;height:60px;transition:background-color .25s ease-in-out,border-color .2s ease-in-out;background-color:#fff;font-size:0}.header-tutorial__play-button:hover{background-color:#e8e8e8}.header-tutorial__play-button::after{content:"";position:absolute;top:50%;left:calc(50% + 2px);transform:translate3d(-50%, -50%, 0);width:0;height:0;border-style:solid;border-width:8.5px 0 8.5px 13px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #000;transition:border-color .2s ease-in-out}.overlay{position:fixed;top:0;left:0;z-index:5;width:100%;height:0;overflow:hidden;transition:all .3s ease-in-out;cursor:pointer}.overlay.open{height:100%;background-color:rgba(17,17,17,.9)}.overlay__close{color:#fff;position:absolute;top:0;right:0;padding:.5rem 1rem;font-size:1rem;font-weight:bold;border-bottom:3px solid #fff;cursor:pointer;transition:all 250ms ease-in-out}.overlay__close:hover{color:rgba(255,255,255,.8)}.overlay__content{display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:3rem 1.5rem 1.5rem}