.news{background-color:#000;width:100%;padding:96px 0;position:relative}.news .gradient{background-image:linear-gradient(#18181b,#0000);width:100%;height:96px;position:absolute;top:0;left:0}.news .content{box-sizing:border-box;flex-direction:column;gap:64px;width:100%;max-width:1400px;margin:0 auto;padding:0 16px;display:flex}.news .content .heading-container{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}@media screen and (max-width:768px){.news .content .heading-container{flex-direction:column;align-items:flex-start;gap:16px}}.news .content .heading-container .heading{flex-direction:column;gap:16px;display:flex}.news .content .heading-container .heading .badge{color:#f43f5e;background-color:#f43f5e33;border-radius:9999px;width:fit-content;padding:4px 12px;font-size:14px;font-weight:500;line-height:20px}.news .content .heading-container .heading h2{color:#fff;margin:0;font-size:48px;font-weight:700;line-height:48px}@media screen and (max-width:768px){.news .content .heading-container .heading h2{font-size:30px;line-height:36px}}.news .content .heading-container .heading h2 span{color:#f43f5e}.news .content .heading-container a{color:#f43f5e;border:1px solid #f43f5e;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;transition:all .15s;display:block}.news .content .heading-container a:hover{color:#fff;background-color:#f43f5e1a}.news .content .cards-container{grid-template-columns:repeat(3,1fr);gap:32px;width:100%;display:grid}@media screen and (max-width:768px){.news .content .cards-container{grid-template-columns:repeat(1,1fr)}}.news .content .cards-container .card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#18181b80;border:1px solid #27272a80;border-radius:12px;flex-direction:column;text-decoration:none;transition:all .3s;display:flex}.news .content .cards-container .card.fade-in:first-child{animation-delay:0s}.news .content .cards-container .card.fade-in:nth-child(2){animation-delay:.1s}.news .content .cards-container .card.fade-in:nth-child(3){animation-delay:.2s}@media screen and (max-width:768px){.news .content .cards-container .card.fade-in:first-child,.news .content .cards-container .card.fade-in:nth-child(2),.news .content .cards-container .card.fade-in:nth-child(3){animation-delay:0s}}.news .content .cards-container .card:hover{border-color:#f43f5e4d}.news .content .cards-container .card:hover .info-container h3{color:#f43f5e}.news .content .cards-container .card:hover .info-container .read-more{text-decoration:underline}.news .content .cards-container .card:hover .info-container .read-more svg{transform:translate(4px)}.news .content .cards-container .card .image-container{width:100%;height:192px;position:relative;overflow:hidden}.news .content .cards-container .card .image-container img{-o-object-fit:cover;object-fit:cover;border-top-left-radius:12px;border-top-right-radius:12px;width:100%;height:100%;transition:all .3s}.news .content .cards-container .card .image-container .badge{color:#18181b;background-color:#f43f5e;border:1px solid #0000;border-radius:9999px;padding:2px 10px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex;position:absolute;top:16px;left:16px}.news .content .cards-container .card .info-container{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;padding:24px;display:flex}.news .content .cards-container .card .info-container .date-container{color:#9ca3af;flex-direction:row;align-items:center;gap:8px;font-size:14px;font-weight:400;line-height:20px;display:flex}.news .content .cards-container .card .info-container .date-container svg{width:16px;height:16px}.news .content .cards-container .card .info-container h3{text-overflow:ellipsis;color:#fff;width:100%;margin:0;font-size:20px;font-weight:700;line-height:28px;transition:all .3s}.news .content .cards-container .card .info-container p{color:#9ca3af;text-overflow:ellipsis;margin:0 0 4px;font-size:16px;font-weight:400;line-height:24px;display:flow-root}.news .content .cards-container .card .info-container .read-more{color:#f43f5e;flex-direction:row;align-items:center;gap:8px;font-size:16px;font-weight:500;line-height:24px;transition:all .3s;display:flex}.news .content .cards-container .card .info-container .read-more svg{width:16px;height:16px;transition:all .3s}