.one{position:relative;padding:102px 20px 0;background:linear-gradient(81deg,#131313 20.17%,#070707 74.54%);border-radius:0 0 26px 26px;overflow:hidden}.one .background{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:760px}.one .background img{width:100%;height:100%;object-fit:none;object-position:center}.one .content{display:flex;flex-direction:column;align-items:center;gap:40px;padding:80px 0;color:rgba(255,255,255,.98)}.two{position:relative;padding:60px 20px}.two .list{display:flex;flex-wrap:wrap;gap:10px}.two .list button{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border-radius:100px;border:1px solid #DCDCDC;background:#fff;font-family:'Lato';font-size:14px;line-height:1.6;font-weight:400;color:#131313;white-space:nowrap;transition:background 0.3s ease,border-color 0.3s ease,color 0.3s ease}.two .list button:hover,.two .list button.button-active{background:#FFF1F1;border-color:#FCA5A9;color:#D01635}.two .items{display:flex;flex-flow:row wrap;gap:40px;margin-top:40px}.two .items .item{display:flex;flex-direction:column;gap:20px;width:calc(50% - 20px);padding:20px;background:#fff;border-radius:26px;color:#131313}.two .items .item .info{display:flex;flex-wrap:wrap;gap:20px}.two .items .item .info span{display:inline-flex;align-items:center;gap:10px;font-size:16px;line-height:22px;font-weight:400}.two .items .item .title1{flex-grow:1}.two .items .item .text1{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.load-more{position:relative;left:50%;transform:translateX(-50%);margin-top:40px}.message{display:flex;flex-direction:column;align-items:center;gap:10px;padding:156px 0;color:#131313;text-align:center}.message .title1{margin-top:10px}.message .text1{color:rgba(19,19,19,.5)}@media (hover:none){.two .list button:hover{background:#fff;border-color:#DCDCDC;color:#131313}.two .list button.button-active:hover{background:#FFF1F1;border-color:#FCA5A9;color:#D01635}}@media screen and (max-width:1023px){.one .content{gap:20px;padding:40px 0}.one .background{top:0;transform:none}.one .background img{object-position:top left}.two .list{flex-wrap:nowrap;margin:0 -20px;padding:0 20px;overflow-x:auto;scrollbar-width:none}}@media screen and (max-width:767px){.one .content{align-items:normal}.two{padding:40px 20px}.two .items{gap:20px;margin-top:20px}.two .items .item{width:100%}.two .items .item .button,.load-more{width:100%}}