.elementor-2338 .elementor-element.elementor-element-6ccc43e > .elementor-container{max-width:600px;}.elementor-2338 .elementor-element.elementor-element-6ccc43e, .elementor-2338 .elementor-element.elementor-element-6ccc43e > .elementor-background-overlay{border-radius:40px 40px 0px 0px;}.elementor-2338 .elementor-element.elementor-element-6ccc43e{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2338 .elementor-element.elementor-element-f54c158 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-2338 .elementor-element.elementor-element-f54c158 > .elementor-element-populated, .elementor-2338 .elementor-element.elementor-element-f54c158 > .elementor-element-populated > .elementor-background-overlay, .elementor-2338 .elementor-element.elementor-element-f54c158 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-2338 .elementor-element.elementor-element-f54c158 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0% 0% 0% 0%;}.elementor-2338 .elementor-element.elementor-element-f54c158 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2338 .elementor-element.elementor-element-8eb72c2 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-2338 .elementor-element.elementor-element-8eb72c2 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-top:20px;padding-bottom:20px;}.elementor-2338 .elementor-element.elementor-element-8eb72c2 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2338 .elementor-element.elementor-element-8eb72c2 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2338 .elementor-element.elementor-element-8eb72c2 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2338 .elementor-element.elementor-element-8eb72c2 .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-2338 .elementor-element.elementor-element-8eb72c2 .elementor-nav-menu--dropdown a, .elementor-2338 .elementor-element.elementor-element-8eb72c2 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-2338 .elementor-element.elementor-element-8eb72c2 .elementor-nav-menu--dropdown{background-color:#4A4F57;border-radius:10px 10px 0px 0px;}.elementor-2338 .elementor-element.elementor-element-8eb72c2 .elementor-nav-menu--dropdown a:hover,
					.elementor-2338 .elementor-element.elementor-element-8eb72c2 .elementor-nav-menu--dropdown a:focus,
					.elementor-2338 .elementor-element.elementor-element-8eb72c2 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-2338 .elementor-element.elementor-element-8eb72c2 .elementor-nav-menu--dropdown a.highlighted{background-color:#838A98;}.elementor-2338 .elementor-element.elementor-element-8eb72c2 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#323539;}.elementor-2338 .elementor-element.elementor-element-8eb72c2 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:10px;border-top-right-radius:10px;}.elementor-2338 .elementor-element.elementor-element-8eb72c2 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-2338 .elementor-element.elementor-element-f54c158{width:100%;}}@media(max-width:767px){.elementor-2338 .elementor-element.elementor-element-6ccc43e, .elementor-2338 .elementor-element.elementor-element-6ccc43e > .elementor-background-overlay{border-radius:20px 20px 0px 0px;}.elementor-2338 .elementor-element.elementor-element-6ccc43e{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2338 .elementor-element.elementor-element-f54c158 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2338 .elementor-element.elementor-element-8eb72c2 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-2338 .elementor-element.elementor-element-8eb72c2 .elementor-nav-menu .elementor-item{font-size:12px;}.elementor-2338 .elementor-element.elementor-element-8eb72c2 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:15px;padding-bottom:15px;}}/* Start custom CSS for nav-menu, class: .elementor-element-8eb72c2 *//* Buat dropdown muncul ke atas, hanya untuk menu bawah */
.menu-bawah .elementor-nav-menu--main .elementor-nav-menu > li.menu-item-has-children:hover > .sub-menu {
  top: auto !important;
  bottom: 100% !important;
}

/* Geser sedikit biar tidak menempel langsung */
.menu-bawah .elementor-nav-menu--main .elementor-nav-menu .sub-menu {
  margin-bottom: 1px;
}


/* Gaya ikon di atas teks — hanya untuk menu bawah */
.menu-bawah .menu-item a {
display: flex;
flex-direction: column;
align-items: center;
}

.menu-bawah .menu-item .menu-image {
margin-bottom: 4px;
}



/* ubah ukuran semua ikon Dashicons di menu bawah */
.menu-bawah .dashicons,
.menu-bawah .menu-item .dashicons-before:before,
.menu-bawah .menu-item .menu-image:before {
  font-size: 20px !important;
  line-height: 1.2 !important;
  width: 20px !important;
  height: 20px !important;
}

/* Tambah jarak atas ikon saja, tanpa ganggu teks */
.menu-bawah .menu-item .dashicons {
  margin-top: 5px; /* ubah sesuai kebutuhan */
}

/* Untuk menu utama WordPress (atau Elementor Nav Menu) */
.menu-bawah .elementor-nav-menu--main {
  border-radius: 25px 25px 0 0; /* top-left, top-right, bottom-right, bottom-left */
}


/* Hapus efek radius di semua menu dulu */
.menu-bawah .elementor-nav-menu > li:hover > a {
  border-radius: 0;
}

/* Menu pertama (kiri) */
.menu-bawah .elementor-nav-menu > li:first-child:hover > a {
  border-radius: 25px 0 0 0;
  overflow: hidden;
}

/* Menu terakhir (kanan) */
.menu-bawah .elementor-nav-menu > li:last-child:hover > a {
  border-radius: 0 25px 0 0;
  overflow: hidden;
}




/* Tambahkan border-radius hanya untuk menu Home yang aktif */
.menu-bawah a.elementor-item.elementor-item-active[href="https://wedina.id/homepage"] {
  border-radius: 25px 0 0 0 !important;
  overflow: hidden;
}

/* === Penyesuaian tampilan ikon Font Awesome agar selaras dengan Dashicons === */
.menu-bawah .menu-item i[class*="fa-"],
.menu-bawah .menu-item svg.fa {
  font-size: 20px !important;      /* samakan ukuran */
  line-height: 1.2 !important;     /* tinggi baris serupa Dashicons */
  width: 20px !important;
  height: 20px !important;
  display: inline-block;
  margin-top: 5px;                 /* sejajar vertikal dengan Dashicons */
}

/* kalau pakai Font Awesome 6 (regular, solid, brand) pastikan ikon tetap rata tengah */
.menu-bawah .menu-item i.fa,
.menu-bawah .menu-item svg {
  vertical-align: middle !important;
}

/* Biar semua ikon, baik dashicon maupun FA, selalu di tengah dan di atas teks */
.menu-bawah .menu-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-f54c158 */.elementor-2338 .elementor-element.elementor-element-f54c158 {
/* From https://css.glass */
background: rgba(62, 73, 92, 0.53);
border-radius: 25px 25px 0px 0px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5.6px);
-webkit-backdrop-filter: blur(5.6px);
border: 1px solid rgba(62, 73, 92, 0.32);
}/* End custom CSS */
/* Start custom CSS */body {
    background-color: #753188;
}

.goyang-1 img {
	animation-name: goyang1;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.goyang-2 img {
	animation-name: goyang1;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.zoom-2 img {
	transform: scale(1);
	animation: zoom 5s ease-in-out infinite;
}

@keyframes goyang1{
    0%{ transform: rotate(0deg) scale(1); }
    50%{ transform: rotate(6deg) scale(1.05); }
    100%{ transform: rotate(0deg) scale(1); }
}

@keyframes goyang2{
    0%{ transform: rotate(0deg) scale(1); }
    25%{ transform: rotate(-5deg) scale(1.05); }
    50%{ transform: rotate(-9deg) scale(1.1); }
    75%{ transform: rotate(-5deg) scale(1.05); }
    100%{ transform: rotate(0deg) scale(1); }
}

@keyframes zoom {
	0% { transform: scale(0.95); }
	60% { transform: scale(1); }
	100% { transform: scale(0.95); }
}

.notranslate {
    translate: no;
}/* End custom CSS */