.elementor-1662 .elementor-element.elementor-element-4e0bfbe{--display:flex;--min-height:550px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--overflow:hidden;--background-transition:0.3s;--border-radius:30px 30px 30px 30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1662 .elementor-element.elementor-element-4e0bfbe:not(.elementor-motion-effects-element-type-background), .elementor-1662 .elementor-element.elementor-element-4e0bfbe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://hmti.itenas.ac.id/wp-content/uploads/2025/01/SUSI.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1662 .elementor-element.elementor-element-4e0bfbe, .elementor-1662 .elementor-element.elementor-element-4e0bfbe::before{--border-transition:0.3s;}.elementor-1662 .elementor-element.elementor-element-093fac8{--display:flex;--gap:010px 0px;--background-transition:0.3s;--border-radius:015px 015px 0px 0px;--e-con-transform-transition-duration:800ms;}.elementor-1662 .elementor-element.elementor-element-093fac8:not(.elementor-motion-effects-element-type-background), .elementor-1662 .elementor-element.elementor-element-093fac8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #E6781717 0%, var( --e-global-color-primary ) 100%);}.elementor-1662 .elementor-element.elementor-element-093fac8, .elementor-1662 .elementor-element.elementor-element-093fac8::before{--border-transition:0.3s;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1662 .elementor-element.elementor-element-1643fca.elementor-element{--align-self:center;}.elementor-1662 .elementor-element.elementor-element-1643fca{text-align:center;}.elementor-1662 .elementor-element.elementor-element-1643fca .elementor-heading-title{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-1662 .elementor-element.elementor-element-17820a1{text-align:center;}.elementor-1662 .elementor-element.elementor-element-17820a1 .elementor-heading-title{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;}@media(min-width:768px){.elementor-1662 .elementor-element.elementor-element-4e0bfbe{--width:400px;}}@media(max-width:1024px){.elementor-1662 .elementor-element.elementor-element-4e0bfbe{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(max-width:767px){.elementor-1662 .elementor-element.elementor-element-4e0bfbe{--border-radius:15px 15px 15px 15px;}.elementor-1662 .elementor-element.elementor-element-093fac8{--gap:010px 0px;}.elementor-1662 .elementor-element.elementor-element-1643fca{text-align:center;}.elementor-1662 .elementor-element.elementor-element-1643fca .elementor-heading-title{font-size:20px;}.elementor-1662 .elementor-element.elementor-element-17820a1 .elementor-heading-title{font-size:8px;}}/* Start custom CSS for container, class: .elementor-element-4e0bfbe */.card-content {
    height: 56%;
    margin-bottom: -24px;
    transition: all 0.5s ease;
}

.card-wrapper:hover .card-content {
    margin-bottom: 0px;
    height: 100%;
}

.card-content .e-con-inner {
    transition: all 0.5s ease;
}

/* Animasi FadeIn */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.card-wrapper:not(:hover) .card-content .e-con-inner {
    animation: fadeIn 1.5s ease forwards;
}

.card-wrapper:hover .card-content .e-con-inner {
    justify-content: end;
}

/* Responsive */
@media (max-width: 1024px) {
    .card-content {
        height: 54%;
    }
}/* End custom CSS */