.elementor-4812 .elementor-element.elementor-element-343f83e8 .elementor-background-overlay{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-4812 .elementor-element.elementor-element-cf79860 > .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-4812 .elementor-element.elementor-element-3fe01b9:not(.elementor-motion-effects-element-type-background), .elementor-4812 .elementor-element.elementor-element-3fe01b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#512179;}.elementor-4812 .elementor-element.elementor-element-3fe01b9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4812 .elementor-element.elementor-element-3fe01b9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4812 .elementor-element.elementor-element-fcc4152 > .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-4812 .elementor-element.elementor-element-c51f8af > .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-4812 .elementor-element.elementor-element-8891aa3 .eael-post-list-container{border-radius:0px;}.elementor-4812 .elementor-element.elementor-element-8891aa3 .eael-post-list-container.layout-advanced .eael-post-list-posts-wrap{grid-gap:20px;}.elementor-4812 .elementor-element.elementor-element-8891aa3 .post-list-pagination{text-align:left;}.elementor-4812 .elementor-element.elementor-element-8891aa3 .post-list-pagination .btn-next-post i, .elementor-4812 .elementor-element.elementor-element-8891aa3 .post-list-pagination .btn-prev-post i{font-size:14px;}.elementor-4812 .elementor-element.elementor-element-8891aa3 .post-list-pagination .btn-prev-post svg, .elementor-4812 .elementor-element.elementor-element-8891aa3 .post-list-pagination .btn-next-post svg{width:14px;height:14px;line-height:14px;}.elementor-4812 .elementor-element.elementor-element-8891aa3 .post-list-pagination .btn-next-post{color:#222;background-color:#fff;border-radius:0px;}.elementor-4812 .elementor-element.elementor-element-8891aa3 .post-list-pagination .btn-prev-post{color:#222;background-color:#fff;border-radius:0px;}.elementor-4812 .elementor-element.elementor-element-8891aa3 .post-list-pagination .btn-next-post svg, .elementor-4812 .elementor-element.elementor-element-8891aa3 .post-list-pagination .btn-prev-post svg{fill:#222;}.elementor-4812 .elementor-element.elementor-element-8891aa3 .post-list-pagination .btn-next-post:hover{color:#fff;background-color:#222;}.elementor-4812 .elementor-element.elementor-element-8891aa3 .post-list-pagination .btn-next-post:hover svg{fill:#fff;}.elementor-4812 .elementor-element.elementor-element-8891aa3 .post-list-pagination .btn-prev-post:hover{color:#fff;background-color:#222;}.elementor-4812 .elementor-element.elementor-element-8891aa3 .post-list-pagination .btn-prev-post:hover svg{fill:#fff;}.elementor-4812 .elementor-element.elementor-element-8891aa3 .eael-post-list-container.layout-advanced .eael-post-list-thumbnail{margin-bottom:14px;}.elementor-4812 .elementor-element.elementor-element-8891aa3 .eael-post-list-content .eael-post-list-title, .elementor-4812 .elementor-element.elementor-element-8891aa3 .eael-post-list-content .eael-post-list-title a{color:#222;}.elementor-4812 .elementor-element.elementor-element-8891aa3 .eael-post-list-content .eael-post-list-title:hover, .elementor-4812 .elementor-element.elementor-element-8891aa3 .eael-post-list-content .eael-post-list-title a:hover{color:#512179;}.elementor-4812 .elementor-element.elementor-element-8891aa3 .eael-post-list-content p{color:#4d4d4d;}.elementor-4812 .elementor-element.elementor-element-8891aa3 .eael-post-list-content .meta{color:#aaa;}.elementor-4812 .elementor-element.elementor-element-3aadbf3:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-4812 .elementor-element.elementor-element-3aadbf3 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://psikologi.unpad.ac.id/wp-content/uploads/2024/05/fee65ad1a5e2b6d30fddad0df9b451768c.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4812 .elementor-element.elementor-element-3aadbf3 > .elementor-element-populated >  .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(89deg, #000000 24%, #00000000 100%);opacity:0.48;}.elementor-4812 .elementor-element.elementor-element-3aadbf3 > .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-4812 .elementor-element.elementor-element-3aadbf3 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4812 .elementor-element.elementor-element-3aadbf3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4812 .elementor-element.elementor-element-80ee79b{width:auto;max-width:auto;}.elementor-4812 .elementor-element.elementor-element-80ee79b > .elementor-widget-container{padding:0px 13px 0px 0px;}.elementor-4812 .elementor-element.elementor-element-7a111e3{--display:flex;--background-transition:0.3s;}/* Start custom CSS for column, class: .elementor-element-cf79860 */.breadcrumbs-nav {
    position: absolute;
    top: 0;
    z-index: 9;
    padding: 14px 0 !important;
    color: #9a9a9a;
}
.breadcrumbs-nav h1 {
    display: flex;
    align-items: center;
    gap: 13px;
    font-size: 14px !important;
    color: rgb(255, 255, 255, .7) !important;
}
.breadcrumbs-nav a,
.breadcrumbs-nav i {
    color: #fff;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-343f83e8 */.breadcrumbs {
    background: rgb(0, 0, 0, .2);
    height: 52px;
    position: absolute;
    width: 100%;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3fe01b9 */.bg-full {
    position: relative;
    width: 100%;
    background-color: #fff; /* Layer 1: Full height background color */
  }
  
  .bg-full::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Layer 2: Half height background color */
    background-color: #3B2250;
    z-index: 1; /* Ensure it is above the base background */
  }
  .bg-full::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Layer 3: Half height gradient */
    background: linear-gradient(90deg, #000000 14%, #9B9B9B00 72%);
    z-index: 2; /* Ensure it is above the second background color */
  }
  .bg-full .elementor-container {
      z-index: 99
  }/* End custom CSS */
