*{margin:0;padding:0;box-sizing:border-box}:root{--color-red:#ff0000;--color-berita:#d11a1a;--color-white:#ffffff;--color-white-sec:#f5f5f5;--color-white-tri:#e4e3e3;--color-white-fr:#acaaaa;--color-orange:#ffb804;--color-dark-gray:#333333;--color-black:#000000;--color-gray:#777777;--color-blue:#3498db;--color-twitter:#1da1f2;--color-facebook:#4267b2;--color-telegram:#24a1de;--color-instagram:#833ab4;--color-whatsapp:#25d366;--color-line:#06c755}body{font-family:"Arial",sans-serif;background-color:var(--color-white-sec);color:var(--color-dark-gray);background-image:url(https://beritaliputan-assets-520.onrender.com/assets/images/types/background/1920-1080-HNY_1.webp);background-repeat:no-repeat;background-position:center;background-size:cover}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.wraper{max-width:1200px}header{background-color:var(--color-berita);color:var(--color-white);padding:10px 10px 0 10px;text-align:center;border-radius:12px;margin-bottom:20px}header h1{font-size:3rem}.social-media{width:100%;font-size:1rem;padding:20px;box-shadow:0 1px 0 var(--color-white)}.social-media a{color:var(--color-white);padding:0 10px}.navbar{display:flex;justify-content:space-between}.navbar-bottom a:hover{color:var(--color-blue);transition:0.3s}.fa-user-plus{padding-right:5px}.list-navbar{list-style-type:none;margin:0;padding:0;overflow:hidden}.list-navbar li{float:left}.list-navbar a:hover{color:var(--color-blue);transition:0.5s}.list a,.dropbtn{display:inline-block;color:var(--color-white);text-align:center;padding:14px 16px;text-decoration:none}.navbar li.dropdown{display:inline-block}.dropdown-content{display:none;position:absolute;background-color:var(--color-berita);min-width:160px;box-shadow:0 8px 16px 0 rgb(0 0 0 / .2);z-index:1}.dropdown-content a{color:var(--color-white);padding:12px 16px;text-decoration:none;display:block;text-align:left}.dropdown-content a:hover{color:var(--color-blue)}.dropdown:hover .dropdown-content{display:block}.slider-container{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;margin-bottom:30px}.slider-images{display:flex;transition:transform 0.7s ease-in-out}.slider-images img{width:100%;height:100%;object-fit:cover}.wraper-section{background-color:var(--color-berita);height:100%}.container-section{display:flex;justify-content:left;align-items:center;color:var(--color-white);padding:20px 20px;gap:50px}.container-section p{font-weight:700}.list-trending{display:flex;gap:40px;list-style-type:none;transition:transform 0.3s ease-in-out}.list-trending li a{color:var(--color-white);text-decoration:none}.list-trending li a:hover{color:var(--color-blue);transition:0.5s}.slider-dots{text-align:center;margin-top:10px}.dot{display:inline-block;width:15px;height:15px;margin:0 5px;background-color:var(--color-berita);border-radius:50%;cursor:pointer}.dot.active{background-color:var(--color-berita)}.news-section{display:flex;justify-content:space-between;padding:20px 20px;gap:20px}.news-item{width:30%;background-color:var(--color-white);border-radius:8px;box-shadow:0 4px 10px rgb(0 0 0 / .1);overflow:hidden;transition:transform 0.3s ease}.news-item:hover{transform:translateY(-10px)}.news-item img{width:100%;height:200px;object-fit:cover}.news-content{padding:20px}.liputan-section{display:flex}.news-section-second{display:flex;flex-direction:column;justify-content:space-between;padding:0 20px;gap:20px}.news-item-second{width:100%;border-radius:8px;box-shadow:0 4px 10px rgb(0 0 0 / .1);overflow:hidden;transition:transform 0.3s ease;position:relative;display:inline-block}.news-item-second img{width:100%;height:300px;object-fit:cover}.news-content-second{position:absolute;width:80%;top:80%;left:50%;transform:translate(-50%,-50%);color:var(--color-white);font-size:24px;font-weight:700;text-shadow:2px 4px 4px rgb(0 0 0 / .5)}.news-section-second-small{display:grid;grid-template-columns:auto auto auto;padding:10px 10px;gap:20px}.news-item-second-small{width:185px;height:205px;border-radius:8px;box-shadow:0 4px 10px rgb(0 0 0 / .1);padding:20px 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;white-space:normal}.news-item-second-small a{text-decoration:none}.news-item-second-small img{width:100%;height:100px;border-radius:8px}.news-content-second-small{padding:5px 0;color:var(--color-white);max-width:200px}.news-content-second-small:hover{color:var(--color-blue);transition:0.3s}.news-section-second-sorotan{display:grid;grid-template-columns:auto auto auto;padding:10px 10px;gap:20px}.news-item-second-sorotan{width:250px;height:225px;border-radius:8px;box-shadow:0 4px 10px rgb(0 0 0 / .1);padding:20px 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal}.news-item-second-sorotan a{text-decoration:none}.news-item-second-sorotan img{width:100%;height:150px;border-radius:8px}.news-content-second-sorotan{padding:5px 0;color:var(--color-white);max-width:250px;font-size:1.2rem}.news-content-second-sorotan:hover{color:var(--color-blue);transition:0.3s}.side-sorotan{width:360px}.side-sorotan h2{color:var(--color-white)}.box-sorotan{padding:10px 0}.box-sorotan a{text-decoration:none}.box-sorotan img{width:360px;height:200px;border-radius:8px}.box-sorotan-text{color:var(--color-white);font-size:1.3rem;padding:15px 0;box-shadow:0 2px 0 0 var(--color-white)}.box-sorotan-text:hover{color:var(--color-twitter);transition:0.3s}.sidebar-konten h2{color:var(--color-white)}.box-konten{padding:10px 0}.box-konten a{text-decoration:none}.box-konten img{width:360px;height:200px;border-radius:8px}.box-konten-text{width:360px;color:var(--color-white);font-size:1.3rem;padding:15px 0;box-shadow:0 2px 0 0 var(--color-white-tri)}.box-konten-text p,.box-konten-text-bottom p{width:360px;height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.box-konten-text-bottom{width:360px;color:var(--color-white);font-size:1.3rem;padding:15px 0}.box-konten-text:hover,.box-konten-text-bottom:hover{color:var(--color-twitter);transition:0.3s}.bottom-sorotan p{padding:15px 0;font-size:1.1rem;color:var(--color-white-tri)}.bottom-sorotan img{width:360px;height:500px;border-radius:8px;position:absolute}.banner-sorotan{padding:20px 0}.banner-sorotan img{width:810px;border-radius:8px;padding:0 20px}.konten-pilihan{display:flex;padding:10px;gap:10px}.konten-pilihan img{width:300px;height:150px;border-radius:8px}.card-konten-pilihan{width:470px}.card-konten-pilihan a{text-decoration:none}.card-konten-pilihan h2{color:var(--color-white);font-size:1.2rem}.card-konten-pilihan h2:hover{color:var(--color-blue);transition:0.3s}.card-konten-pilihan p{color:var(--color-orange);padding:5px 0 0 0;font-size:.8rem}.box-konten{display:flex}.liputan-container-section{max-width:200px}.liputan-container-section h2{color:var(--color-white);padding:10px 0 20px 0}.liputan-container-section a{text-decoration:none}.mostFlex{display:flex;justify-content:center;gap:10px;padding:5px}.mostNumber{width:max-content;height:max-content;background-color:var(--color-white-fr);border:2px solid var(--color-white-fr);border-radius:100%;padding:5px}.mostTitle{font-size:1rem;color:var(--color-white);font-family:Arial,Helvetica,sans-serif}.mostTitle:hover{color:var(--color-blue);transition:0.2s}.mostTitleBottom{font-size:1rem;color:var(--color-blue);font-family:Arial,Helvetica,sans-serif;font-weight:700}.mostTag{font-size:1rem;color:var(--color-orange);font-family:Arial,Helvetica,sans-serif;padding:5px 0 10px 0}.liputan-image-section img{width:360px;height:650px}.baca-iklan{padding:20px 10px;font-weight:700;color:var(--color-gray);background-color:var(--color-white-tri);border-radius:10px;text-align:center}.baca-iklan p{font-size:.8rem}.baca-iklan a{color:var(--color-blue);text-decoration:none}.hr-sorotan{display:flex;align-items:center;gap:20px}.line-sorotan{color:var(--color-white-sec)}.sosmed-sorotan{display:block;background-color:var(--color-white-tri);padding:10px}.sosmed-sorotan h2{color:var(--color-gray);font-size:1.2rem;padding:0 0 5px 0}.icon-sorotan{display:flex;gap:1rem}.icon-sorotan a{transition:transform 0.3s ease}.icon-sorotan a:hover{transform:scale(1.2);transition:0.5s}.sorotan{padding:0 10px}.sorotan h2{color:var(--color-white)}.wraper-srotoan{display:flex}.news-title{font-size:1.5rem;font-weight:700;margin-bottom:10px}.news-summary{font-size:1rem;color:var(--color-gray)}footer{background-color:var(--color-red);color:var(--color-white);text-align:center;padding:20px;border-radius:0 0 12px 12px}footer p{font-size:1rem}@media (max-width:768px){header h1{font-size:2rem}.news-section{flex-direction:column;padding:10px 20px}.news-item{width:100%;margin-bottom:20px}.container-section{display:block;color:var(--color-white);padding:10px 20px}.navbar{display:block}.navbar-bottom{display:flex;justify-content:center;width:100%;padding:10px}.navbar-list-bottom{width:max-content;border:2px solid var(--color-red);border-radius:8px;background-color:var(--color-white-fr)}.fa-user-plus{padding-right:5px}.list-trending{display:grid;grid-template-columns:auto auto auto auto;gap:5px}.list-trending li a{font-size:.7rem}.news-item-second{width:100%}.news-section-second-small{display:grid;grid-template-columns:auto auto;padding:10px 10px;gap:20px}.news-item-second-small{width:150px;height:200px;border-radius:8px;box-shadow:0 4px 10px rgb(0 0 0 / .1);padding:20px 10px}.news-item-second-small a{text-decoration:none}.news-item-second-small img{width:100%;height:100px;border-radius:8px}.news-content-second-small{padding:5px 0;color:var(--color-white);max-width:200px}.liputan-container-section{display:none}.liputan-image-section img{display:none}.news-section-second-sorotan{display:grid;grid-template-columns:auto auto;padding:10px 10px;gap:20px}.news-item-second-sorotan{width:150px;height:235px;border-radius:8px;box-shadow:0 4px 10px rgb(0 0 0 / .1);padding:20px 10px;-webkit-line-clamp:4}.news-item-second-sorotan a{text-decoration:none}.news-item-second-sorotan img{height:150px}.news-content-second-sorotan{padding:5px 0;color:var(--color-white);font-size:1rem}.hr-sorotan{display:block}.line-sorotan{display:none;color:var(--color-white-sec)}.sosmed-sorotan{display:block;background-color:var(--color-white-tri);padding:5px 20px}.sosmed-sorotan h2{color:var(--color-gray);font-size:1.2rem}.icon-sorotan{display:flex;gap:.2rem}.baca-iklan{display:none}.side-sorotan{display:none}.banner-sorotan{padding:20px 0}.banner-sorotan img{width:100%;border-radius:8px;padding:0 20px}.sidebar-konten{display:none}.konten-pilihan{display:flex;padding:5px 20px;gap:10px}.konten-pilihan img{width:100%;height:100px;border-radius:8px}.card-konten-pilihan{width:100%}.card-konten-pilihan a{text-decoration:none}.card-konten-pilihan h2{color:var(--color-white);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal}.card-konten-pilihan p{color:var(--color-orange);padding:5px 0 0 0;font-size:.8rem}}@media (min-width:768px) and (max-width:1023px){header h1{font-size:2rem}.news-section{flex-direction:column;padding:10px 20px}.news-item{width:100%;margin-bottom:20px}.container-section{display:block;color:var(--color-white);padding:10px 20px}.list-trending{display:grid;grid-template-columns:auto auto auto auto;gap:5px}.list-trending li a{font-size:.8rem}.news-item-second{width:100%}.news-section-second-small{display:grid;grid-template-columns:auto auto auto auto;padding:10px 10px;gap:20px}.news-item-second-small{width:100%;height:200px;border-radius:8px;box-shadow:0 4px 10px rgb(0 0 0 / .1);padding:20px 10px}.news-item-second-small a{text-decoration:none}.news-item-second-small img{width:100%;height:100px;border-radius:8px}.news-content-second-small{padding:5px 0;color:var(--color-white);max-width:200px}.liputan-container-section{display:none}.liputan-image-section img{display:none}.news-section-second-sorotan{display:grid;grid-template-columns:auto auto auto auto;padding:10px 10px;gap:20px}.news-item-second-sorotan{width:100%;height:200px;border-radius:8px;box-shadow:0 4px 10px rgb(0 0 0 / .1);padding:20px 10px;-webkit-line-clamp:5}.news-item-second-sorotan a{text-decoration:none}.news-item-second-sorotan img{width:100%;height:100px;border-radius:8px}.news-content-second-sorotan{padding:5px 0;color:var(--color-white);max-width:200px}.hr-sorotan{display:block}.line-sorotan{display:none;color:var(--color-white-sec)}.sosmed-sorotan{display:block;background-color:var(--color-white-tri);padding:5px 20px}.sosmed-sorotan h2{color:var(--color-gray);font-size:1.2rem}.icon-sorotan{display:flex;gap:.2rem}.baca-iklan{display:none}.side-sorotan{display:none}.banner-sorotan{padding:20px 0}.banner-sorotan img{width:100%;border-radius:8px;padding:0 20px}.sidebar-konten{display:none}.konten-pilihan{display:flex;padding:5px 20px;gap:10px}.konten-pilihan img{width:100%;height:100px;border-radius:8px}.card-konten-pilihan{width:100%}.card-konten-pilihan a{text-decoration:none}.card-konten-pilihan h2{color:var(--color-white);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal}.card-konten-pilihan p{color:var(--color-orange);padding:5px 0 0 0;font-size:.8rem}}