.elementor-4808 .elementor-element.elementor-element-97711de{--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-4808 .elementor-element.elementor-element-122382f0{--spacer-size:50px;}.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-4808 .elementor-element.elementor-element-71bdf0c1{width:var( --container-widget-width, 98% );max-width:98%;--container-widget-width:98%;--container-widget-flex-grow:0;}.elementor-4808 .elementor-element.elementor-element-71bdf0c1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4808 .elementor-element.elementor-element-71bdf0c1.elementor-element{--align-self:center;}.elementor-4808 .elementor-element.elementor-element-71bdf0c1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:800;color:#2596BE;}.elementor-4808 .elementor-element.elementor-element-51ea8112{width:var( --container-widget-width, 98% );max-width:98%;--container-widget-width:98%;--container-widget-flex-grow:0;}.elementor-4808 .elementor-element.elementor-element-51ea8112 > .elementor-widget-container{margin:0px 0px -11px 0px;padding:0px 0px 0px 0px;}.elementor-4808 .elementor-element.elementor-element-51ea8112.elementor-element{--align-self:center;}.elementor-4808 .elementor-element.elementor-element-51ea8112 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:26px;font-weight:800;color:#000000;}.elementor-4808 .elementor-element.elementor-element-13b11f22{width:var( --container-widget-width, 98% );max-width:98%;--container-widget-width:98%;--container-widget-flex-grow:0;}.elementor-4808 .elementor-element.elementor-element-13b11f22 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4808 .elementor-element.elementor-element-13b11f22.elementor-element{--align-self:center;}.elementor-4808 .elementor-element.elementor-element-13b11f22 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;color:#555E64;}.elementor-widget-archive-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-archive-posts .elementor-post__title, .elementor-widget-archive-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-archive-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-archive-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-archive-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-archive-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-archive-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-archive-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-archive-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-widget-archive-posts .elementor-posts-nothing-found{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-4808 .elementor-element.elementor-element-1ee8555a{--item-display:flex;--read-more-alignment:1;--grid-row-gap:19px;--grid-column-gap:15px;}.elementor-4808 .elementor-element.elementor-element-1ee8555a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.6 * 100% );}.elementor-4808 .elementor-element.elementor-element-1ee8555a:after{content:"0.6";}.elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-post__thumbnail__link{width:100%;}.elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-post__meta-data span + span:before{content:"•";}.elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-post__card{border-color:#FFFFFF;border-width:12px;border-radius:0px;padding-top:0px;padding-bottom:0px;}.elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-post__text{padding:0 0px;margin-top:0px;}.elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-post__meta-data{padding:10px 0px;}.elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-post__avatar{padding-right:0px;padding-left:0px;}.elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-post__badge{right:0;}.elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-post__card .elementor-post__badge{background-color:#FFBB50;border-radius:14px;font-size:9px;margin:13px;font-family:"Noto Sans", Sans-serif;font-weight:500;}.elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-post__title, .elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-post__title a{color:#252938;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;font-style:normal;word-spacing:0px;}.elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-post__title{-webkit-text-stroke-color:#000;stroke:#000;margin-bottom:8px;}.elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-post__excerpt p{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;}.elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-post__excerpt{margin-bottom:16px;}.elementor-4808 .elementor-element.elementor-element-1ee8555a a.elementor-post__read-more{font-family:"Noto Sans", Sans-serif;font-weight:500;}.elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-pagination{text-align:center;font-family:"Roboto Slab", Sans-serif;font-weight:400;margin-top:26px;}body:not(.rtl) .elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-4808 .elementor-element.elementor-element-19c960bc{--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-4808 .elementor-element.elementor-element-ea92457.elementor-element{--align-self:center;}.elementor-4808 .elementor-element.elementor-element-5accdd8f{--display:flex;overflow:visible;}body.elementor-page-4808:not(.elementor-motion-effects-element-type-background), body.elementor-page-4808 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-4808 .elementor-element.elementor-element-122382f0{--spacer-size:0px;}.elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.6 * 100% );}.elementor-4808 .elementor-element.elementor-element-1ee8555a:after{content:"0.6";}}@media(max-width:767px){.elementor-4808 .elementor-element.elementor-element-122382f0{--spacer-size:0px;}.elementor-4808 .elementor-element.elementor-element-51ea8112 .elementor-heading-title{font-size:25px;}.elementor-4808 .elementor-element.elementor-element-1ee8555a{--grid-row-gap:27px;--grid-column-gap:13px;}.elementor-4808 .elementor-element.elementor-element-1ee8555a > .elementor-widget-container{margin:6px 6px 6px 6px;padding:6px 6px 6px 6px;}.elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.6 * 100% );}.elementor-4808 .elementor-element.elementor-element-1ee8555a:after{content:"0.6";}.elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-post__thumbnail__link{width:100%;}.elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-post__title, .elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-post__title a{font-size:13px;}.elementor-4808 .elementor-element.elementor-element-1ee8555a .elementor-post__excerpt p{font-size:11px;}}/* Start custom CSS for archive-posts, class: .elementor-element-1ee8555a *//* Untuk tombol Read More di Elementor Archive */
.elementor-post__read-more,
a.elementor-post__read-more {
    background-color:#0abdd5 !important;   /* Pink */
    color: #fff !important;                 /* Putih */
    padding: 8px 18px !important;
    border-radius: 4px !important;          /* Ubah ke 0 jika ingin lancip */
    text-decoration: none !important;
    display: inline-block !important;
    font-weight: 600 !important;
    border: none !important;
    transition: background 0.2s;
    box-shadow: none !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.elementor-post__read-more:hover,
a.elementor-post__read-more:hover {
    background: #3f71c0 !important;         /* Pink lebih gelap */
    color: #fff !important;
    text-decoration: none !important;
}


/* Style untuk halaman aktif dan hover */
.page-numbers.current,
.page-numbers:hover {
    background: #2a9df4;
    color: #fff;
    font-weight: bold;
    transform: scale(1.05);
}

/* === Tambahan efek dan border radius card artikel === */
.elementor-post {
    border-radius: 0px; /* sudut membulat */
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06); /* bayangan ringan */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Efek saat hover: naik sedikit */
.elementor-post:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

/* Opsional: supaya gambar di dalam card juga rounded atas */
.elementor-post__thumbnail img {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

/* === Flexbox fix untuk menyamakan posisi tombol Read More di bawah === */

.elementor-post {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.elementor-post__text {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.elementor-post__title,
.elementor-post__excerpt {
    margin-bottom: 10px;
}

/* Tombol Read More tetap di bagian bawah semua card */
.elementor-post__read-more {
    margin-top: auto !important;
    align-self: flex-start;
}

/* === Atur struktur card agar tombol Read More sejajar di bawah === */
.elementor-post {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.elementor-post__text {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.elementor-post__excerpt {
    flex-grow: 1;
}

.elementor-post__read-more {
    margin-top: auto !important;
    align-self: flex-start;
}
/* Gradasi hijau ke biru pada badge kategori Elementor */
.elementor-post__badge {
    background: linear-gradient(90deg, #0abdd5 10%, #65b459 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: bold;
}


/* Style pagination lingkaran */
.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0 6px;
    border-radius: 50%;
    background: #f3f6fb;
    color: #222;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 500;
    transition: background 0.2s, color 0.2s, transform 0.2s;
    box-sizing: border-box;
    border: none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ea92457 */.ruangmd-request-box {
    background: #fcfdff;
    border-radius: 14px;
    box-shadow: 0 2px 18px rgba(33,150,243,0.07);
    padding: 32px 28px 28px 28px;
    max-width: 690px;
    margin: 32px auto;
    font-family: inherit;
}
.ruangmd-request-title {
    color: #1976d2;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 6px;
    font-size: 17px;
}
.ruangmd-request-desc {
    color: #222;
    font-size: 16px;
    margin-bottom: 18px;
}
.ruangmd-request-form label {
    margin-top: 12px;
    margin-bottom: 3px;
    display: block;
    color: #222;
}
.ruangmd-request-form input[type="email"],
.ruangmd-request-form textarea {
    width: 100%;
    padding: 9px 12px;
    border: 1.5px solid #b3d3f7;
    border-radius: 7px;
    font-size: 15px;
    margin-bottom: 7px;
    background: #f7fbff;
    color: #222;
    transition: border-color 0.18s;
}
.ruangmd-request-form input[type="email"]:focus,
.ruangmd-request-form textarea:focus {
    border-color: #2196f3;
    outline: none;
}
.ruangmd-request-btn {
    background: #0abdd5;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 8px 22px;
    font-size: 15px;
    margin-top: 10px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.18s;
    box-shadow: 0 2px 8px rgba(33,150,243,0.04);
}
.ruangmd-request-btn:hover {
    background: #1565c0;
}
.ruangmd-note {
    color: #767676;
    font-size: 12px;
    margin-bottom: 10px;
}
.ruangmd-request-success {
    color: #2196f3;
    background: #e3f2fd;
    border-radius: 6px;
    padding: 8px 12px;
    margin-bottom: 14px;
    font-size: 14px;
}
.ruangmd-request-error {
    color: #c62828;
    background: #ffebee;
    border-radius: 6px;
    padding: 8px 12px;
    margin-bottom: 14px;
    font-size: 14px;
}/* End custom CSS */