.guide-tab-content .tab.active{display:flex;align-items:center;flex-wrap:wrap}.guide-tab-content .tab{display:none}.guide-tabing-section .tab-title-wrap h2{margin-top:0}.guide-tabing-section .tab-title-wrap h2 p{margin:0}.guide-tabing-section .right-tab-menu{margin:0 auto;padding:5px;display:flex;border:1px solid rgba(var(--color-button),.6);border-radius:8px;width:fit-content;justify-content:center}.guide-tabing-section .right-tab-menu .tab-links{list-style:none}.guide-tabing-section .right-tab-menu .tab-links button{padding:6px 20px;background:none;border:none;border-radius:8px;font-size:16px;line-height:1.4;color:rgba(var(--color-button),var(--alpha-button-background));font-family:var(--font-heading-family);text-transform:uppercase;cursor:pointer}.guide-tabing-section .right-tab-menu .tab-links button.active{background:rgba(var(--color-button),var(--alpha-button-background));color:var(--gradient-background)}.guide-tabing-section .guide-tab-content .tab-view-media{max-width:40%;width:100%;border-radius:12px;overflow:hidden;line-height:0;aspect-ratio:4/5;cursor:pointer;position:relative}.guide-tabing-section .guide-tab-content .tab-view-media-video:hover:after{transition:all .5s ease;position:absolute;content:"";width:100%;height:100%;left:0;top:0;background:#0009}.guide-tabing-section .guide-tab-content .video-wrapper{width:100%;height:100%;position:relative}.guide-tabing-section .guide-tab-content .tab-view-media img,.guide-tabing-section .guide-tab-content .tab-view-media video,.video-modal video{width:100%;height:100%;object-fit:cover}.guide-tabing-section .guide-tab-content .video-wrapper .video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#7f2a2a;color:#fff;border:none;border-radius:50%;width:60px;height:60px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;visibility:visible;transition:all .5s ease;border:1px solid #FFF}.guide-tabing-section .guide-tab-content .video-wrapper .video-play-btn svg{width:24px;height:24px}.guide-tabing-section .guide-tab-content .video-wrapper .video-play-btn svg path{fill:#fff;stroke:#fff}.guide-tabing-section .guide-tab-content .tab-view-content{max-width:60%;width:100%;padding-left:70px}.guide-tabing-section .guide-tab-content{margin-top:50px}.guide-tabing-section .tab-view-content h2{margin-top:0}.guide-tabing-section .guide-tab-content .tab-note{font-size:15px;padding-top:15px}.guide-tabing-section .video-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:9999}.guide-tabing-section .video-modal.active{display:block}.guide-tabing-section .video-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;display:block!important}.guide-tabing-section .video-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;transition:.3s ease;padding:50px;height:100%;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") 9 9,auto}.guide-tabing-section .modal-video-wrapper{max-width:600px;width:100%;margin:0 auto;line-height:0;border-radius:12px;overflow:hidden}.guide-tabing-section .video-modal video,.guide-tabing-section .video-modal img{border-radius:12px;aspect-ratio:4/5;object-fit:cover;width:100%;height:100%}.guide-tabing-section .video-close{position:absolute;z-index:1;top:20px;right:20px;background:#f7f2eb38;border:1px solid #f7f2eb;color:#f7f2eb;font-size:24px;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.guide-tabing-section .video-close svg{width:18px;height:18px}.guide-tabing-section .tab-step-item .step-number{display:flex;align-items:center;margin-bottom:5px}.guide-tabing-section .tab-step-item .step-number .number{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgb(var(--heading-color-foreground));color:rgb(var(--heading-color-foreground));margin-right:8px;font-size:18px;font-weight:600}.guide-tabing-section .tab-step-item p{margin:0}.guide-tabing-section .tab-step-item h5{font-size:20px;margin:0}.guide-tabing-section .tab-steps-wrapper .tab-step-item{padding:15px 0;border-bottom:1px solid rgba(var(--heading-color-foreground),.2)}.guide-tabing-section .tab-steps-wrapper{margin:20px 0 30px}@media screen and (max-width:1360px){.guide-tabing-section .guide-tab-content .tab-view-content{padding-left:30px}}@media screen and (max-width:989px){.guide-tabing-section .tab-title-wrap{text-align:center;max-width:100%}.guide-tabing-section .top-title-with-menu,.guide-tab-content .tab{flex-direction:column;gap:20px}.guide-tabing-section .guide-tab-content .tab-view-media,.guide-tabing-section .guide-tab-content .tab-view-content{max-width:100%}.guide-tabing-section .guide-tab-content .tab-view-content{padding-left:0}}@media screen and (max-width:749px){.guide-tabing-section .guide-tab-content{margin-top:30px}.guide-tabing-section .right-tab-menu .tab-links button{font-size:15px;padding:5px 12px}.guide-tabing-section .video-modal-content{padding:15px}.guide-tabing-section .video-close{top:10px;right:10px;width:35px;height:35px}.guide-tabing-section .video-close svg{width:16px;height:16px}.guide-tabing-section .tab-step-item h5{font-size:16px}.guide-tabing-section .tab-step-item .step-number .number{width:25px;height:25px;font-size:14px}.guide-tabing-section .guide-tab-content .tab-view-content h2,.guide-tabing-section .guide-tab-content .tab-view-content .rte,.guide-tabing-section .guide-tab-content .tab-view-content .tab-note,.guide-tabing-section .tab-steps-wrapper .tab-step-item p{text-align:center}.guide-tabing-section .tab-step-item .step-number{justify-content:center}}@media screen and (max-width:389px){.guide-tabing-section .right-tab-menu .tab-links button{font-size:14px}}@media screen and (max-width:360px){.guide-tabing-section .right-tab-menu .tab-links button{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/guide-tabing-section.css.map */