@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@font-face{font-family:Urbane;src:url(//www.natpat.com/cdn/shop/files/urbanerounded-bold-webfont.woff2?v=1333656270480753319) format("woff2"),url(//www.natpat.com/cdn/shop/files/urbanerounded-bold-webfont.woff?v=11254272132251603248) format("woff");font-weight:700;font-style:normal}.din-condensed{font-family:DIN Condensed,D-DIN,roboto,sans-serif!important}img{width:100%}#lp-how-to--hero{background:url(//www.natpat.com/cdn/shop/files/lp-how-to-hero-bg.png?v=13830293266368656010);background-size:cover;background-repeat:no-repeat;background-position:center;height:50vh;position:relative}.how-to__hero-bg{width:100%}.how-to__character{position:absolute}.how-to__c1{left:50px;bottom:0;max-width:233px}.how-to__c2{bottom:-100px;right:100px;max-width:229px;z-index:1}#lp-how-to__blue-wave{position:relative;padding:0;margin-bottom:20px}.how-to__blue-wave{width:100%;position:relative;left:0;top:0}#lp-how-to__blue-wave .how-to__input-container .how-to__search{padding:13px 13px 13px 50px;width:100%;max-width:370px;border-radius:7px;border:none;position:relative}.how-to__input-container:before{content:"";width:50px;height:100%;background:url(//www.natpat.com/cdn/shop/files/lp-how-to-search-icon.png?v=16664617080044360681);background-repeat:no-repeat;background-position:center;background-size:25px;display:block;position:absolute;top:0;z-index:1}.how-to__search::placeholder{color:#000;font-family:Barlow,sans-serif;font-size:15px;font-weight:500}.how-to__title{text-align:center;font-family:Urbane;font-size:40px;font-weight:700}.how-to__tab-buttons .nav-tabs .nav-link{background:none;border:none;font-family:Barlow,sans-serif;font-weight:500;font-size:27px;line-height:32px}.how-to__tab-buttons .nav-tabs .nav-link.active{color:#1f4fc9;font-weight:700}.how-to__tab-buttons .nav{justify-content:space-evenly;gap:30px}.how-to__tab-buttons .nav-tabs{border-bottom:1px solid #000;margin-bottom:40px;width:calc(100% + 80px);margin-left:-40px}.how-to__tab-buttons .nav-tabs .nav-link:focus{outline:none}.how-to__cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.how-to__cards-container .how-to__card{border:1px solid #ADADAD}.how-to__card h3{font-family:Barlow,sans-serif;font-size:25px;font-weight:700;line-height:30px;text-align:center;padding-top:30px}.how-to__card-content h3{background:url(//www.natpat.com/cdn/shop/files/lp-how-to-white-square-wave.png?v=7924681700593171579);background-position:center;background-repeat:no-repeat;background-size:100% 100%;margin-top:-30px;z-index:1;position:relative}.how-to__card-content .card{border:1px solid #ADADAD;border-left:0;border-right:0}.card-header{padding:5px;background-color:#fff;display:block}.card-header button{font-family:Barlow,sans-serif;font-size:20px;font-weight:400;line-height:24px;text-align:left;position:relative;color:#000}.card-header button.collapsed:before{content:"";width:30px;height:100%;display:block;position:absolute;top:0;right:20px;background:url(//www.natpat.com/cdn/shop/files/lp-how-to-chevron.png?v=4421589393866136918);background-repeat:no-repeat;background-position:center;transform:unset}.card-header button:before{content:"";width:30px;height:100%;display:block;position:absolute;top:0;right:20px;background:url(//www.natpat.com/cdn/shop/files/lp-how-to-chevron.png?v=4421589393866136918);background-repeat:no-repeat;background-position:center;transform:rotate(180deg);transition:all .3s ease-in-out}.card-header button:hover{color:#000;text-decoration:none}.btn-link.collapsed+.card-header{background:green}.how-to__card img{max-width:370px}.how-to__learnmore{background-color:#1f4fd1;border-radius:50px;width:100%;max-width:150px;margin:20px auto;padding:8px 10px;display:block;color:#fff;text-align:center;font-family:Barlow,sans-serif;font-size:18px;font-weight:500;line-height:24px}.how-to__learnmore:hover{color:#fff;text-decoration:none}@media only screen and (max-width: 1200px){#lp-how-to--tab .card-header button{font-size:18px}#lp-how-to--tab .card-body{font-size:16px}.how-to__tab-buttons .nav{flex-wrap:nowrap}.how-to__tab-buttons .nav-tabs .nav-link{font-size:24px}.how-to__card-content h3{font-size:21px}.how-to__title{font-size:38px}.how-to__blue-wave{object-fit:cover}}@media only screen and (max-width: 992px){.how-to__cards-container{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.how-to__tab-buttons .nav{flex-wrap:wrap}.how-to__tab-buttons .nav{gap:0}.how-to__title{font-size:34px}.how-to__c2{max-width:170px;bottom:-60px}.how-to__c1{max-width:180px}}@media only screen and (max-width: 768px){.how-to__c2{right:50px}.how-to__card-content h3{font-size:18px}#lp-how-to--tab .card-header button{font-size:16px}#lp-how-to--tab .card-body{font-size:14px}.card-header button.collapsed:before{right:5px}.how-to__tab-buttons .nav-tabs{width:100%;margin-left:unset}#lp-how-to--hero{height:150px}}@media only screen and (max-width: 576px){.how-to__cards-container{grid-template-columns:repeat(1,1fr)}.how-to__card img{max-width:100%}.how-to__card-content h3{font-size:25px}#lp-how-to--tab .card-header button{font-size:20px}#lp-how-to--hero{height:100px}#lp-how-to--tab .card-body{font-size:18px}.how-to__character{display:none}#lp-how-to__blue-wave .how-to__input-container .how-to__search{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/how-to.css.map */
