.industry-number-section {
    padding:80px 0;
}


.number-timeline {
    display:flex;
    position:relative;
    justify-content:space-between;
    margin-top:60px;
}


.number-timeline::before {

    content:"";
    position:absolute;

    top:25px;
    left:0;
    right:0;

    height:2px;
    background:#c0e3c4;

}



.timeline-item {

    width:25%;
    text-align:center;
    position:relative;

}



.timeline-dot {

    width:50px;
    height:50px;

    border-radius:50%;

    background:var(--acm-primary-green);
    border:2px solid var(--acm-primary-green);

    display:flex;
    align-items:center;
    justify-content:center;

    margin:auto;

    position:relative;
    z-index:2;

    font-weight:700;
    color:var(--acm-white);

}



.timeline-content {

    margin-top:25px;

}



.timeline-content h4 {

    font-size:18px;
    margin-bottom:10px;
    line-height: 1.4rem;

}



.timeline-content p {

    font-size:14px;
    color:#666;

}

@media(max-width:768px){


.number-timeline {

    display:block;
    margin-top:40px;

}



.number-timeline::before {

    top:0;
    bottom:0;

    left:25px;
    right:auto;

    width:2px;
    height:auto;

}



.timeline-item {

    width:100%;
    display:flex;

    text-align:left;

    position:relative;

    margin-bottom:40px;

}



.timeline-dot {

    flex-shrink:0;

    margin:0;

}



.timeline-content {

    margin:5px 0 0 25px;

}
}


.section-accent{
    width:6rem;          /* ±96px */
    height:0.3125rem;    /* 5px */
    background:var(--acm-primary-green);
    border-radius:999px;
    margin-top:0.75rem;
}


.solution-wrapper{

    display:grid;

    grid-template-columns: 35% 65%;

    background:#fff;

    border-radius:32px;

    overflow:hidden;

}



.solution-list{

    padding:50px;

}



.solution-item{

    border-bottom:1px solid #d2d2d7;

    padding:28px 0;

}
.solution-item:last-child {
    border-bottom: none;
}



.solution-button {

    width:100%;

    display:flex;

    justify-content:space-between;

    align-items:center;


    background:none;

    border:none;

    padding:0;


    text-align:left;

    font-size:18px;

    font-weight:600;

    color:#1d1d1f;


    cursor:pointer;

}

.solution-section .solution-title {

    text-align:left;

    flex:1;

}


.solution-arrow {

    display:flex;

    align-items:center;

    font-size:22px;

    transition:.3s ease;

}


.solution-item.active .solution-arrow {

    transform:rotate(180deg);

}



.solution-description{


    max-height:0;

    overflow:hidden;

    opacity:0;


    transition:
    max-height .5s ease,
    opacity .4s ease;


    font-size:18px;

    line-height:1.6;

    color:#555;


}



.solution-item.active 
.solution-description{


    max-height:300px;

    opacity:1;

    padding-top:25px;


}



.solution-image{


    display:flex;

    align-items:center;

    justify-content:center;


}



.solution-image img{


    width:100%;

    height:100%;

    object-fit:cover;


    transition:.5s ease;


}

.solution-mobile-image{

    display:none;

}


@media(max-width:991.98px){


    .solution-wrapper{

        display:block;

    }


    .solution-image{

        display:none;

    }



    .solution-list{

        padding:20px;

    }



    .solution-mobile-image{

        display:none;

        margin-top:25px;

        border-radius:20px;

        overflow:hidden;

    }



    .solution-item.active 
    .solution-mobile-image{

        display:block;

    }


}


.section-accent{
    width:6rem;          /* ±96px */
    height:0.3125rem;    /* 5px */
    background:var(--acm-primary-green);
    border-radius:999px;
    margin-top:0.75rem;
}

.section-title-center {margin-bottom: 30px;}
.section-title-center h2{
    line-height: 35px;
    font-size: 30px;
    margin-bottom: 0px;
}

.section-title-center  h3{
    line-height: 25px;
    font-size: 20px;
    font-weight: 600;
    
}

/* Contact Section */
.contact-section {
    
    background-image: url('../images/img__0x0.png');
    position:relative;
    background:#0270D6;
    overflow:hidden;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: start;
}


/* background image layer */
.contact-section::before{
    content:"";
    position:absolute;

    inset:0;

    background-image:var(--contact-bg);
    background-size:cover;
    background-position:center;

    opacity:0.2;

    z-index:0;
}


/* content tetap di atas */
.contact-section > *{
    position:relative;
    z-index:1;
}


.feature-product-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
}

.feature-product-carousel {
    display: flex;
    gap: 20px;
    overflow-x: hidden;
    scroll-behavior: smooth;
    flex: 1;
}

.feature-product-item {
    min-width: 220px;
    text-align: center;
    flex-shrink: 0;
}

.feature-arrow {
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 50%;
    background: #f3f3f3;
    cursor: pointer;
    font-size: 24px;
    transition: 0.3s;
}

.feature-arrow:hover {
    background: #ddd;
}

/* PRODUCT STYLE */
.product-gallery-wrapper{
    display:flex;
    gap:16px;
    align-items:center;
}

.product-main-section{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.product-specification-link{
    margin-top:16px;
    text-align:center;
}

/* Kolom thumbnail */
.product-gallery-thumbs{
    display:flex;
    flex-direction:column;
    gap:10px;
    flex-shrink:0;
}

.program-card h4{
    font-size: 24px;
    line-height: 1.8rem;
    margin-bottom: 20px;
    padding-bottom: 10px;
    min-height:75px;
}