.collaboration{align-items:center;display:flex;flex-direction:column}.collaboration h1{font-size:60px;font-weight:700;margin-bottom:26px;margin-top:50px}.collaboration h1,.collaboration_subtitle{color:#1d1d1f;font-style:normal;line-height:normal;text-align:center}.collaboration_subtitle{font-size:24px;font-weight:600;margin-bottom:70px}.collaboration .box-container{display:flex;flex-wrap:wrap;justify-content:start;margin-bottom:90px}.collaboration .box-container .box{background-color:#fff;border-radius:16px;box-shadow:0 4px 20px 0 hsla(0,0%,69%,.16);box-sizing:border-box;display:inline-block;margin-bottom:30px;overflow:hidden;position:relative;width:calc(33.33% - 20px)}.collaboration .box-container .box:not(:nth-child(3n)){margin-right:30px}.collaboration .box-container .box .mainImage{height:258px;overflow:hidden;transition:all .3s cubic-bezier(.23,1,.32,1)}.collaboration .box-container .box .mainImage img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.collaboration .box-container .box .mainImage .presale-tag{background:linear-gradient(90deg,#fae3ad,#e2bd7a);border-radius:4px;color:#593704;font-size:14px;font-weight:700;left:14px;padding:3px 8px;position:absolute;top:14px}.collaboration .box-container .box .collaboration_box_title{align-items:center;display:flex;margin:16px 24px}.collaboration .box-container .box .collaboration_box_title img{border-radius:26px;width:52px}.collaboration .box-container .box .collaboration_box_title h2{color:#1d1d1f;font-size:24px;font-style:normal;font-weight:700;line-height:26px;margin-left:12px}.collaboration .box-container .box .collaboration_desc{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#1d1d1f;display:-webkit-box;font-size:14px;font-weight:400;height:0;margin:14px 24px;overflow:hidden;transition:all .3s cubic-bezier(.23,1,.32,1)}.collaboration .box-container .box .learn_more{color:#1d1d1f;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;line-height:18px;margin-bottom:20px;margin-left:12px;padding:4px 12px;text-align:left;transition:all .3s cubic-bezier(.23,1,.32,1)}.collaboration .box-container .box .learn_more .arrow{margin-left:4px;width:14px}@media(min-width:769px){.collaboration .box-container .box .learn_more:hover{background:#0a7ce4;border-radius:100px;color:#fff}.collaboration .box-container .box .learn_more:hover .arrow{-webkit-filter:invert(100%);filter:invert(100%)}}.collaboration .box-container .box:hover .mainImage{height:176px}.collaboration .box-container .box:hover .collaboration_desc{height:82px}@media(max-width:768px){.collaboration{margin:36px 18px!important}.collaboration h1{font-size:34px;line-height:40px;margin-bottom:22px;margin-top:0}.collaboration_subtitle{font-size:16px;margin-bottom:50px}.collaboration .box-container{margin-bottom:32px}.collaboration .box-container .box{border-radius:14px;margin-right:0;width:100%}.collaboration .box-container .box:not(:nth-child(3n)){margin-right:0}.collaboration .box-container .box .collaboration_box_title{margin:14px 20px}.collaboration .box-container .box .collaboration_box_title img{border-radius:22px;width:44px}.collaboration .box-container .box .collaboration_box_title h2{font-size:20px;line-height:24px}.collaboration .box-container .box .collaboration_desc{margin:14px 20px}.collaboration .box-container .box .learn_more{padding:4px 8px}.collaboration .box-container .box .mainImage{height:176px}.collaboration .box-container .box .collaboration_desc{height:82px}.collaboration .box-container .box:hover .mainImage{height:176px}.collaboration .box-container .box:hover .collaboration_desc{height:82px}}