@keyframes naikTurun{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}main{>.header{font-family:"Poppins",sans-serif;margin:auto;width:100%;position:relative;z-index:1;>h1{max-width:var(--w);margin:20px auto;font-size:75px;font-weight:900;line-height:55px;@media screen and (max-width:1200px){width:100%;padding:0 20px;font-size:65px}@media screen and (max-width:768px){font-size:50px}@media screen and (max-width:480px){font-size:40px;line-height:.9}}>div{font-family:'Oak Sans',sans-serif;font-size:31px;position:relative;min-height:300px;color:#fff;padding:30px 5px;box-shadow:0 -5px 10px rgba(0,0,0,.5);>.bg-header{overflow:hidden;margin:auto;position:absolute;inset:0;z-index:-1;background-color:#1d5032;>img{width:auto;min-width:100%;height:100%;object-fit:cover}}>div:last-child{display:inline-block;position:absolute;margin:auto;inset:0;height:100%;width:100%;max-width:1200px;padding:30px 0;@media screen and (max-width:1200px){width:100%;padding:30px 20px}>h2{line-height:50px;@media screen and (max-width:1200px){line-height:40px;font-size:35px}}>p{font-weight:normal;font-size:20px;line-height:10px;margin:30px 0}>div{margin-top:50px;@media screen and (max-width:768px){display:flex;flex-direction:column;gap:10px}>a{background:#fff;color:#009141;padding:5px 30px;border-radius:5px;font-size:18px;font-weight:bold;width:fit-content;&:hover{background:#24c271;color:#fff}}}.orang-animasi{position:absolute;bottom:-60px;right:10px;height:100%;width:300px;@media screen and (max-width:1200px){width:220px;right:80px;top:-40px}@media screen and (max-width:768px){width:200px;right:0;top:-40px}@media screen and (max-width:480px){display:none}>img{opacity:0;position:absolute;bottom:0;width:100%;transition:all 1s ease-in-out;&.active{opacity:1}}}}}}.content{font-family:oak-sans,sans-serif;margin:70px auto;display:flex;width:var(--w);gap:20px;@media screen and (max-width:1200px){padding:0 20px;width:100%}@media screen and (max-width:768px){flex-direction:column;aside{width:100%;.slide-banner{width:330px}&::after{content:none}}}@media screen and (max-width:480px){aside{.slide-banner{width:100%}}}>div{width:calc(100% - 370px);min-height:100%;@media screen and (max-width:768px){width:100%}@media screen and (max-width:480px){>h2{font-size:18px}}>h2>b{color:#009141}.tab{margin-top:20px;display:flex;gap:15px;a{font-size:20px;color:#000;padding:5px 15px;background:#fff;border-radius:5px;@media screen and (max-width:1200px){font-size:18px}@media screen and (max-width:480px){font-size:12px}&:hover,&.active{color:#A10000;&:active,&.active{background:#B41f1c;color:#fff}}}}.tab-content{margin-top:20px;>div{margin-top:20px;display:flex;gap:20px;flex-wrap:wrap;>div{width:calc(50% - 10px);height:fit-content;background:#fff;border-radius:10px;padding:20px;@media screen and (max-width:1200px){padding:10px}>div{height:200px;border-radius:10px;overflow:hidden;background-color:#efefef;img{width:100%;height:100%;object-fit:cover}}>p{height:60px;border-radius:10px;a{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color:#1f5b35;font-weight:500;font-size:20px;@media screen and (max-width:1200px){font-size:17px}@media screen and (max-width:480px){font-size:13px}&:hover{color:#A10000}}}}}}}}}