.news{width:100%;background-color:#000;padding:96px 0;position:relative}.news .gradient{width:100%;position:absolute;top:0;left:0;height:96px;background-image:linear-gradient(#18181b,rgba(0,0,0,0))}.news .content{max-width:1400px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:64px;box-sizing:border-box;padding:0 16px}.news .content .heading-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}@media screen and (max-width:768px){.news .content .heading-container{flex-direction:column;gap:16px;align-items:flex-start}}.news .content .heading-container .heading{gap:16px;display:flex;flex-direction:column}.news .content .heading-container .heading .badge{border-radius:9999px;background-color:rgba(244,63,94,.2);color:#f43f5e;padding:4px 12px;font-size:14px;line-height:20px;font-weight:500;width:-moz-fit-content;width:fit-content}.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{border:1px solid #f43f5e;color:#f43f5e;padding:8px 16px;display:block;border-radius:6px;font-size:14px;line-height:20px;font-weight:500;text-decoration:none;transition:all .15s ease}.news .content .heading-container a:hover{color:#fff;background-color:rgba(244,63,94,.1)}.news .content .cards-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;width:100%}@media screen and (max-width:768px){.news .content .cards-container{grid-template-columns:repeat(1,1fr)}}.news .content .cards-container .card{text-decoration:none;display:flex;flex-direction:column;border-radius:12px;background-color:rgba(24,24,27,.5019607843);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease;border:1px solid rgba(39,39,42,.5019607843)}.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:rgba(244,63,94,.3)}.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:translateX(4px)}.news .content .cards-container .card .image-container{height:192px;width:100%;position:relative;overflow:hidden}.news .content .cards-container .card .image-container img{width:100%;height:100%;border-top-left-radius:12px;border-top-right-radius:12px;object-fit:cover;transition:all .3s ease}.news .content .cards-container .card .image-container .badge{position:absolute;background-color:#f43f5e;color:#18181b;border-radius:9999px;padding:2px 10px;font-weight:600;line-height:16px;font-size:12px;top:16px;left:16px;display:inline-flex;border:1px solid rgba(0,0,0,0)}.news .content .cards-container .card .info-container{display:flex;flex-direction:column;box-sizing:border-box;padding:24px;width:100%;gap:12px}.news .content .cards-container .card .info-container .date-container{display:flex;flex-direction:row;align-items:center;color:#9ca3af;font-weight:400;line-height:20px;font-size:14px;gap:8px}.news .content .cards-container .card .info-container .date-container svg{width:16px;height:16px}.news .content .cards-container .card .info-container h3{margin:0;width:100%;text-overflow:ellipsis;font-weight:700;line-height:28px;font-size:20px;transition:all .3s ease;color:#fff}.news .content .cards-container .card .info-container p{margin:0 0 4px;color:#9ca3af;display:flow-root;font-size:16px;font-weight:400;line-height:24px;text-overflow:ellipsis}.news .content .cards-container .card .info-container .read-more{display:flex;flex-direction:row;gap:8px;align-items:center;color:#f43f5e;transition:all .3s ease;font-weight:500;line-height:24px;font-size:16px}.news .content .cards-container .card .info-container .read-more svg{width:16px;height:16px;transition:all .3s ease}