/* Start custom CSS for eael-post-list, class: .elementor-element-8891aa3 */.layout-advanced {
    display: flex;
    gap: 40px;
}
.layout-advanced .eael-post-list-header {
    display: flex;
    align-items: start;
    box-shadow: none !important;
}
.layout-advanced .post-categories {
    display: flex;
    flex-direction: column;
    width: 200px;
}
.layout-advanced .eael-post-list-header .post-categories a {
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    font-size: 16px;
    font-weight: 500;
}
.layout-advanced .eael-post-list-post-inner {
    padding: 0;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    border-radius: 0;
}
.layout-advanced .eael-post-list-thumbnail {
    border-radius: 0px !important;
    max-width: 100%;
    margin: 0px;
}
.layout-advanced .eael-post-list-content {

}
.layout-advanced .eael-post-list-title a {
    font-size: 20px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: pre-wrap;
    line-height: 1.3;
}
.layout-advanced .eael-post-list-content {
    display: flex;
    flex-direction: column;
    padding: 10px 18px 5px 18px;
}
.layout-advanced .eael-post-list-content .meta {
    order: 1;
}
.layout-advanced .eael-post-list-content .eael-post-list-title {
    order: 2;
    margin-top: 6px;
    margin-bottom: 0px !important;
}
.layout-advanced .eael-post-list-content p {
    order: 3;
}
.layout-advanced .eael-post-list-content .meta span {
    font-size: 14px;
    color: #555555;
    font-weight: 400;
}
.layout-advanced .eael-post-list-content .meta span i {
    display: none
}
.eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post .eael-post-list-post-inner:after {
    background: #fff !important
}
.eael-post-list-container.layout-advanced .eael-post-list-post {
    margin-bottom: 30px
}
.post-list-pagination {
    display: flex;
    gap: 6px;
    justify-content: end;
}
.post-list-pagination .btn-next-post {
    color: #fff !important;
    background-color: #512179 !important;
    border: 1px solid #512179;
}
.post-list-pagination .btn-next-post svg {
    fill: #fff !important
}
.post-list-pagination .btn-prev-post:disabled, .post-list-pagination .btn-next-post:disabled, .post-list-pagination .btn-prev-post:disabled:hover, .post-list-pagination .btn-next-post:disabled:hover {
    border: 1px solid #512179 !important;
}
.eael-post-list-container.layout-advanced .eael-post-list-posts-wrap .eael-post-list-post:hover .eael-post-list-post-inner:after {
    
    
}
.eael-post-list-thumbnail img {
    height: 160px;
    object-fit: cover;
}
.eael-post-list-posts-wrap {
    display: flex !important
}
.eael-post-list-container.layout-advanced .eael-post-list-post {
    width: calc((94% - 0px) / 4);
    flex: auto !important;
    padding: 0px !important;
    margin: 0 !important;
}
.eael-post-list-post-inner:after {
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 0px !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-c51f8af */.bg-yellow {
    background: #E4A200
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-8ba8b14 */.background-img {
    height: 450px
}/* End custom CSS */
/* Start custom CSS for highlighted-heading, class: .elementor-element-e7e3674 */.fs-34 {
    font-size: 34px
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-3aadbf3 */.bg-yellow {
    background: #E4A200
}/* End custom CSS */