.elementor-2858 .elementor-element.elementor-element-7594d6a:not(.elementor-motion-effects-element-type-background), .elementor-2858 .elementor-element.elementor-element-7594d6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vokasi.unhas.ac.id/wp-content/uploads/2026/06/Hijau-Putih-Modern-Pertanian-Seminar-Presentasi.jpg");background-size:cover;}.elementor-2858 .elementor-element.elementor-element-7594d6a > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #010505 37%, #000000 100%);opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2858 .elementor-element.elementor-element-7594d6a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 200px 0px;overflow:visible;}.elementor-bc-flex-widget .elementor-2858 .elementor-element.elementor-element-1125127.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2858 .elementor-element.elementor-element-1125127.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2858 .elementor-element.elementor-element-1125127 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:54px;}.elementor-2858 .elementor-element.elementor-element-1125127 > .elementor-element-populated{padding:15px 15px 15px 15px;}.elementor-2858 .elementor-element.elementor-element-56b8fa6 .elementskit-section-title-wraper .elementskit-section-title{color:#ffffff;text-shadow:0px 0px 10px rgba(0,0,0,0.3);margin:0px 0px 30px 0px;font-family:"Lato", Sans-serif;font-size:64px;font-weight:900;line-height:74px;}.elementor-2858 .elementor-element.elementor-element-56b8fa6 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-2858 .elementor-element.elementor-element-56b8fa6 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-2858 .elementor-element.elementor-element-56b8fa6 .elementskit-section-title-wraper p{color:#ffffff;font-family:"Poppins", Sans-serif;font-size:30px;font-weight:400;line-height:30px;margin:0px 0px 0px 0px;}.elementor-2858 .elementor-element.elementor-element-0bca674{--display:flex;--overlay-opacity:0;--overlay-mix-blend-mode:screen;overflow:visible;}.elementor-2858 .elementor-element.elementor-element-0bca674:not(.elementor-motion-effects-element-type-background), .elementor-2858 .elementor-element.elementor-element-0bca674 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2858 .elementor-element.elementor-element-0bca674::before, .elementor-2858 .elementor-element.elementor-element-0bca674 > .elementor-background-video-container::before, .elementor-2858 .elementor-element.elementor-element-0bca674 > .e-con-inner > .elementor-background-video-container::before, .elementor-2858 .elementor-element.elementor-element-0bca674 > .elementor-background-slideshow::before, .elementor-2858 .elementor-element.elementor-element-0bca674 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2858 .elementor-element.elementor-element-0bca674 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-2858 .elementor-element.elementor-element-f97f2da{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;--border-radius:0px 0px 0px 0px;overflow:visible;}.elementor-2858 .elementor-element.elementor-element-b15271e .eael-infobox .infobox-icon{align-self:center;}.elementor-2858 .elementor-element.elementor-element-b15271e .eael-infobox .infobox-icon i{font-size:40px;color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-b15271e .eael-infobox .infobox-icon svg{height:40px;width:40px;fill:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-b15271e .eael-infobox .infobox-icon .infobox-icon-wrap img{height:40px;width:40px;}.elementor-2858 .elementor-element.elementor-element-b15271e .eael-infobox.icon-beside-title .infobox-content .title figure i{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-b15271e .eael-infobox:hover .infobox-icon i{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-b15271e .eael-infobox:hover .infobox-icon svg{fill:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-b15271e .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-b15271e .eael-infobox .infobox-content .title{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-b15271e .eael-infobox .infobox-content p{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-b15271e .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-2858 .elementor-element.elementor-element-b15271e .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-2858 .elementor-element.elementor-element-30e0fa8 .eael-infobox .infobox-icon{align-self:center;}.elementor-2858 .elementor-element.elementor-element-30e0fa8 .eael-infobox .infobox-icon i{font-size:40px;color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-30e0fa8 .eael-infobox .infobox-icon svg{height:40px;width:40px;fill:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-30e0fa8 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:40px;width:40px;}.elementor-2858 .elementor-element.elementor-element-30e0fa8 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-30e0fa8 .eael-infobox:hover .infobox-icon i{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-30e0fa8 .eael-infobox:hover .infobox-icon svg{fill:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-30e0fa8 .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-30e0fa8 .eael-infobox .infobox-content .title{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-30e0fa8 .eael-infobox .infobox-content p{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-30e0fa8 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-2858 .elementor-element.elementor-element-30e0fa8 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-2858 .elementor-element.elementor-element-7d257a6 .eael-infobox .infobox-icon{align-self:center;}.elementor-2858 .elementor-element.elementor-element-7d257a6 .eael-infobox .infobox-icon i{font-size:40px;color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-7d257a6 .eael-infobox .infobox-icon svg{height:40px;width:40px;fill:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-7d257a6 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:40px;width:40px;}.elementor-2858 .elementor-element.elementor-element-7d257a6 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-7d257a6 .eael-infobox:hover .infobox-icon i{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-7d257a6 .eael-infobox:hover .infobox-icon svg{fill:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-7d257a6 .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-7d257a6 .eael-infobox .infobox-content .title{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-7d257a6 .eael-infobox .infobox-content p{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-7d257a6 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-2858 .elementor-element.elementor-element-7d257a6 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-2858 .elementor-element.elementor-element-f09c16f .eael-infobox .infobox-icon{align-self:center;}.elementor-2858 .elementor-element.elementor-element-f09c16f .eael-infobox .infobox-icon i{font-size:40px;color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-f09c16f .eael-infobox .infobox-icon svg{height:40px;width:40px;fill:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-f09c16f .eael-infobox .infobox-icon .infobox-icon-wrap img{height:40px;width:40px;}.elementor-2858 .elementor-element.elementor-element-f09c16f .eael-infobox.icon-beside-title .infobox-content .title figure i{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-f09c16f .eael-infobox:hover .infobox-icon i{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-f09c16f .eael-infobox:hover .infobox-icon svg{fill:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-f09c16f .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-f09c16f .eael-infobox .infobox-content .title{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-f09c16f .eael-infobox .infobox-content p{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-f09c16f .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-2858 .elementor-element.elementor-element-f09c16f .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-2858 .elementor-element.elementor-element-b35558e .eael-infobox .infobox-icon{align-self:center;}.elementor-2858 .elementor-element.elementor-element-b35558e .eael-infobox .infobox-icon i{font-size:40px;color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-b35558e .eael-infobox .infobox-icon svg{height:40px;width:40px;fill:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-b35558e .eael-infobox .infobox-icon .infobox-icon-wrap img{height:40px;width:40px;}.elementor-2858 .elementor-element.elementor-element-b35558e .eael-infobox.icon-beside-title .infobox-content .title figure i{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-b35558e .eael-infobox:hover .infobox-icon i{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-b35558e .eael-infobox:hover .infobox-icon svg{fill:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-b35558e .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-b35558e .eael-infobox .infobox-content .title{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-b35558e .eael-infobox .infobox-content p{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-b35558e .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-2858 .elementor-element.elementor-element-b35558e .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-2858 .elementor-element.elementor-element-7dfbc94 .eael-infobox .infobox-icon{align-self:center;}.elementor-2858 .elementor-element.elementor-element-7dfbc94 .eael-infobox .infobox-icon i{font-size:40px;color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-7dfbc94 .eael-infobox .infobox-icon svg{height:40px;width:40px;fill:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-7dfbc94 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:40px;width:40px;}.elementor-2858 .elementor-element.elementor-element-7dfbc94 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-7dfbc94 .eael-infobox:hover .infobox-icon i{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-7dfbc94 .eael-infobox:hover .infobox-icon svg{fill:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-7dfbc94 .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-7dfbc94 .eael-infobox .infobox-content .title{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-7dfbc94 .eael-infobox .infobox-content p{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-7dfbc94 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-2858 .elementor-element.elementor-element-7dfbc94 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-2858 .elementor-element.elementor-element-795b5e5 .eael-infobox .infobox-icon{align-self:center;}.elementor-2858 .elementor-element.elementor-element-795b5e5 .eael-infobox .infobox-icon i{font-size:40px;color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-795b5e5 .eael-infobox .infobox-icon svg{height:40px;width:40px;fill:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-795b5e5 .eael-infobox .infobox-icon .infobox-icon-wrap img{height:40px;width:40px;}.elementor-2858 .elementor-element.elementor-element-795b5e5 .eael-infobox.icon-beside-title .infobox-content .title figure i{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-795b5e5 .eael-infobox:hover .infobox-icon i{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-795b5e5 .eael-infobox:hover .infobox-icon svg{fill:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-795b5e5 .eael-infobox.icon-beside-title:hover .infobox-content .title figure i{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-795b5e5 .eael-infobox .infobox-content .title{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-795b5e5 .eael-infobox .infobox-content p{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-795b5e5 .eael-infobox:hover .infobox-content h4{transition:100ms;}.elementor-2858 .elementor-element.elementor-element-795b5e5 .eael-infobox:hover .infobox-content p{transition:100ms;}.elementor-2858 .elementor-element.elementor-element-d4b02ee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-2858 .elementor-element.elementor-element-d4b02ee > .elementor-shape-top .elementor-shape-fill, .elementor-2858 .elementor-element.elementor-element-d4b02ee > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#DDD4D44F;}.elementor-2858 .elementor-element.elementor-element-d4b02ee > .elementor-shape-bottom .elementor-shape-fill, .elementor-2858 .elementor-element.elementor-element-d4b02ee > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#AEB2B817;}.elementor-2858 .elementor-element.elementor-element-d4b02ee > .elementor-shape-bottom svg, .elementor-2858 .elementor-element.elementor-element-d4b02ee > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:150px;transform:translateX(-50%) rotateY(180deg);}.elementor-widget-eael-dual-color-header .eael-dch-separator-wrap i{color:var( --e-global-color-primary );}.elementor-2858 .elementor-element.elementor-element-c661474 .eael-dual-header i{font-size:36px;color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-c661474 .eael-dual-header img{height:36px;width:36px;}.elementor-2858 .elementor-element.elementor-element-c661474 .eael-dual-header .eael-dch-svg-icon{height:36px;width:36px;}.elementor-2858 .elementor-element.elementor-element-c661474 .eael-dual-header .eael-dch-svg-icon svg{height:36px;width:36px;}.elementor-2858 .elementor-element.elementor-element-c661474 .eael-dual-header svg{fill:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-c661474 .eael-dual-header .title{color:#0C896A;}.elementor-2858 .elementor-element.elementor-element-c661474 .eael-dual-header .title span.lead{color:#859495;}.elementor-2858 .elementor-element.elementor-element-c661474 .eael-dual-header .subtext{color:#4d4d4d;}.elementor-2858 .elementor-element.elementor-element-44098c5 .eael-img-accordion {height:500px;}.elementor-2858 .elementor-element.elementor-element-44098c5 .eael-img-accordion{margin:0px 10px 10px 0px;border-radius:4px;}.elementor-2858 .elementor-element.elementor-element-44098c5 .eael-img-accordion a:first-child{border-radius:4px 0 0 4px;}.elementor-2858 .elementor-element.elementor-element-44098c5 .eael-img-accordion a:last-child{border-radius:0 4px 4px 0;}.elementor-2858 .elementor-element.elementor-element-44098c5 .eael-img-accordion .eael-image-accordion-hover:before{background-color:rgba(0, 0, 0, .3);}.elementor-2858 .elementor-element.elementor-element-44098c5 .eael-img-accordion .eael-image-accordion-hover:hover::before{background-color:rgba(0, 0, 0, .5);}.elementor-2858 .elementor-element.elementor-element-44098c5 .eael-img-accordion .eael-image-accordion-hover.overlay-active:hover::before{background-color:rgba(0, 0, 0, .5);}.elementor-2858 .elementor-element.elementor-element-44098c5 .eael-img-accordion .eael-image-accordion-hover.overlay-active:before{background-color:rgba(0, 0, 0, .5);}.elementor-2858 .elementor-element.elementor-element-44098c5 .eael-img-accordion .overlay .img-accordion-title{color:#fff !important;}.elementor-2858 .elementor-element.elementor-element-44098c5 .eael-img-accordion .overlay p{color:#fff;}.elementor-2858 .elementor-element.elementor-element-98410e4{--spacer-size:214px;}.elementor-2858 .elementor-element.elementor-element-af24c85{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}@media(max-width:1024px){.elementor-2858 .elementor-element.elementor-element-56b8fa6 > .elementor-widget-container{padding:0px 50px 0px 0px;}.elementor-2858 .elementor-element.elementor-element-56b8fa6 .elementskit-section-title-wraper .elementskit-section-title{font-size:50px;line-height:55px;}.elementor-2858 .elementor-element.elementor-element-f97f2da{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2858 .elementor-element.elementor-element-7594d6a{padding:100px 0px 100px 0px;}.elementor-2858 .elementor-element.elementor-element-56b8fa6 .elementskit-section-title-wraper .elementskit-section-title{font-size:34px;line-height:40px;}.elementor-2858 .elementor-element.elementor-element-f97f2da{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(max-width:1024px) and (min-width:768px){.elementor-2858 .elementor-element.elementor-element-1125127{width:100%;}}@media(min-width:1025px){.elementor-2858 .elementor-element.elementor-element-7594d6a:not(.elementor-motion-effects-element-type-background), .elementor-2858 .elementor-element.elementor-element-7594d6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for eael-image-accordion, class: .elementor-element-44098c5 */* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Arial', sans-serif;
        }

        body {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            background-color: #f0f2f5;
            gap: 20px;
            flex-wrap: wrap;
            padding: 20px;
        }

        /* Gaya Tombol 1 - Gradasi & Efek Naik */
        .btn-1 {
            padding: 15px 30px;
            font-size: 16px;
            font-weight: 600;
            color: white;
            border: none;
            border-radius: 12px;
            background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
            box-shadow: 0 4px 15px rgba(106, 17, 203, 0.3);
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .btn-1:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(106, 17, 203, 0.4);
        }

        /* Gaya Tombol 2 - Garis Luar & Isi Transisi */
        .btn-2 {
            padding: 15px 30px;
            font-size: 16px;
            font-weight: 600;
            color: #2575fc;
            border: 2px solid #2575fc;
            border-radius: 12px;
            background: transparent;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
            z-index: 1;
        }

        .btn-2::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 0%;
            height: 100%;
            background-color: #2575fc;
            transition: all 0.3s ease;
            z-index: -1;
        }

        .btn-2:hover {
            color: white;
        }

        .btn-2:hover::before {
            width: 100%;
        }

        /* Gaya Tombol 3 - Berkilau */
        .btn-3 {
            padding: 15px 30px;
            font-size: 16px;
            font-weight: 600;
            color: white;
            border: none;
            border-radius: 12px;
            background-color: #10b981;
            box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }

        .btn-3::after {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: linear-gradient(transparent, rgba(255,255,255,0.2), transparent);
            transform: rotate(45deg);
            transition: all 0.5s ease;
            opacity: 0;
        }

        .btn-3:hover::after {
            opacity: 1;
            left: 100%;
        }

        /* Gaya Tombol 4 - Tekan */
        .btn-4 {
            padding: 15px 30px;
            font-size: 16px;
            font-weight: 600;
            color: white;
            border: none;
            border-radius: 12px;
            background-color: #ef4444;
            box-shadow: 0 6px 0 #dc2626;
            cursor: pointer;
            transition: all 0.1s ease;
        }

        .btn-4:active {
            transform: translateY(6px);
            box-shadow: 0 0 0 #dc2626;
        }/* End custom CSS */