.elementor-2233 .elementor-element.elementor-element-2e2c5a7:not(.elementor-motion-effects-element-type-background), .elementor-2233 .elementor-element.elementor-element-2e2c5a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#08071E;background-image:url("https://jatimtamansteel.id/wp-content/uploads/2026/07/ChatGPT-Image-Jul-30-2026-04_27_52-PM.png");background-repeat:no-repeat;background-size:cover;}.elementor-2233 .elementor-element.elementor-element-2e2c5a7 > .elementor-background-overlay{background-color:var( --e-global-color-secondary );opacity:0.63;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2233 .elementor-element.elementor-element-2e2c5a7 > .elementor-container{min-height:404px;}.elementor-2233 .elementor-element.elementor-element-2e2c5a7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-30px;margin-bottom:0px;}.elementor-2233 .elementor-element.elementor-element-eca3a4d{text-align:center;}.elementor-2233 .elementor-element.elementor-element-eca3a4d .elementor-heading-title{font-size:56px;font-weight:bold;text-transform:uppercase;line-height:7em;letter-spacing:5.3px;word-spacing:0em;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-cb970c5 );}@media(min-width:768px){.elementor-2233 .elementor-element.elementor-element-c590011{width:50%;}.elementor-2233 .elementor-element.elementor-element-257f7eb{width:49.664%;}}/* Start custom CSS for heading, class: .elementor-element-eca3a4d *//* Animasi heading fade in + slide up */
.elementor-2233 .elementor-element.elementor-element-eca3a4d .elementor-heading-title {
    font-size: 56px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 7em;
    letter-spacing: 5.3px;
    word-spacing: 0em;
    -webkit-text-stroke-color: #000;
    stroke: #000;
    color: var(--e-global-color-cb970c5);
    /* Animasi */
    animation: fadeSlideUp 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s forwards;
    opacity: 0;
    transform: translateY(30px);
}

@keyframes fadeSlideUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-2e2c5a7 *//* Efek zoom pada background image, container tetap */
.elementor-2233 .elementor-element.elementor-element-2e2c5a7:not(.elementor-motion-effects-element-type-background),
.elementor-2233 .elementor-element.elementor-element-2e2c5a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #08071E;
    background-image: url(https://jatimtamansteel.id/wp-content/uploads/2026/07/ChatGPT-Image-Jul-30-2026-04_27_52-PM.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* Animasi zoom pada background image */
    animation: zoomBackground 6s ease-out forwards;
}

