.elementor-39 .elementor-element.elementor-element-dd7d35e{--display:flex;--min-height:700px;--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;--justify-content:center;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-39 .elementor-element.elementor-element-dd7d35e:not(.elementor-motion-effects-element-type-background), .elementor-39 .elementor-element.elementor-element-dd7d35e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://birc.itera.ac.id/wp-content/uploads/2025/09/Gerbang-Itera.jpg");background-position:center center;background-repeat:no-repeat;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-39 .elementor-element.elementor-element-68096b4{text-align:center;}.elementor-39 .elementor-element.elementor-element-68096b4 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:50px;font-weight:600;text-shadow:2px 2px 3px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-39 .elementor-element.elementor-element-4de2687{text-align:center;font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-39 .elementor-element.elementor-element-dd804db .elementor-button{background-color:#92D476;font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:500;fill:#181818;color:#181818;border-radius:8px 8px 8px 8px;}.elementor-39 .elementor-element.elementor-element-0df7bae{--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;}.elementor-39 .elementor-element.elementor-element-daabedf  .bdt-mercury-slider{background-color:#1A5E3A;}.elementor-39 .elementor-element.elementor-element-daabedf .bdt-mercury-image-slider .bdt-item{height:407px;}.elementor-39 .elementor-element.elementor-element-daabedf .bdt-mercury-content-slider .bdt-title a{color:#FFFFFF;}.elementor-39 .elementor-element.elementor-element-daabedf .bdt-mercury-content-slider .bdt-title a:hover{color:#FFFFFF;}.elementor-39 .elementor-element.elementor-element-daabedf .bdt-mercury-content-slider .bdt-title{font-family:"Open Sans", Sans-serif;font-size:24px;}.elementor-39 .elementor-element.elementor-element-daabedf .bdt-mercury-content-slider .bdt-desc{color:#FFFFFF;}.elementor-39 .elementor-element.elementor-element-e144213{--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;}.elementor-39 .elementor-element.elementor-element-f52baa1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-39 .elementor-element.elementor-element-e82ca0b{--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;}.elementor-39 .elementor-element.elementor-element-e82ca0b:not(.elementor-motion-effects-element-type-background), .elementor-39 .elementor-element.elementor-element-e82ca0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-39 .elementor-element.elementor-element-a43a22d .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:24px;font-weight:600;color:#1A5E3A;}.elementor-39 .elementor-element.elementor-element-ad4726b{--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;}.elementor-39 .elementor-element.elementor-element-ad4726b:not(.elementor-motion-effects-element-type-background), .elementor-39 .elementor-element.elementor-element-ad4726b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-39 .elementor-element.elementor-element-98109d2 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:24px;font-weight:600;color:#1A5E3A;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-39 .elementor-element.elementor-element-d0ae687{--grid-row-gap:10px;--grid-column-gap:30px;}.elementor-39 .elementor-element.elementor-element-d0ae687 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-39 .elementor-element.elementor-element-d0ae687:after{content:"0.66";}.elementor-39 .elementor-element.elementor-element-d0ae687 .elementor-post__thumbnail__link{width:35%;}.elementor-39 .elementor-element.elementor-element-d0ae687 .elementor-post__meta-data span + span:before{content:"///";}.elementor-39 .elementor-element.elementor-element-d0ae687 .elementor-post{border-style:solid;border-width:0px 0px 1px 0px;padding:0px 0px 10px 0px;border-color:#ACACAC;}.elementor-39 .elementor-element.elementor-element-d0ae687 .elementor-post__thumbnail{border-radius:6px 6px 6px 6px;}.elementor-39 .elementor-element.elementor-element-d0ae687.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-39 .elementor-element.elementor-element-d0ae687.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-39 .elementor-element.elementor-element-d0ae687.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-39 .elementor-element.elementor-element-d0ae687 .elementor-post__title, .elementor-39 .elementor-element.elementor-element-d0ae687 .elementor-post__title a{color:#181818;font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-39 .elementor-element.elementor-element-9f87fe7{--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;}.elementor-39 .elementor-element.elementor-element-9f87fe7:not(.elementor-motion-effects-element-type-background), .elementor-39 .elementor-element.elementor-element-9f87fe7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-39 .elementor-element.elementor-element-ed52b28 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:24px;font-weight:600;color:#1A5E3A;}.elementor-39 .elementor-element.elementor-element-a7fda7a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-39 .elementor-element.elementor-element-254cd1e{--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;}.elementor-39 .elementor-element.elementor-element-254cd1e:not(.elementor-motion-effects-element-type-background), .elementor-39 .elementor-element.elementor-element-254cd1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-39 .elementor-element.elementor-element-5e03d23 img{border-radius:6px 6px 6px 6px;}.elementor-39 .elementor-element.elementor-element-18dc7f8{--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;}.elementor-39 .elementor-element.elementor-element-18dc7f8:not(.elementor-motion-effects-element-type-background), .elementor-39 .elementor-element.elementor-element-18dc7f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-39 .elementor-element.elementor-element-decbfca img{border-radius:6px 6px 6px 6px;}.elementor-39 .elementor-element.elementor-element-feaedda{--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;}.elementor-39 .elementor-element.elementor-element-feaedda:not(.elementor-motion-effects-element-type-background), .elementor-39 .elementor-element.elementor-element-feaedda > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-39 .elementor-element.elementor-element-0275b02 img{border-radius:6px 6px 6px 6px;}@media(max-width:767px){.elementor-39 .elementor-element.elementor-element-d0ae687 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-39 .elementor-element.elementor-element-d0ae687:after{content:"0.5";}.elementor-39 .elementor-element.elementor-element-d0ae687 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-39 .elementor-element.elementor-element-e82ca0b{--width:33.3%;}.elementor-39 .elementor-element.elementor-element-ad4726b{--width:33.3%;}.elementor-39 .elementor-element.elementor-element-9f87fe7{--width:33.3%;}.elementor-39 .elementor-element.elementor-element-254cd1e{--width:33.3%;}.elementor-39 .elementor-element.elementor-element-18dc7f8{--width:33.3%;}.elementor-39 .elementor-element.elementor-element-feaedda{--width:33.3%;}}/* Start custom CSS for container, class: .elementor-element-dd7d35e */.elementor-39 .elementor-element.elementor-element-dd7d35e {
    background-size: 165%; /* Mulai dari sedikit diperbesar */
    transition: background-size 3s ease-out; /* Durasi dan efek transisi */
}

