@font-face{font-family:SedanSC;src:url(/build/assets/SedanSC-Regular-BgmPkK_y.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto-Bold;src:url(/build/assets/Roboto-Bold-CM98DFac.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Roboto-Medium;src:url(/build/assets/Roboto-Medium-BJbjO3wX.ttf) format("truetype");font-weight:medium;font-style:normal}@font-face{font-family:Roboto-Reguler;src:url(/build/assets/Roboto-Regular-ia0dPpEo.ttf) format("truetype");font-weight:400;font-style:normal}.beranda{flex:1;text-align:center;padding:50px 20px;background-image:url(/img/Background.png);background-size:cover;background-repeat:no-repeat;margin-top:-80px;margin-left:-3px;min-height:115vh;display:flex;flex-direction:column;justify-content:center}.quote{background-image:url(/img/bgberanda.png);background-size:cover;background-position:center;border:4px solid #B17E29;border:10px solid #B17E29;border-radius:10px;padding:80px;display:inline-block;max-width:1100px;animation:fadeIn .5s ease-in-out;font-family:Sedan SC;font-size:22px}.quote-image{max-width:300px;width:100%;margin:20px 0;display:block;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.quote-image:hover{transform:scale(1.05)}.quote p{font-size:32px;margin:0;color:#fff;transition:color .3s ease;font-family:SedanSC,sans-serif;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-ms-transition:color .3s ease;-o-transition:color .3s ease}.quote:hover p{color:#b17e29}.quote a{background-color:#b17e29;border:none;border-radius:10px;padding:10px 20px;font-size:20px;color:#fff;font-weight:700;cursor:pointer;transition:background-color .3s ease}.quote a:hover{background-color:#b17e29;background-color:#8f6721}@media (max-width: 768px){.quote p{font-size:20px}.quote a{font-size:14px}.quote-image{max-width:200px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.about-section,.about-section2{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:100px 100px 32px}.about-image,.about-image2{width:40%;border-radius:10px;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease,box-shadow .4s ease}.about-image:hover,.about-image2:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 8px 20px #0000004d}.about-text,.about-text2{width:50%;font-size:20px;text-align:justify;line-height:1.6;font-family:Roboto-Reguler,sans-serif}.min-h-screen.black .about-text,.min-h-screen.black .about-text2{color:#ddd}@media (max-width: 1024px){.about-section,.about-section2{flex-direction:column;text-align:center;margin-left:20px;margin-right:20px}.about-image,.about-image2{width:100%;margin-bottom:20px}.about-text,.about-text2{width:100%;padding-left:0}}@media (max-width: 768px){.about-section,.about-section2{margin-left:10px;margin-right:10px}.about-text,.about-text2{font-size:18px}}@media (max-width: 480px){.about-text,.about-text2{font-size:16px}.about-image,.about-image2{width:100%}}.title-container{display:flex;justify-content:center;align-items:center;text-align:center;margin-top:20px}.section-title{font-family:Roboto-Bold,sans-serif;font-size:40px;font-weight:bolder;margin:35px 0 100px;background:linear-gradient(to bottom,#fcbf49,#fff);padding:20px 50px;border-radius:15px}.bee-types{display:flex;flex-direction:column;margin-left:100px;margin-right:100px}.bee-types .bee-type{display:flex;justify-content:flex-start;margin-bottom:32px;align-items:center;gap:20px}.bee-types .bee-type.reverse{justify-content:flex-end}.bee-image{width:25%;border-radius:10px;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease}.bee-image:hover{transform:scale(1.05);box-shadow:0 8px 20px #0000004d}.bee-title{font-size:28px;margin-bottom:8px;font-family:Roboto,sans-serif;font-weight:600}.bee-description{font-size:20px;text-align:justify;font-family:Roboto,sans-serif}.min-h-screen.black .bee-title,.min-h-screen.black .bee-description{color:#ccc}@media (max-width: 1024px){.bee-types{margin-left:50px;margin-right:50px}.bee-types .bee-type{flex-direction:column;align-items:center;text-align:center}.bee-types .bee-type.reverse{flex-direction:column-reverse}.bee-image{width:60%;margin-bottom:20px}}@media (max-width: 768px){.bee-types{margin-left:20px;margin-right:20px}.bee-image{width:80%}.bee-title{font-size:22px}.bee-description{font-size:18px}}@media (max-width: 480px){.bee-types{margin-left:10px;margin-right:10px}.bee-image{width:100%}.bee-title{font-size:20px}.bee-description{font-size:16px}}.video-section{padding:32px;margin-bottom:100px;margin-top:100px;justify-content:center;align-items:center;text-align:center}.video-title{font-family:Roboto-Bold,sans-serif;text-align:center;font-size:40px;font-weight:700;background:linear-gradient(to bottom,#fcbf49,#fff);padding:20px 50px;border-radius:5px;display:inline-block;justify-content:center;align-items:center;margin-bottom:100px}.video-container{display:flex;justify-content:center;margin-bottom:100px}.video-thumbnail{width:100%;max-width:800px;border-radius:10px}.video-info{display:flex;justify-content:flex-end;margin-bottom:16px;margin-right:100px;margin-left:100px;transition:transform .3s ease}.video-info.reverse{justify-content:flex-start}.video-image{width:40%;border-radius:10px;margin-bottom:30px;transition:transform .3s ease,box-shadow .3s ease}.video-image:hover{transform:scale(1.05);box-shadow:0 8px 20px #0000004d}.video-text{width:50%;margin-right:30px;margin-left:30px;text-align:justify;transition:color .3s ease}.video-text h2{font-family:Roboto-Medium,sans-serif;font-size:24px;font-weight:medium;margin-bottom:10px}.video-text p{font-family:Roboto-Reguler,sans-serif;font-weight:400;margin-bottom:10px;font-size:20px;text-align:justify;font-family:Roboto,sans-serif}.min-h-screen.black .video-text{color:#ccc}@media (max-width: 768px){.video-info{flex-direction:column;margin-right:20px;margin-left:20px}.video-image{width:100%}.video-text{width:100%;margin-right:0;margin-left:0}}.gallery-section{padding:10px;text-align:center}.gallery-button{background-color:#000;color:#fff;padding:8px 16px;border-radius:4px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;gap:16px;margin:32px 0}.gallery-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:10px}