.tutorial-section{overflow:hidden}.tutorial-section .tutorial-section-container{background:var(--bg-colour);isolation:isolate;position:relative}.tutorial-section .tutorial-section-container .page-width .content-wrapper{align-items:var(--content-alignment);display:flex;flex-flow:column nowrap;gap:15px;justify-content:center;margin-bottom:20px;position:relative;width:100%}.tutorial-section .tutorial-section-container .page-width .content-wrapper .body,.tutorial-section .tutorial-section-container .page-width .content-wrapper .heading,.tutorial-section .tutorial-section-container .page-width .content-wrapper .subtitle{color:var(--text-colour);text-align:var(--text-alignment)}.tutorial-section .tutorial-section-container .page-width .content-wrapper .heading{line-height:1.4;max-width:415px}.tutorial-section .tutorial-section-container .page-width .content-wrapper .subtitle{font-size:16px;font-weight:500;line-height:1.375;max-width:415px}.tutorial-section .tutorial-section-container .page-width .content-wrapper .body{font-size:14px;line-height:1.3;max-width:680px}.tutorial-section .tutorial-section-container .tutorials-container .tutorials-group-container{margin-bottom:2rem}@media only screen and (min-width:768px){.tutorial-section .tutorial-section-container .tutorials-container .tutorials-group-container{align-items:flex-start;border-top:1px solid #f0f0f0;display:flex;padding:2rem 0 0}}.tutorial-section .tutorial-section-container .tutorials-container .tutorials-group-container .tutorial-group-title{border-bottom:1px solid #f0f0f0;font-size:.73em;font-weight:600;letter-spacing:.1em;line-height:1.5;margin-bottom:1rem;padding-bottom:1rem;text-transform:uppercase}@media only screen and (min-width:768px){.tutorial-section .tutorial-section-container .tutorials-container .tutorials-group-container .tutorial-group-title{border:none;flex:0 0 25%;font-size:.86em;margin:0;padding:0 4rem 0 0}}.tutorial-section .tutorial-section-container .tutorials-container .tutorials-group-container .tutorial-group{display:flex;flex-grow:1;flex-wrap:wrap}.tutorial-section .tutorial-section-container .tutorials-container .tutorials-group-container .tutorial-group .video{width:50%}@media only screen and (min-width:768px){.tutorial-section .tutorial-section-container .tutorials-container .tutorials-group-container .tutorial-group .video{padding-left:1rem}}@media only screen and (max-width:767.98px){.tutorial-section .tutorial-section-container .tutorials-container .tutorials-group-container .tutorial-group .video:nth-child(odd){padding-right:5px}.tutorial-section .tutorial-section-container .tutorials-container .tutorials-group-container .tutorial-group .video:nth-child(2n){padding-left:5px}}.tutorial-section .tutorial-section-container .tutorials-container .tutorials-group-container .tutorial-group .video a{aspect-ratio:1/.5521;display:block;position:relative}.tutorial-section .tutorial-section-container .tutorials-container .tutorials-group-container .tutorial-group .video a img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.tutorial-section .tutorial-section-container .tutorials-container .tutorials-group-container .tutorial-group .video a:hover:after{transform:scale(1.1)}.tutorial-section .tutorial-section-container .tutorials-container .tutorials-group-container .tutorial-group .video a:after{background-image:var(--play-button);background-repeat:no-repeat;background-size:100%;content:"";cursor:pointer;display:block;height:54px;left:50%;margin:-27px 0 0 -27px;position:absolute;top:50%;transition:transform .2s ease-in-out;width:54px}.tutorial-section .tutorial-section-container .tutorials-container .tutorials-group-container .tutorial-group .video h3{font-size:.93em;margin:1em 0}.tutorial-section .modal-container .modal{height:100%;overflow:hidden;padding:0!important;width:100%}.tutorial-section .modal-container .modal .icon-close{fill:#fff}.tutorial-section .modal-container .modal .video-content{height:100%}.tutorial-section .modal-container .modal #video{height:100%;width:100%}