.resources-wrapper{display:flex;gap:30px}.resources-wrapper>.left{display:flex;flex-basis:320px;flex-direction:column;gap:16px}.resources-wrapper .product-types{height:max-content;padding:20px 12px;user-select:none}.resources-wrapper .product-types h4{font-size:20px;font-weight:600!important;justify-content:space-between;line-height:24px;margin-bottom:0;padding:0 0 0 12px;text-transform:unset!important}h4.second{margin-bottom:20px!important}.pl-12{padding-left:12px}.resources-wrapper .product-types h4 svg{cursor:pointer;height:23px!important;height:auto;padding:0 10px;transition:all .25s ease-in-out;width:36px}.resources-wrapper .product-types .all-types{margin-top:20px}.resources-wrapper .product-types h4{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.resources-wrapper .product-types h4 select{display:none}.resources-wrapper .product-types .prodType{border-radius:4px;cursor:pointer;padding:12px;transition:all .15s ease-in-out}.resources-wrapper .resources,.resources-wrapper .videos{flex:1;flex-direction:column;user-select:none}.resources-wrapper .videos{display:none;gap:30px}.resources-wrapper .videos .video-doc{display:flex;gap:20px}.resources-wrapper .videos .video-doc>div{flex:1}.resources-wrapper .videos .video-doc iframe{height:230px;width:100%}.resources-wrapper .resources h4{cursor:pointer;display:flex;font-size:24px;font-weight:400!important;gap:10px;line-height:28px;margin-bottom:0;padding:24px;text-transform:unset!important;transition:all .25s ease-in-out}.resources-wrapper .resources h4 span{font-size:32px;text-align:center;width:16px}.resources-wrapper .resources h4 .collapse{display:none}.resources-wrapper .resources .doc-item{align-items:center;display:flex;font-size:20px;font-weight:600;gap:20px;line-height:24px;padding:20px 24px;position:relative;transition:all .25s ease-in-out}.resources-wrapper .resources .doc-item .faqs{display:flex;flex-direction:column;width:100%}.resources-wrapper .resources .doc-item:has(.faqs){padding:0 0 8px 16px}.resources-wrapper .resources .doc-item .faqs h6{font-size:16px;font-weight:500!important;margin-bottom:0;margin-top:8px;padding:16px 24px 0;position:relative;transition:all .25s ease-in-out}.resources-wrapper .resources .doc-item .faqs h6.active:before{opacity:0;visibility:hidden}.resources-wrapper .resources .doc-item .faqs h6:after{content:"-";font-size:24px;font-weight:400;left:22px;opacity:0;position:absolute;top:14px;transition:all .25s ease-in-out;visibility:hidden}.resources-wrapper .resources .doc-item .faqs h6.active:after{opacity:1;visibility:visible}.resources-wrapper .resources .doc-item .faqs p{display:block;padding:16px 20px 8px 42px;text-align:left}.resources-wrapper .resources .doc-item .left img{display:block}.resources-wrapper .resources .doc-item .right{display:flex;flex:1;flex-direction:column;flex-wrap:wrap;gap:8px}.resources-wrapper .resources .doc-item .right .docs{display:flex;flex-wrap:wrap;gap:8px 0;margin-left:-6px}.resources-wrapper .resources .doc-item .right .docs a{display:block;font-size:16px;line-height:100%;padding:0 6px}.resources-wrapper .resources .doc-item .doc-img{height:36px;width:auto}.resources-wrapper .resources .doc-item .doc-name{flex:1}.resources-wrapper .resources .docGroupItems{display:none}.resources-wrapper .resources .docGroupItems p,.resources-wrapper .videos>p{display:none;padding:24px;text-align:center}.resources-wrapper .resources .docGroupItems:not(:has(.doc-item.active)) p{display:block}.resources-wrapper .resources .doc-item:not(.rooftop),.resources-wrapper .videos .video-doc:not(.rooftop){display:none}.resources-wrapper .videos:not(:has(.video-doc.active))>p{display:block}.resources-wrapper .resources .doc-item .download,.resources-wrapper .resources .doc-item .open-link{align-items:center;border-radius:100px;cursor:pointer;display:flex;height:36px;justify-content:center;margin-left:auto;position:relative;transition:all .25s ease-in-out;width:36px}.resources-wrapper .resources .doc-item .open-link .link-wrapper{height:100%;left:0;position:absolute;top:0;width:100%}.resources-wrapper .resources .doc-item .download svg,.resources-wrapper .resources .doc-item .open-link svg{height:16px;width:auto}.resources-wrapper .resources .doc-item .download svg path,.resources-wrapper .resources .doc-item .open-link svg path{transition:all .25s ease-in-out}.resources-wrapper .resources .doc-item .link-wrapper{height:100%;left:0;position:absolute;top:0;width:100%}.tabs-wrapper.resources{border-radius:8px;display:flex;gap:10px;justify-content:center;margin-bottom:24px;padding:8px}.tabs-wrapper.resources .tab{border-radius:4px;cursor:Pointer;flex:1;font-weight:600;letter-spacing:.02rem;padding:10px 28px;text-align:center}.resources-wrapper .videos .video-doc h5{font-size:16px;font-weight:600!important;letter-spacing:.02rem;line-height:24px;margin-bottom:16px;text-transform:unset!important}.resources-wrapper .videos .video-doc p{font-size:12px;letter-spacing:.02rem;line-height:16px}@media(max-width:767px){.resources-wrapper{flex-direction:column;gap:18px}.tabs-wrapper.resources{margin-bottom:8px}.tabs-wrapper.resources .tab{align-items:center;display:flex;font-size:14px;justify-content:center;padding:5px 10px}.resources-wrapper>.left{flex:unset;gap:8px}.resources-wrapper .product-types{border-radius:8px;max-height:max-content;padding:8px}.resources-wrapper .product-types h4{align-items:center;display:flex;flex-direction:column;font-size:14px;padding:0}.resources-wrapper .product-types .all-types{display:none;margin-top:12px}.resources-wrapper .product-types .prodType{font-size:14px;padding:8px 12px}h4.second{margin-bottom:12px!important}.pl-12{padding-left:0}.resources-wrapper .product-types .btn-wrapper{justify-content:center}.resources-wrapper .product-types h4 select{background:#efefef;border:1px solid rgba(0,0,0,.1);border-radius:5px;display:flex;flex:unset;font-size:16px;font-weight:500;height:44px;outline:none;padding:0 8px;width:100%}.resources-wrapper .resources h4{font-size:18px;padding:12px}.resources-wrapper .resources h4 span{font-size:24px}.resources-wrapper .resources .doc-item{gap:8px}.resources-wrapper .resources .doc-item .doc-name{font-size:14px;margin-top:0}.resources-wrapper .resources .doc-item .right{gap:4px}.resources-wrapper .resources .doc-item .right .docs a{font-size:14px}.resources-wrapper .resources .doc-item .doc-img{height:32px}.resources-wrapper .resources .doc-item{padding:16px}.resources-wrapper .resources .doc-item .download,.resources-wrapper .resources .doc-item .open-link{height:24px;width:24px}.resources-wrapper .resources .doc-item .download svg,.resources-wrapper .resources .doc-item .open-link svg{height:auto;width:10px}.resources-wrapper .videos .video-doc{flex-direction:column;gap:8px}.resources-wrapper .resources .docGroupItems p,.resources-wrapper .videos>p{font-size:14px;padding:12px}.resources-wrapper .videos .video-doc iframe{height:170px}.resources-wrapper .resources .doc-item:has(.faqs){padding:0 0 20px 10px}.resources-wrapper .resources .doc-item .faqs h6{padding-left:24px}.resources-wrapper .resources .doc-item .faqs h6:before{left:3px}.resources-wrapper .resources .doc-item .faqs h6:after{left:5px}.resources-wrapper .resources .doc-item .faqs h6{font-size:14px}.resources-wrapper .resources .doc-item .faqs p{padding-left:36px}}