.my-card-custom .elementor-flip-box__front, 
.my-card-custom .elementor-flip-box__back {
    overflow: hidden !important;
    border-radius: 15px !important;
    isolation: isolate !important;
   
    mask-image: radial-gradient(white, black);
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}


.my-card-custom .elementor-flip-box__front .elementor-flip-box__layer__overlay {
    background-image: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 60%) !important;
    opacity: 1 !important;
    display: flex !important;
    align-items: flex-end !important;
    padding: 25px !important;
    border-radius: 15px !important; 
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
}


.my-card-custom .elementor-flip-box__front .elementor-flip-box__layer__inner {
    display: flex !important;
    flex-direction: row-reverse !important; 
    justify-content: space-between !important;
    align-items: flex-end !important;
    width: 100% !important;
    background: none !important;
    z-index: 2 !important; 
}

.my-card-custom .elementor-flip-box__front .elementor-flip-box__layer__title {
    margin: 0 !important;
    text-align: left !important;
    color: #ffffff !important;
    flex-grow: 1 !important;
}


.my-card-custom .elementor-flip-box__front .elementor-flip-box__graphic {
    margin: 0 0 0 15px !important; 
    display: flex !important;
    align-items: center !important;
}


.my-card-custom .elementor-flip-box__back .elementor-flip-box__layer__overlay {
    background-image: none !important;
}

/* Timeline Section */
.section-timeline-project .timeline {
    border-radius: 16px;
    border: 0px solid 263623;
    background: #ADB39E;
    position: relative;
}

.section-timeline-project .timeline:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 300%;
    background: #263623;
    top: 53px;
    left: 30px;
}
}


@media(max-width: 767px) {
    .section-timeline-project .timeline {
        border-radius: 8px;
    }
    .section-timeline-project .timeline:before {
       height: 300%;
    background: #263623;
    top: 38px;
    left: 20px;
}
    }
}