.elementor-75 .elementor-element.elementor-element-20d6ab6:not(.elementor-motion-effects-element-type-background), .elementor-75 .elementor-element.elementor-element-20d6ab6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cb970c5 );}.elementor-75 .elementor-element.elementor-element-20d6ab6:hover{background-color:transparent;background-image:linear-gradient(180deg, #BDBABA 0%, #FFFFFF 100%);}.elementor-75 .elementor-element.elementor-element-20d6ab6 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(360deg, #070C1E 0%, #070C1ECC 0%);opacity:0;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-75 .elementor-element.elementor-element-20d6ab6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 0px 0px 0px;}.elementor-75 .elementor-element.elementor-element-c4223bb > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-75 .elementor-element.elementor-element-e1bff54:not(.elementor-motion-effects-element-type-background), .elementor-75 .elementor-element.elementor-element-e1bff54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cb970c5 );}.elementor-75 .elementor-element.elementor-element-e1bff54 > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-75 .elementor-element.elementor-element-e1bff54{border-style:solid;border-width:1px 1px 1px 1px;border-color:#70707040;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 15px 0px 15px;}.elementor-75 .elementor-element.elementor-element-9274689 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-75 .elementor-element.elementor-element-9274689 > .elementor-element-populated{margin:55px 0px 60px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 15px 0px 15px;}.elementor-75 .elementor-element.elementor-element-9ec51d4 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-75 .elementor-element.elementor-element-9ec51d4 > .elementor-element-populated{margin:55px 0px 55px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 15px 0px 15px;}.elementor-75 .elementor-element.elementor-element-b8ea5ac > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-75 .elementor-element.elementor-element-b8ea5ac > .elementor-element-populated{margin:55px 0px 55px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 15px 0px 15px;}.elementor-75 .elementor-element.elementor-element-5141a86 > .elementor-widget-container{background-color:#FFFFFF;padding:25px 0px 25px 0px;}.elementor-75 .elementor-element.elementor-element-5141a86{column-gap:0px;text-align:center;color:#6C6C6C;}@media(max-width:1024px) and (min-width:768px){.elementor-75 .elementor-element.elementor-element-9274689{width:50%;}.elementor-75 .elementor-element.elementor-element-9ec51d4{width:50%;}.elementor-75 .elementor-element.elementor-element-b8ea5ac{width:50%;}}@media(max-width:1024px){.elementor-75 .elementor-element.elementor-element-20d6ab6{padding:80px 0px 0px 0px;}.elementor-75 .elementor-element.elementor-element-b8ea5ac > .elementor-element-populated{margin:0px 0px 55px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(max-width:767px){.elementor-75 .elementor-element.elementor-element-e1bff54{padding:0px 0px 0px 0px;}.elementor-75 .elementor-element.elementor-element-9ec51d4 > .elementor-element-populated{margin:0px 0px 55px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}/* Start custom CSS for html, class: .elementor-element-c2148ad */.jts-menu{
    width:300px;
    font-family:'Poppins',sans-serif;
}

.jts-title{
    position:relative;
    margin-bottom:25px;
    padding-left:18px;
}

.jts-title::before{
    content:'';
    position:absolute;
    left:0;
    top:3px;
    width:6px;
    height:34px;
    background:#B5121B;
    border-radius:3px;
}

.jts-title h3{
    margin:0;
    color:#000000;          /* Hitam legam */
    font-size:30px;
    font-weight:700;
    letter-spacing:-0.5px;
}

.jts-list{
    border-top:2px solid #B5121B;
}

.jts-list a{
    display:flex;
    justify-content:space-between;
    align-items:center;

    color:#000;
    text-decoration:none;

    padding:15px 15px;

    border-bottom:1px solid #D9D9D9;

    /* Steel Gradient */
    background:linear-gradient(
        90deg,
        #f2f2f2 0%,
        #fafafa 35%,
        #ffffff 100%
    );

    transition:all .35s ease;
    font-size:16px;
    font-weight:500;
    position:relative;
    overflow:hidden;
    box-shadow:
inset 0 1px rgba(255,255,255,.7),
inset 0 -1px rgba(0,0,0,.03);
}

.jts-list a::before{
    transition:2.2s cubic-bezier(.19,1,.22,1);

}


.jts-list a i{
    opacity:0;
    transform:translateX(-8px);
    transition:.35s;
    color:#B5121B;
}

.jts-list a:hover::before{
    left:180%;
}

.jts-list a:hover{
    color:#B5121B;
    padding-left:12px;
    box-shadow:
    inset 4px 0 0 #B5121B,
    inset 0 1px rgba(255,255,255,.9),
    0 8px 18px rgba(0,0,0,.08);
}

.jts-list a:hover{

    color:#B5121B !important;

    padding-left:22px;

    background:linear-gradient(
        90deg,
        #ececec 0%,
        #ffffff 55%,
        #ffffff 100%
    );

    box-shadow:
        inset 4px 0 0 #B5121B,
        0 6px 14px rgba(0,0,0,.08);
}

.jts-list a:hover i{
    opacity:1;
    transform:translateX(0);
}


/* Paksa semua teks menjadi hitam */
.jts-list a,
.jts-list a:link,
.jts-list a:visited,
.jts-list a span,
.jts-list li{
    color:#000 !important;
    font-weight:500;
}

/* Hover */
.jts-list a:hover,
.jts-list a:hover span{
    color:#B5121B !important;
}

/* Jika Elementor memberi warna abu-abu */
.elementor-widget-container .jts-list a{
    color:#000 !important;
}

.elementor-widget-container .jts-list a:hover{
    color:#B5121B !important;
}


.jts-menu{
    width:300px;
    font-family:'Poppins',sans-serif;
    margin-bottom:60px;   /* Jarak antar section */
}

/* Link pada judul selalu hitam */
.jts-title h3 a,
.jts-title h3 a:link,
.jts-title h3 a:visited,
.jts-title h3 a:active{
    color:#000 !important;
    text-decoration:none;
}

/* Hover tetap merah */
.jts-title h3 a:hover{
    color:#B5121B !important;
}



.jts-list{
    border-top:2px solid #B5121B;
    border-radius:2px;
    overflow:hidden;
}

.jts-list a i{

    opacity:0;

    transform:translateX(-8px);

    transition:.35s;

    color:#B5121B;

    font-size:13px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eae8042 */.jts-inquiries{
    display:flex;
    align-items:center;
    gap:16px;
}

.mail-icon{
    width:32px;
    height:32px;
    border:2px solid #E67E22;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.mail-icon i{
    color:#E67E22;
    font-size:15px;
    line-height:1;
}

.jts-inquiries h3{
    margin:0;
    font-family:'Poppins',sans-serif;
    font-size:30px;
    font-weight:700;
    color:#000;
}


.jts-inquiries{
    display:flex;
    align-items:center;      /* semua berada di tengah */
    gap:14px;
}

.mail-icon{
    width:30px;
    height:30px;
    border:2px solid #E67E22;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;
}

.mail-icon i{
    color:#E67E22;
    font-size:14px;
    line-height:1;
}

.title-bar{
    width:5px;
    height:34px;
    background:#B5121B;
    border-radius:3px;
    flex-shrink:0;
}

.jts-inquiries h3{
    margin:0;
    font-family:'Poppins',sans-serif;
    font-size:30px;
    font-weight:700;
    color:#000;
    line-height:1;
}


.jts-menu:last-of-type{
    margin-bottom:50px;
}

.jts-inquiries{
    display:flex;
    align-items:center;
    gap:14px;
    padding-bottom:250px;
}


.jts-inquiries{
    display:flex;
    align-items:center;
    gap:14px;
    text-decoration:none;
    color:#000;
    width:fit-content;
    transition:all .3s ease;
}

.jts-inquiries h3{
    margin:0;
    color:#000;
    font-family:'Poppins',sans-serif;
    font-size:30px;
    font-weight:700;
    transition:.3s;
}

.jts-inquiries:hover h3{
    color:#B5121B;
}

.jts-inquiries:hover .mail-icon{
    border-color:#B5121B;
}

.jts-inquiries:hover .mail-icon i{
    color:#B5121B;
}

.jts-inquiries:hover .title-bar{
    background:#8F0F16;
}


.jts-inquiries{
    display:flex;
    align-items:center;
    gap:14px;

    text-decoration:none;
    color:#000;

    width:fit-content;

    transition:all .3s ease;
}


.jts-inquiries h3{
    margin:0;

    color:#000;

    font-family:'Poppins',sans-serif;

    font-size:30px;

    font-weight:700;

    transition:.3s;
}


.jts-inquiries:hover h3{
    color:#B5121B;
}


.jts-inquiries:hover .mail-icon{

    border-color:#B5121B;

}


.jts-inquiries:hover .mail-icon i{

    color:#B5121B;

}


.jts-inquiries:hover .title-bar{

    background:#8F0F16;

}


/* tambahan agar icon ikut smooth */

.mail-icon,
.mail-icon i,
.title-bar{

    transition:.3s ease;

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e1bff54 *//* Footer JTS Background */

.elementor-element-e1bff54{

    position:relative;

    min-height:850px !important;

    background-image:url('https://jatimtamansteel.id/wp-content/uploads/2026/08/1.png') !important;

    background-repeat:no-repeat !important;

    background-position:center bottom !important;

    background-size:contain !important;

    overflow:hidden !important;

    padding-bottom:190px !important;

}


/* Container */
.elementor-element-e1bff54 > .elementor-container{

    position:relative;

    z-index:2;

}


/* Overlay */
.elementor-element-e1bff54 .elementor-background-overlay{

    opacity:0 !important;

}

/* Container Elementor */
.elementor-element-e1bff54 > .elementor-container{
    position:relative;
    z-index:2;
    overflow:visible !important;
}


/* Hilangkan overlay */
.elementor-element-e1bff54 .elementor-background-overlay{
    opacity:0 !important;
}

@media (max-width:1024px){

    .elementor-element-e1bff54{
        min-height:600px !important;
        padding-bottom:100px !important;
        background-position:center bottom !important;
        background-size:contain !important;
    }

}


@media (max-width:768px){

    .elementor-element-e1bff54{
        min-height:500px !important;
        padding-bottom:50px !important;
        background-position:center bottom !important;
        background-size:100% auto !important;
    }

}/* End custom CSS */