.collapse-blk .container{padding:30px 0;width:calc(100% - var(--1frSpace) * 4 - var(--baseSpace) * 2);margin:auto}@media only screen and (max-width: 1500px){.collapse-blk .container{width:calc(100% - var(--1frSpace) * 2 - var(--baseSpace) * 2)}}@media only screen and (max-width: 900px){.collapse-blk .container{width:calc(100% - var(--1frSpace) * 4 - var(--baseSpace) * 2)}}@media only screen and (max-width: 767px){.collapse-blk .container{width:calc(100% - var(--baseSpace) * 2)}}.collapse-blk multipurpose-nav[m4-type=collapse] .drag-container{width:100%;max-width:100%}.collapse-blk multipurpose-nav[m4-type=collapse] .drag-container .wrapper{gap:10px 20px!important}.collapse-blk multipurpose-nav[m4-type=collapse] .drag-container .item{border-radius:500px;padding:10px 20px;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.2);transition:border .4s}.collapse-blk multipurpose-nav[m4-type=collapse] .drag-container .item:after{content:"";width:101%;height:101%;background:linear-gradient(90deg,#95cf15,#1aafd4);transition:opacity .4s;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (min-width: 1201px){.collapse-blk multipurpose-nav[m4-type=collapse] .drag-container .item:hover{background-color:transparent;border:1px solid rgba(0,0,0,0)}.collapse-blk multipurpose-nav[m4-type=collapse] .drag-container .item:hover:after{opacity:1}.collapse-blk multipurpose-nav[m4-type=collapse] .drag-container .item:hover .category{color:#fff}}@media only screen and (max-width: 1200px){.collapse-blk multipurpose-nav[m4-type=collapse] .drag-container .item:active{background-color:transparent;border:1px solid rgba(0,0,0,0)}.collapse-blk multipurpose-nav[m4-type=collapse] .drag-container .item:active:after{opacity:1}.collapse-blk multipurpose-nav[m4-type=collapse] .drag-container .item:active .category{color:#fff}}.collapse-blk multipurpose-nav[m4-type=collapse] .drag-container .item.active{background-color:transparent;border:1px solid rgba(0,0,0,0)}.collapse-blk multipurpose-nav[m4-type=collapse] .drag-container .item.active:after{opacity:1}.collapse-blk multipurpose-nav[m4-type=collapse] .drag-container .item.active .category{color:#fff}.collapse-blk multipurpose-nav[m4-type=collapse] .drag-container .item .category{color:#444;font-size:1rem;font-weight:400;line-height:1.6;padding:0;letter-spacing:.5px;position:relative;z-index:2;transition:color .4s}.collapse-blk multipurpose-nav[m4-type=collapse] .drag-container .item .category:after{content:unset}.collapse-blk multipurpose-nav[m4-type=collapse] .collapse-container .item{padding:10px 20px;letter-spacing:.5px;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.2);transition:border .4s}.collapse-blk multipurpose-nav[m4-type=collapse] .collapse-container .item:after{content:"";width:101%;height:101%;background:linear-gradient(90deg,#95cf15,#1aafd4);transition:opacity .4s;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (min-width: 1201px){.collapse-blk multipurpose-nav[m4-type=collapse] .collapse-container .item:hover{background-color:transparent;border:1px solid rgba(0,0,0,0)}.collapse-blk multipurpose-nav[m4-type=collapse] .collapse-container .item:hover:after{opacity:1}.collapse-blk multipurpose-nav[m4-type=collapse] .collapse-container .item:hover .category{color:#fff}}@media only screen and (max-width: 1200px){.collapse-blk multipurpose-nav[m4-type=collapse] .collapse-container .item:active{background-color:transparent;border:1px solid rgba(0,0,0,0)}.collapse-blk multipurpose-nav[m4-type=collapse] .collapse-container .item:active:after{opacity:1}.collapse-blk multipurpose-nav[m4-type=collapse] .collapse-container .item:active .category{color:#fff}}.collapse-blk multipurpose-nav[m4-type=collapse] .collapse-container .item.active{background-color:transparent;border:1px solid rgba(0,0,0,0)}.collapse-blk multipurpose-nav[m4-type=collapse] .collapse-container .item.active:after{opacity:1}.collapse-blk multipurpose-nav[m4-type=collapse] .collapse-container .item.active .category{color:#fff}.collapse-blk multipurpose-nav[m4-type=collapse] .collapse-container .item .category{color:#444;font-size:1rem;font-weight:400;line-height:1.6;padding:0;letter-spacing:.5px;position:relative;z-index:2;transition:color .4s}.collapse-blk multipurpose-nav[m4-type=collapse] .collapse-container .item .category:after{content:unset}.list-blk .container{padding:0 0 var(--rwdPadding120) 0;width:calc(100% - var(--1frSpace) * 4 - var(--baseSpace) * 2);margin:auto}@media only screen and (max-width: 1500px){.list-blk .container{width:calc(100% - var(--1frSpace) * 2 - var(--baseSpace) * 2)}}@media only screen and (max-width: 900px){.list-blk .container{width:calc(100% - var(--1frSpace) * 4 - var(--baseSpace) * 2)}}@media only screen and (max-width: 767px){.list-blk .container{width:calc(100% - var(--baseSpace) * 2)}}.list-blk .lists{gap:50px 5.46875vw;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}.list-blk .lists .item{width:calc((100% - 10.9375vw) / 3)}@media only screen and (min-width: 1201px){.list-blk .lists .item:hover .picBox .hoverWrapper{opacity:1}.list-blk .lists .item:hover .txtBox .itemTitle,.list-blk .lists .item:hover .txtBox .paragraph{color:#000}.list-blk .lists .item:hover .txtBox .paragraph:before{background-position-x:0}}@media only screen and (max-width: 1200px){.list-blk .lists .item:active .picBox .hoverWrapper{opacity:1}.list-blk .lists .item:active .txtBox .itemTitle,.list-blk .lists .item:active .txtBox .paragraph{color:#000}.list-blk .lists .item:active .txtBox .paragraph:before{background-position-x:0}}@media only screen and (max-width: 1200px){.list-blk .lists{gap:50px 30px}.list-blk .lists .item{width:calc((100% - 60px) / 3)}}@media only screen and (max-width: 900px){.list-blk .lists{gap:30px 30px}.list-blk .lists .item{width:calc((100% - 30px)/2)}}@media only screen and (max-width: 575px){.list-blk .lists .item{width:100%}}.list-blk .lists .picBox{width:100%;position:relative;border-radius:10px;overflow:hidden}.list-blk .lists .picBox .hoverWrapper{width:100%;height:100%;border-radius:10px;background:#2f9dbd99;box-shadow:10px 10px 25px #00000026;z-index:2;pointer-events:none;transition:opacity .4s;opacity:0;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.list-blk .lists .picBox .pic{position:relative;width:100%;overflow:hidden}.list-blk .lists .picBox .pic:before{content:"";display:block;width:100%;height:100%;padding-top:100%}.list-blk .lists .picBox .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.list-blk .lists .picBox .pic img{width:100%;height:100%;object-fit:contain;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.list-blk .lists .txtBox{width:100%;padding:20px 20px 30px}.list-blk .lists .txtBox .itemTitle{color:#444;transition:.4s color}@media only screen and (max-width: 900px){.list-blk .lists .txtBox .itemTitle{color:#000}}.list-blk .lists .txtBox .paragraph{margin-top:15px;padding-top:15px;color:#909090;position:relative;transition:.4s color}.list-blk .lists .txtBox .paragraph:before{content:"";position:absolute;top:0;left:0;width:50px;height:3px;margin:auto 10px auto 0;display:block;background:linear-gradient(90deg,#8bc63e,#8bc63e 50%,#c3c3c3 50%,#c3c3c3);background-size:200%;background-position-x:100%;transition:.4s background-position-x}.list-blk .lists .txtBox .paragraph p{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