.elementor-39 .elementor-element.elementor-element-dd7d35e:hover { /* Contoh: zoom out saat di-hover */
    background-size: 135%;
}

/* Untuk efek zoom out otomatis saat halaman dimuat */
/* Anda perlu menggunakan @keyframes untuk animasi otomatis */
/* Contoh: */
.elementor-39 .elementor-element.elementor-element-dd7d35e {
    animation: zoomOutBackground 5s ease-out forwards;
}

@keyframes zoomOutBackground {
    0% {
        background-size: 165%;
    }
    100% {
        background-size: 135%;
    }
}/* End custom CSS */
/* Start custom CSS for prime-slider-mercury, class: .elementor-element-daabedf */.elementor-39 .elementor-element.elementor-element-daabedf a:hover {
    text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bbf7803 *//* CSS Umum */
        body {
            font-family: 'Open Sans', sans-serif;
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            line-height: 1.6;
            color: #333;
            background-color: #f8f8f8;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }


        /* Hero Section */
        .hero {
            background: url('https://via.placeholder.com/1920x600/1a5e3a/e0e0e0?text=Gambar+Hayati+ITERA') no-repeat center center/cover;
            color: #fff;
            text-align: center;
            padding: 100px 20px;
            position: relative;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5); /* Overlay gelap */
            z-index: 1;
        }

        .hero .hero-content {
            position: relative;
            z-index: 2;
        }

        .hero h2 {
            font-family: 'Montserrat', sans-serif;
            font-size: 3em;
            margin-bottom: 15px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
        }

        .hero p {
            font-size: 1.2em;
            max-width: 800px;
            margin: 0 auto 30px;
        }

        .hero .btn {
            background-color: #92d476; /* Hijau muda */
            color: #1a5e3a;
            padding: 12px 30px;
            text-decoration: none;
            border-radius: 5px;
            font-weight: 700;
            transition: background-color 0.3s ease;
        }

        .hero .btn:hover {
            background-color: #7bbd5c;
        }

        /* Section About */
        .about, .services, .gallery, .contact, .news {
            padding: 60px 0;
            background-color: #fff;
            margin-bottom: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
        }

        .about h3, .services h3, .gallery h3, .contact h3, .news h3 {
            font-family: 'Montserrat', sans-serif;
            font-size: 2.2em;
            text-align: center;
            margin-bottom: 40px;
            color: #1a5e3a;
        }

        .about p {
            text-align: center;
            max-width: 900px;
            margin: 0 auto;
            font-size: 1.1em;
        }

        /* Services Section */
        .services .service-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            text-align: center;
        }

        .services .service-item {
            background-color: #f4f4f4;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .services .service-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12);
        }

        .services .service-item i {
            font-size: 3em;
            color: #1a5e3a;
            margin-bottom: 15px;
        }

        .services .service-item h4 {
            font-family: 'Montserrat', sans-serif;
            font-size: 1.5em;
            color: #1a5e3a;
            margin-bottom: 10px;
        }

        /* Gallery Section */
        .gallery .gallery-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 15px;
        }

        .gallery .gallery-item {
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }

        .gallery .gallery-item img {
            width: 100%;
            height: 200px; /* Tinggi tetap */
            object-fit: cover;
            display: block;
            transition: transform 0.3s ease;
        }

        .gallery .gallery-item img:hover {
            transform: scale(1.05);
        }

        /* News Section */
        .news .news-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }

        .news .news-item {
            background-color: #f4f4f4;
            padding: 25px;
            border-radius: 8px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
        }

        .news .news-item h4 {
            font-family: 'Montserrat', sans-serif;
            font-size: 1.4em;
            color: #1a5e3a;
            margin-bottom: 10px;
        }

        .news .news-item .date {
            font-size: 0.9em;
            color: #666;
            margin-bottom: 15px;
            display: block;
        }

        .news .news-item p {
            font-size: 1em;
            margin-bottom: 15px;
        }

        .news .news-item .read-more {
            color: #1a5e3a;
            text-decoration: none;
            font-weight: 600;
        }

        .news .news-item .read-more:hover {
            text-decoration: underline;
        }


        /* Contact Section */
        .contact .contact-content {
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            justify-content: center;
        }

        .contact .contact-info,
        .contact .contact-form {
            flex: 1;
            min-width: 300px;
        }

        .contact .contact-info p {
            margin-bottom: 10px;
        }

        .contact .contact-info i {
            color: #1a5e3a;
            margin-right: 10px;
        }

        .contact .contact-form form {
            display: flex;
            flex-direction: column;
        }

        .contact .contact-form label {
            margin-bottom: 8px;
            font-weight: 600;
        }

        .contact .contact-form input,
        .contact .contact-form textarea {
            padding: 10px;
            margin-bottom: 15px;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-family: 'Open Sans', sans-serif;
        }

        .contact .contact-form textarea {
            resize: vertical;
            min-height: 100px;
        }

        .contact .contact-form button {
            background-color: #1a5e3a;
            color: #fff;
            padding: 12px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 1.1em;
            font-weight: 600;
            transition: background-color 0.3s ease;
        }

        .contact .contact-form button:hover {
            background-color: #2b7c4a;
        }


        /* Footer */
        footer {
            background-color: #1a5e3a; /* Hijau tua */
            color: #fff;
            text-align: center;
            padding: 30px 0;
            font-size: 0.9em;
        }

        footer .social-icons a {
            color: #fff;
            font-size: 1.5em;
            margin: 0 10px;
            transition: color 0.3s ease;
        }

        footer .social-icons a:hover {
            color: #92d476;
        }

        /* Responsif */
        @media (max-width: 768px) {
            header .container {
                flex-direction: column;
                text-align: center;
            }

            header .logo {
                margin-bottom: 15px;
            }

            header nav ul {
                flex-direction: column;
            }

            header nav ul li {
                margin: 5px 0;
            }

            .hero h2 {
                font-size: 2.5em;
            }

            .services .service-grid,
            .gallery .gallery-grid,
            .news .news-list,
            .contact .contact-content {
                grid-template-columns: 1fr;
            }

            .contact .contact-info,
            .contact .contact-form {
                width: 100%;
            }
        }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a43a22d */.headings1:after {
  content: '';
  display: block;
  height: 3px; 
  width: 0px;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;

}
.headings1:after {
  width: 10%;
  background: #1a5e3a; /*change background here*/
}

.box1:hover .headings1::after {
  width: 25%;
  background: #1a5e3a; /*change background here*/
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-98109d2 */.headings2:after {
  content: '';
  display: block;
  height: 3px; 
  width: 0px;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;

}
.headings2:after {
  width: 35%;
  background: #1a5e3a; /*change background here*/
}

.box2:hover .headings2::after {
  width: 60%;
  background: #1a5e3a; /*change background here*/
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a675994 */.view-all-link {
  font-family: 'Open Sans', sans-serif;
  color: #181818;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  transition: color 0.3s ease;
  float: right; /* Ini yang membuat elemen rata kanan */
}

.arrow-icon {
  width: 24px;
  height: 24px;
  border: 2px solid #181818;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  transition: all 0.3s ease;
  font-size: 14px;
}

.view-all-link:hover {
  color: #A30000;
}

.view-all-link:hover .arrow-icon {
  border-color: #A30000;
  color: #A30000;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ed52b28 */.headings3:after {
  content: '';
  display: block;
  height: 3px; 
  width: 0px;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;

}
.headings3:after {
  width: 15%;
  background: #1a5e3a; /*change background here*/
}

.box3:hover .headings3::after {
  width: 30%;
  background: #1a5e3a; /*change background here*/
}/* End custom CSS */