@keyframes zoomBackground {
    0% {
        background-size: 112% auto;
        background-position: center;
    }
    100% {
        background-size: 100% auto;
        background-position: center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43662bc *//*==================================================
  JTS COMPANY PROFILE
==================================================*/

.jts-company-profile {
    width: 100%;
    max-width: 1400px;

    margin: 0 auto;
    padding: 60px 30px;

    box-sizing: border-box;

    font-family:
        'Poppins',
        'Segoe UI',
        Arial,
        sans-serif;

    color: #222;
}


/*==================================================
  TITLE
==================================================*/

.cp-title {
    margin-bottom: 45px;
}

.cp-title span {
    display: block;

    color: #B5121B;

    font-size: 13px;
    font-weight: 600;

    letter-spacing: 2px;

    margin-bottom: 8px;
}

.cp-title h2 {
    margin: 0;

    font-size: 32px;
    font-weight: 700;

    line-height: 1.3;

    color: #222;
}

.cp-title .line {
    width: 70px;
    height: 4px;

    margin-top: 16px;

    background: #B5121B;
}


/*==================================================
  COMPANY LAYOUT
==================================================*/

.cp-top {
    display: flex;

    width: 100%;

    align-items: flex-start;

    margin-bottom: 45px;
}


/*==================================================
  LEFT INFORMATION
==================================================*/

.cp-left {
    flex: 0 0 60%;
    max-width: 60%;

    padding-right: 30px;

    box-sizing: border-box;
}


/*==================================================
  INFORMATION ROW
==================================================*/

.cp-item {
    display: grid;

    grid-template-columns:
        15px
        170px
        minmax(0, 1fr);

    column-gap: 15px;

    align-items: start;

    padding: 18px 0;

    border-bottom: 1px solid #e8ebef;

    box-sizing: border-box;
}


/*==================================================
  BULLET
==================================================*/

.bullet {
    width: 7px;
    height: 7px;

    margin-top: 8px;

    background: #B5121B;

    border-radius: 50%;
}


/*==================================================
  LABEL
==================================================*/

.cp-label {
    font-size: 16px;

    font-weight: 600;

    line-height: 1.6;

    color: #222;
}


/*==================================================
  VALUE
==================================================*/

.cp-value {
    font-size: 16px;

    font-weight: 400;

    line-height: 1.7;

    color: #666;
}


/*==================================================
  RIGHT PHOTO
==================================================*/

.cp-right {
    flex: 0 0 40%;
    max-width: 40%;

    padding-left: 10px;

    box-sizing: border-box;

    display: flex;

    justify-content: center;

    align-items: flex-start;
}


/*==================================================
  MAIN PHOTO
==================================================*/

.company-photo {
    width: 100%;

    background: #f7f7f7;

    border: 1px solid #e5e8ec;

    border-radius: 8px;

    overflow: hidden;

    display: flex;

    justify-content: center;

    align-items: center;
}


/*==================================================
  MAIN PHOTO IMAGE

  FULL IMAGE - NO CROP
==================================================*/

.company-photo img {
    display: block;

    width: 100%;
    height: auto;

    max-width: 100%;

    object-fit: contain;
}


/*==================================================
  GALLERY TITLE
==================================================*/

.section-title {
    display: flex;

    align-items: center;

    gap: 15px;

    margin:
        20px 0 20px;
}

.section-title h3 {
    margin: 0;

    font-size: 23px;

    font-weight: 600;

    color: #222;
}

.section-title .red-line {
    width: 50px;
    height: 3px;

    background: #B5121B;

    border-radius: 2px;
}


/*==================================================
  GALLERY
==================================================*/

.cp-gallery {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 20px;

    width: 100%;
}


/*==================================================
  GALLERY ITEM

  Tinggi mengikuti gambar
==================================================*/

.gallery-item {
    width: 100%;

    background: #f7f7f7;

    border: 1px solid #e5e8ec;

    border-radius: 7px;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;
}


/*==================================================
  GALLERY IMAGE

  FULL IMAGE - NO CROP
==================================================*/

.gallery-item img {
    display: block;

    width: 100%;
    height: auto;

    max-width: 100%;

    object-fit: contain;
}


/*==================================================
  DIVIDER
==================================================*/

.company-divider {
    width: 100%;

    height: 1px;

    margin: 60px 0;

    border: 0;

    background:
        linear-gradient(
            to right,
            transparent,
            #B5121B,
            transparent
        );

    opacity: .25;
}


/*==================================================
  TABLET
==================================================*/

@media (max-width: 1023px) {

    .jts-company-profile {
        padding: 50px 25px;
    }


    .cp-top {
        gap: 25px;
    }


    .cp-left {
        flex-basis: 58%;
        max-width: 58%;

        padding-right: 20px;
    }


    .cp-right {
        flex-basis: 42%;
        max-width: 42%;

        padding-left: 0;
    }


    .cp-item {
        grid-template-columns:
            12px
            145px
            minmax(0, 1fr);

        column-gap: 12px;
    }


    .cp-label {
        font-size: 15px;
    }


    .cp-value {
        font-size: 15px;
    }


    .cp-gallery {
        gap: 15px;
    }

}


/*==================================================
  MOBILE
==================================================*/

@media (max-width: 767px) {

    .jts-company-profile {
        padding: 40px 15px;
    }


    .cp-title {
        margin-bottom: 30px;
    }


    .cp-title span {
        font-size: 11px;

        letter-spacing: 1.5px;
    }


    .cp-title h2 {
        font-size: 27px;
    }


    .cp-title .line {
        width: 55px;
        height: 3px;

        margin-top: 13px;
    }


    /* STACK */

    .cp-top {
        flex-direction: column;

        gap: 25px;

        margin-bottom: 35px;
    }


    .cp-left {
        width: 100%;

        max-width: 100%;

        flex-basis: auto;

        padding-right: 0;
    }


    .cp-right {
        width: 100%;

        max-width: 100%;

        flex-basis: auto;

        padding-left: 0;
    }


    /* INFORMATION */

    .cp-item {
        grid-template-columns:
            10px
            minmax(0, 1fr);

        column-gap: 10px;

        row-gap: 3px;

        padding: 15px 0;
    }


    .bullet {
        width: 7px;
        height: 7px;

        margin-top: 7px;
    }


    .cp-label {
        grid-column: 2;

        font-size: 14px;
    }


    .cp-value {
        grid-column: 2;

        font-size: 14px;

        line-height: 1.6;
    }


    /* MAIN IMAGE */

    .company-photo {
        width: 100%;

        border-radius: 6px;
    }


    .company-photo img {
        width: 100%;

        height: auto;
    }


    /* GALLERY */

    .section-title {
        margin:
            25px 0 15px;

        gap: 10px;
    }


    .section-title h3 {
        font-size: 19px;
    }


    .section-title .red-line {
        width: 40px;
        height: 3px;
    }


    .cp-gallery {
        grid-template-columns:
            repeat(2, 1fr);

        gap: 12px;
    }


    .gallery-item img {
        width: 100%;

        height: auto;
    }


    .company-divider {
        margin:
            40px 0;
    }

}


/*==================================================
  SMALL MOBILE
==================================================*/

@media (max-width: 480px) {

    .jts-company-profile {
        padding: 30px 12px;
    }


    .cp-title h2 {
        font-size: 24px;
    }


    .cp-item {
        padding: 13px 0;
    }


    .cp-label {
        font-size: 13px;
    }


    .cp-value {
        font-size: 13px;

        line-height: 1.55;
    }


    .cp-gallery {
        grid-template-columns:
            1fr;

        gap: 12px;
    }


    .section-title h3 {
        font-size: 17px;
    }


    .company-divider {
        margin:
            35px 0;
    }

}


/*==================================================
  ELEMENTOR FIX
==================================================*/

.elementor-widget-html .jts-company-profile {
    box-sizing: border-box;
}


.elementor-widget-html .jts-company-profile img {
    max-width: 100%;
}/* End custom CSS */