.elementor-22 .elementor-element.elementor-element-3216540 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-5133808{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-22 .elementor-element.elementor-element-5133808 > .elementor-widget-container{background-color:#430000;}.elementor-22 .elementor-element.elementor-element-437a3b8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;}.elementor-22 .elementor-element.elementor-element-f727dbf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-22 .elementor-element.elementor-element-55d214b{--spacer-size:50px;}.elementor-22 .elementor-element.elementor-element-99b4ba5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-22 .elementor-element.elementor-element-d1b1bfd{--spacer-size:50px;}.elementor-22 .elementor-element.elementor-element-ccd0d13 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-ab4cc53{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-22 .elementor-element.elementor-element-ab4cc53:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-ab4cc53 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#950000;}.elementor-22 .elementor-element.elementor-element-ab4cc53, .elementor-22 .elementor-element.elementor-element-ab4cc53::before{--border-transition:0.3s;}.elementor-22 .elementor-element.elementor-element-375102d.elementor-element{--align-self:center;}.elementor-22 .elementor-element.elementor-element-375102d > .elementor-widget-container{background-color:#9B0000;}.elementor-22 .elementor-element.elementor-element-375102d{text-align:center;}.elementor-22 .elementor-element.elementor-element-375102d .elementor-heading-title{color:#F3F3F3;font-family:"Teko", Sans-serif;font-weight:bold;letter-spacing:4px;word-spacing:18px;}.elementor-22 .elementor-element.elementor-element-65b53a5{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:70px 100px 500px;--grid-auto-flow:column;--background-transition:0.3s;--overlay-opacity:0.5;}.elementor-22 .elementor-element.elementor-element-65b53a5:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-65b53a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://compro.jts.co.id/wp-content/uploads/2025/01/Desain-tanpa-judul-1.png");background-color:#FFFFFF;background-position:0px 181px;}.elementor-22 .elementor-element.elementor-element-65b53a5::before, .elementor-22 .elementor-element.elementor-element-65b53a5 > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-65b53a5 > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-65b53a5 > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-65b53a5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-65b53a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-22 .elementor-element.elementor-element-65b53a5, .elementor-22 .elementor-element.elementor-element-65b53a5::before{--overlay-transition:0s;--border-transition:0.3s;}.elementor-22 .elementor-element.elementor-element-3d0b4df > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-3d0b4df{text-align:center;}.elementor-22 .elementor-element.elementor-element-3d0b4df .elementor-heading-title{color:#333333;font-family:"Monda", Sans-serif;font-size:50px;font-weight:600;word-spacing:0px;}.elementor-22 .elementor-element.elementor-element-0ef0785{text-align:center;}.elementor-22 .elementor-element.elementor-element-0ef0785 .elementor-heading-title{color:#8F8B8B;font-family:"Monda", Sans-serif;font-size:20px;font-weight:300;}.elementor-22 .elementor-element.elementor-element-065ffbe iframe{height:650px;}.elementor-22 .elementor-element.elementor-element-6e98ed6{text-align:center;}.elementor-22 .elementor-element.elementor-element-6e98ed6 .elementor-heading-title{color:#333333;font-family:"Monda", Sans-serif;font-size:50px;font-weight:600;}.elementor-22 .elementor-element.elementor-element-aee70c2{text-align:center;}.elementor-22 .elementor-element.elementor-element-aee70c2 .elementor-heading-title{color:#8F8B8B;font-family:"Monda", Sans-serif;font-size:20px;font-weight:400;}.elementor-22 .elementor-element.elementor-element-6fe7b73 iframe{height:650px;}body.elementor-page-22:not(.elementor-motion-effects-element-type-background), body.elementor-page-22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFDFB;}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-437a3b8{--content-width:1600px;}.elementor-22 .elementor-element.elementor-element-f727dbf{--width:50%;}.elementor-22 .elementor-element.elementor-element-99b4ba5{--width:50%;}.elementor-22 .elementor-element.elementor-element-65b53a5{--content-width:1600px;}}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-65b53a5{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:1;--grid-auto-flow:row;}.elementor-22 .elementor-element.elementor-element-65b53a5:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-65b53a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-800px 800px;}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-65b53a5{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:1;--grid-auto-flow:row;}.elementor-22 .elementor-element.elementor-element-65b53a5:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-65b53a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-511px 535px;}}/* Start custom CSS for tx_hero_slider, class: .elementor-element-5133808 *//* Memberikan background putih secara permanen */
.fti-hero-2-marquee .logo-wrap .logo {
    background-color: #ffffff; /* Warna putih */
    transition: background-color 500ms ease; /* Transisi halus jika diinginkan */
}

/* Pastikan hover juga tetap putih */
.fti-hero-2-marquee .logo-wrap .logo:hover {
    background-color: #ffffff !important; /* Warna tetap putih saat hover */
}

/* Gambar selalu berwarna (tidak grayscale) */
.fti-hero-2-marquee .logo-wrap .logo img {
    filter: grayscale(0); /* Gambar berwarna */
    -webkit-filter: grayscale(0); /* Gambar berwarna untuk WebKit */
    transition: filter 500ms ease; /* Transisi efek */
}

/* Hover tetap berwarna */
.fti-hero-2-marquee .logo-wrap .logo:hover img {
    filter: grayscale(0); /* Tetap berwarna saat hover */
    -webkit-filter: grayscale(0); /* Tetap berwarna untuk WebKit */
}

/*untuk warna sub title*/
.fti-subtitle-3.hero-2-subtitle {
    color: white;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-eb47b3f */.swiper-slide a {
    display: grid;
}

.main-shape img {
    width: 100vw;
    height: 100vh;
    display: block;
    object-fit: cover;
    object-position: center;

    /* Default: Desktop */
    -webkit-mask-image: linear-gradient(to right, black 60%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to right, black 60%, rgba(0, 0, 0, 0) 100%);
}

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .main-shape img {
        -webkit-mask-image: linear-gradient(to right, black 50%, rgba(0, 0, 0, 0) 100%);
        mask-image: linear-gradient(to right, black 50%, rgba(0, 0, 0, 0) 100%);
        height: 80vh; /* Sesuaikan tinggi untuk tablet */
    }
}

/* HP (Maksimal 767px) */
@media (max-width: 767px) {
    .main-shape img {
        -webkit-mask-image: linear-gradient(to right, black 30%, rgba(0, 0, 0, 0) 100%);
        mask-image: linear-gradient(to right, black 30%, rgba(0, 0, 0, 0) 100%);
        height: auto;
        min-height: 500px; /* Agar tidak terlalu kecil */
        max-height: 50vh; /* Batasi ketinggian agar tidak terlalu besar */
    }
}/* End custom CSS */