.top-news{margin:50px auto;margin-bottom:100px;display:flex;align-items:center;gap:30px;height:400px}.top-news img{width:60%;height:100%;object-fit:cover;border-radius:8px}.top-news div{width:40%;height:100%;padding:30px;display:flex;flex-direction:column;align-items:start;gap:20px;border-radius:8px;background-color:#ededed}.all-news .news-item .content div p,.all-news .news-item .content div span,.news-detail span,.top-news div span{font-weight:600;font-size:14px;line-height:20px;letter-spacing:0;text-transform:uppercase;color:var(--dark-gray)}.all-news .news-item .content div p{color:var(--main)}.top-news div h1{font-weight:500;font-style:Medium;font-size:20px;line-height:26px;letter-spacing:0;text-transform:uppercase}.top-news div p{font-weight:400;font-size:16px;line-height:20px;letter-spacing:0;color:var(--dark-gray)}.all-news{margin:50px auto;display:grid;align-items:stretch;grid-template-columns:1fr 1fr 1fr;gap:20px}.all-news .news-item{width:100%;background-color:#fff;border-radius:6px;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:all .3s ease}.all-news .news-item:hover{box-shadow:0 10px 30px rgba(0,0,0,.1)}.all-news .news-item img{width:100%;height:230px;object-fit:cover;border-radius:6px}.all-news .news-item .content{width:100%;min-height:230px;padding:20px 15px;display:flex;flex-direction:column;gap:10px;align-items:start;justify-content:space-between}.all-news .news-item .content h2{font-weight:600;font-size:16px;line-height:20px;letter-spacing:0;text-transform:uppercase;color:var(--dark)}.all-news .news-item .content p{font-weight:400;font-size:14px;line-height:16px;letter-spacing:0;color:var(--dark)}.all-news .news-item .content div{width:100%;display:flex;gap:15px;align-items:center;justify-content:space-between}.pagination{display:flex;align-items:center;justify-content:space-between;margin-bottom:100px}.pagination p,.pagination span{font-weight:600;font-size:20px;line-height:24.03px;color:var(--dark)}.all-news .hidden-item{display:none;opacity:0}.news-detail{margin:50px auto;display:flex;flex-direction:column;gap:26px}.news-detail div{display:flex;flex-direction:column;gap:40px}.news-detail h1{font-weight:500;font-size:40px;line-height:45px;letter-spacing:0;width:80%}.news-detail img{width:100%;height:450px;object-fit:cover;border-radius:8px}.news-detail p{font-weight:400;font-size:20px;line-height:24px;color:var(--dark)}@media (max-width:1000px){.top-news{gap:20px;height:380px}.top-news div h1{font-size:16px;line-height:20px}.top-news div p{font-size:14px;line-height:16px}.all-news .news-item .content h2{font-size:14px;line-height:16px}.all-news .news-item .content p{font-size:13px;line-height:15px}.all-news .news-item .content div p,.all-news .news-item .content div span,.news-detail span,.top-news div span{font-size:12px;line-height:14px}.all-news{gap:15px}.pagination p,.pagination span{font-size:18px;line-height:20px}.news-detail h1{font-size:30px;line-height:35px}.news-detail img{height:350px}.news-detail p{font-size:18px;line-height:22px}.news-detail,.news-detail div{gap:30px}}@media (max-width:750px){.top-news{flex-direction:column;height:auto}.top-news img{width:100%;height:250px}.top-news div{width:100%;height:auto;padding:30px}.top-news div h1{font-size:16px;line-height:20px;width:60%}.all-news{grid-template-columns:1fr 1fr}.all-news .news-item img{height:200px}.all-news .news-item .content{min-height:200px}.news-detail h1{font-size:26px;line-height:30px}.news-detail img{height:300px}.news-detail p{font-size:16px;line-height:18px}.news-detail,.news-detail div{gap:20px}}@media (max-width:550px){.all-news{grid-template-columns:1fr}.top-news img{height:200px}.top-news div h1{width:75%}.news-detail span,.pagination p,.pagination span{font-size:16px;line-height:18px}.news-detail h1{font-size:22px;line-height:24px}.news-detail img{height:200px}.news-detail p{font-size:14px;line-height:16px}}