.elementor-3462 .elementor-element.elementor-element-5a80982b{--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;--overlay-opacity:0.5;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-3462 .elementor-element.elementor-element-5a80982b::before, .elementor-3462 .elementor-element.elementor-element-5a80982b > .elementor-background-video-container::before, .elementor-3462 .elementor-element.elementor-element-5a80982b > .e-con-inner > .elementor-background-video-container::before, .elementor-3462 .elementor-element.elementor-element-5a80982b > .elementor-background-slideshow::before, .elementor-3462 .elementor-element.elementor-element-5a80982b > .e-con-inner > .elementor-background-slideshow::before, .elementor-3462 .elementor-element.elementor-element-5a80982b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3462 .elementor-element.elementor-element-65567431{--display:flex;--min-height:60vh;--overflow:hidden;--overlay-opacity:0.25;--border-radius:30px 30px 30px 30px;--padding-top:00px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-3462 .elementor-element.elementor-element-65567431:not(.elementor-motion-effects-element-type-background), .elementor-3462 .elementor-element.elementor-element-65567431 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b7f3b2e );}.elementor-3462 .elementor-element.elementor-element-65567431::before, .elementor-3462 .elementor-element.elementor-element-65567431 > .elementor-background-video-container::before, .elementor-3462 .elementor-element.elementor-element-65567431 > .e-con-inner > .elementor-background-video-container::before, .elementor-3462 .elementor-element.elementor-element-65567431 > .elementor-background-slideshow::before, .elementor-3462 .elementor-element.elementor-element-65567431 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3462 .elementor-element.elementor-element-65567431 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://pranatautamamobilitas.co.id/wp-content/uploads/2026/10/skylift-1.webp");--background-overlay:'';background-position:center center;background-repeat:no-repeat;}.elementor-3462 .elementor-element.elementor-element-2756f3bc{--display:flex;--min-height:462px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3462 .elementor-element.elementor-element-2084600 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:bold;color:var( --e-global-color-d90de80 );}.elementor-3462 .elementor-element.elementor-element-0209273{text-align:center;}.elementor-3462 .elementor-element.elementor-element-0209273 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;color:#FFFFFF;}.elementor-3462 .elementor-element.elementor-element-5304be4{--display:flex;--margin-top:050px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3462 .elementor-element.elementor-element-9fe18f8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-3462 .elementor-element.elementor-element-9fe18f8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;}.elementor-3462 .elementor-element.elementor-element-869def3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3462 .elementor-element.elementor-element-869def3 img{width:30%;max-width:74%;height:425px;}.elementor-3462 .elementor-element.elementor-element-c305f9f{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:020px 020px;--row-gap:020px;--column-gap:020px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;grid-column:span 1;}.elementor-3462 .elementor-element.elementor-element-1c415ec{--display:flex;}.elementor-3462 .elementor-element.elementor-element-f4a57aa{text-align:center;}.elementor-3462 .elementor-element.elementor-element-f4a57aa .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;}.elementor-3462 .elementor-element.elementor-element-99bf6eb{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:5px 5px 5px 5px;font-family:"Poppins", Sans-serif;font-size:16px;color:#4B4B4B;}.elementor-3462 .elementor-element.elementor-element-0e14d17{--display:flex;}.elementor-3462 .elementor-element.elementor-element-584205f{text-align:center;}.elementor-3462 .elementor-element.elementor-element-584205f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;}.elementor-3462 .elementor-element.elementor-element-83fb562{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:5px 5px 5px 5px;font-family:"Poppins", Sans-serif;font-size:16px;color:var( --e-global-color-text );}.elementor-3462 .elementor-element.elementor-element-83fb562 p{margin-block-end:0px;}.elementor-3462 .elementor-element.elementor-element-c789649{--display:flex;}.elementor-3462 .elementor-element.elementor-element-992afc1{text-align:center;}.elementor-3462 .elementor-element.elementor-element-992afc1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;}.elementor-3462 .elementor-element.elementor-element-3f18382{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;font-family:"Poppins", Sans-serif;font-size:16px;}.elementor-3462 .elementor-element.elementor-element-0e055d4{--display:flex;}.elementor-3462 .elementor-element.elementor-element-2f87cd8{text-align:center;}.elementor-3462 .elementor-element.elementor-element-2f87cd8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;}.elementor-3462 .elementor-element.elementor-element-fc73fca{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:10px 10px 10px 10px;font-family:"Poppins", Sans-serif;font-size:16px;}.elementor-3462 .elementor-element.elementor-element-f0b9743{--display:flex;}.elementor-3462 .elementor-element.elementor-element-3d5e0f8{text-align:center;}.elementor-3462 .elementor-element.elementor-element-3d5e0f8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;}.elementor-3462 .elementor-element.elementor-element-c8019d4{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:10px 10px 10px 10px;font-family:"Poppins", Sans-serif;font-size:16px;}.elementor-3462 .elementor-element.elementor-element-c3986be{--display:flex;--border-radius:6px 6px 6px 6px;--margin-top:050px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:030px;--padding-bottom:20px;--padding-left:20px;--padding-right:020px;}.elementor-3462 .elementor-element.elementor-element-c3986be:not(.elementor-motion-effects-element-type-background), .elementor-3462 .elementor-element.elementor-element-c3986be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-bc69b90 );}.elementor-3462 .elementor-element.elementor-element-48483f1{text-align:center;font-weight:bold;color:#000000;}.elementor-3462 .elementor-element.elementor-element-8a589b3{text-align:center;}.elementor-3462 .elementor-element.elementor-element-8a589b3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;color:var( --e-global-color-b7f3b2e );}.elementor-3462 .elementor-element.elementor-element-726547a{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:6px 6px;--row-gap:6px;--column-gap:6px;--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-3462 .elementor-element.elementor-element-0d3adf4 .elementor-icon-wrapper{text-align:center;}.elementor-3462 .elementor-element.elementor-element-0d3adf4 .elementor-icon{font-size:25px;padding:15px;}.elementor-3462 .elementor-element.elementor-element-0d3adf4 .elementor-icon svg{height:25px;}.elementor-3462 .elementor-element.elementor-element-a852729{width:var( --container-widget-width, 88.571% );max-width:88.571%;margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;--container-widget-width:88.571%;--container-widget-flex-grow:0;text-align:center;}.elementor-3462 .elementor-element.elementor-element-a852729.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3462 .elementor-element.elementor-element-a852729 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;}.elementor-3462 .elementor-element.elementor-element-cab2d7c{margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 20px) 20px;text-align:center;font-family:"Poppins", Sans-serif;font-size:15px;letter-spacing:0.1px;word-spacing:0px;color:var( --e-global-color-2dcba06 );}.elementor-3462 .elementor-element.elementor-element-cab2d7c p{margin-block-end:10px;}.elementor-3462 .elementor-element.elementor-element-fead159 .elementor-icon-wrapper{text-align:center;}.elementor-3462 .elementor-element.elementor-element-fead159 .elementor-icon{font-size:25px;padding:15px;}.elementor-3462 .elementor-element.elementor-element-fead159 .elementor-icon svg{height:25px;}.elementor-3462 .elementor-element.elementor-element-efdfe2e{width:var( --container-widget-width, 85.357% );max-width:85.357%;margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;--container-widget-width:85.357%;--container-widget-flex-grow:0;text-align:center;}.elementor-3462 .elementor-element.elementor-element-efdfe2e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3462 .elementor-element.elementor-element-efdfe2e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;}.elementor-3462 .elementor-element.elementor-element-3558418{margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 20px) 20px;text-align:center;font-family:"Poppins", Sans-serif;font-size:15px;letter-spacing:0.1px;color:var( --e-global-color-2dcba06 );}.elementor-3462 .elementor-element.elementor-element-3558418 p{margin-block-end:10px;}.elementor-3462 .elementor-element.elementor-element-2674be5 .elementor-icon-wrapper{text-align:center;}.elementor-3462 .elementor-element.elementor-element-2674be5 .elementor-icon{font-size:25px;padding:15px;}.elementor-3462 .elementor-element.elementor-element-2674be5 .elementor-icon svg{height:25px;}.elementor-3462 .elementor-element.elementor-element-4075816{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;text-align:center;}.elementor-3462 .elementor-element.elementor-element-4075816 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;}.elementor-3462 .elementor-element.elementor-element-7a500a0{margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 20px) 20px;text-align:center;font-family:"Poppins", Sans-serif;font-size:15px;color:var( --e-global-color-2dcba06 );}.elementor-3462 .elementor-element.elementor-element-7a500a0 p{margin-block-end:10px;}.elementor-3462 .elementor-element.elementor-element-a77bda2{--display:flex;--border-radius:18px 18px 18px 18px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3462 .elementor-element.elementor-element-a77bda2:not(.elementor-motion-effects-element-type-background), .elementor-3462 .elementor-element.elementor-element-a77bda2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3462 .elementor-element.elementor-element-c4469d5{font-weight:bold;}.elementor-3462 .elementor-element.elementor-element-f4e1bea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;text-align:start;}.elementor-3462 .elementor-element.elementor-element-f4e1bea.elementor-element{--flex-grow:1;--flex-shrink:1;}.elementor-3462 .elementor-element.elementor-element-f4e1bea .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;}.elementor-3462 .elementor-element.elementor-element-08342be{width:var( --container-widget-width, 90% );max-width:90%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;--container-widget-width:90%;--container-widget-flex-grow:0;column-gap:0px;text-align:start;font-family:"Poppins", Sans-serif;font-size:15px;color:var( --e-global-color-primary );}.elementor-3462 .elementor-element.elementor-element-08342be p{margin-block-end:0px;}.elementor-3462 .elementor-element.elementor-element-a2fd116 .elementor-button{background-color:#4EBAEA;border-radius:10px 10px 10px 10px;}.elementor-3462 .elementor-element.elementor-element-a2fd116 .elementor-button:hover, .elementor-3462 .elementor-element.elementor-element-a2fd116 .elementor-button:focus{background-color:var( --e-global-color-73ab5fe );color:var( --e-global-color-primary );}.elementor-3462 .elementor-element.elementor-element-a2fd116:hover{--e-transform-translateX:3px;--e-transform-translateY:2px;}.elementor-3462 .elementor-element.elementor-element-a2fd116{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-3462 .elementor-element.elementor-element-a2fd116 .elementor-button-content-wrapper{flex-direction:row;}.elementor-3462 .elementor-element.elementor-element-a2fd116 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-3462 .elementor-element.elementor-element-a2fd116 .elementor-button:hover svg, .elementor-3462 .elementor-element.elementor-element-a2fd116 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-3462 .elementor-element.elementor-element-e1c7f51{--spacer-size:50px;}.elementor-3462 .elementor-element.elementor-element-bc2eb16{--spacer-size:50px;}@media(max-width:1024px){.elementor-3462 .elementor-element.elementor-element-c305f9f{--grid-auto-flow:row;}.elementor-3462 .elementor-element.elementor-element-726547a{--grid-auto-flow:row;}.elementor-3462 .elementor-element.elementor-element-08342be{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(min-width:768px){.elementor-3462 .elementor-element.elementor-element-c305f9f{--width:100%;}.elementor-3462 .elementor-element.elementor-element-c3986be{--content-width:1112%;}.elementor-3462 .elementor-element.elementor-element-726547a{--content-width:1068px;}.elementor-3462 .elementor-element.elementor-element-a77bda2{--content-width:1112px;}}@media(max-width:767px){.elementor-3462 .elementor-element.elementor-element-c305f9f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3462 .elementor-element.elementor-element-726547a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-c305f9f *//* ==========================================
   SPEC GRID - MODERN HOVER EFFECT
   3 CARD ATAS + 2 CARD BAWAH TENGAH
========================================== */

.spec-grid {
    width: 100% !important;
    max-width: 1100px;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;

    gap: 16px !important;

    align-items: stretch;
}


/* ==========================================
   CARD UTAMA
========================================== */

.spec-grid .spec-card {
    position: relative;
    overflow: hidden;

    grid-column: span 2;

    width: 100% !important;
    box-sizing: border-box;

    min-height: 180px;

    display: flex;
    flex-direction: column;

    padding: 18px 20px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #ffffff 75%,
            #f5fbff 100%
        );

    border: 1px solid #d2d8dc;
    border-radius: 14px;

    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.10);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease,
        background 0.35s ease;
}


/* ==========================================
   GARIS AKSEN DI ATAS CARD
========================================== */

.spec-grid .spec-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 0;
    height: 3px;

    background: linear-gradient(
        90deg,
        #28a9e0,
        #58c4ee
    );

    border-radius: 0 3px 3px 0;

    transition: width 0.4s ease;
}


/* ==========================================
   EFEK HOVER CARD
========================================== */

.spec-grid .spec-card:hover {
    transform: translateY(-7px);

    border-color: #9edaf2;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #ffffff 65%,
            #f0faff 100%
        );

    box-shadow:
        0 12px 25px rgba(30, 120, 160, 0.14),
        0 3px 8px rgba(0, 0, 0, 0.08);
}


/* Garis atas muncul saat hover */

.spec-grid .spec-card:hover::before {
    width: 100%;
}


/* ==========================================
   JUDUL CARD
========================================== */

.spec-grid .spec-card h2,
.spec-grid .spec-card h3,
.spec-grid .spec-card .elementor-heading-title {
    position: relative;

    margin-top: 0;
    margin-bottom: 12px;

    transition:
        color 0.3s ease,
        transform 0.3s ease;
}


/* Judul sedikit bergerak saat hover */

.spec-grid .spec-card:hover h2,
.spec-grid .spec-card:hover h3,
.spec-grid .spec-card:hover .elementor-heading-title {
    transform: translateX(3px);
}


/* ==========================================
   TEXT
========================================== */

.spec-grid .spec-card p {
    margin-top: 0;
    margin-bottom: 6px;

    line-height: 1.5;

    transition:
        color 0.3s ease;
}


/* ==========================================
   3 CARD BARIS PERTAMA
========================================== */

.spec-grid .spec-card:nth-child(1) {
    grid-column: 1 / span 2;
}

.spec-grid .spec-card:nth-child(2) {
    grid-column: 3 / span 2;
}

.spec-grid .spec-card:nth-child(3) {
    grid-column: 5 / span 2;
}


/* ==========================================
   2 CARD BARIS KEDUA - TENGAH
========================================== */

.spec-grid .spec-card:nth-child(4) {
    grid-column: 2 / span 2;
}

.spec-grid .spec-card:nth-child(5) {
    grid-column: 4 / span 2;
}


/* ==========================================
   EFEK MASUK BERTAHAP
========================================== */

.spec-grid .spec-card:nth-child(1) {
    animation: specFadeUp 0.5s ease 0.05s both;
}

.spec-grid .spec-card:nth-child(2) {
    animation: specFadeUp 0.5s ease 0.12s both;
}

.spec-grid .spec-card:nth-child(3) {
    animation: specFadeUp 0.5s ease 0.19s both;
}

.spec-grid .spec-card:nth-child(4) {
    animation: specFadeUp 0.5s ease 0.26s both;
}

.spec-grid .spec-card:nth-child(5) {
    animation: specFadeUp 0.5s ease 0.33s both;
}


@keyframes specFadeUp {

    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


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

@media (max-width: 900px) {

    .spec-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    .spec-grid .spec-card,
    .spec-grid .spec-card:nth-child(1),
    .spec-grid .spec-card:nth-child(2),
    .spec-grid .spec-card:nth-child(3),
    .spec-grid .spec-card:nth-child(4),
    .spec-grid .spec-card:nth-child(5) {
        grid-column: span 1;
    }

}


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

@media (max-width: 600px) {

    .spec-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .spec-grid .spec-card,
    .spec-grid .spec-card:nth-child(1),
    .spec-grid .spec-card:nth-child(2),
    .spec-grid .spec-card:nth-child(3),
    .spec-grid .spec-card:nth-child(4),
    .spec-grid .spec-card:nth-child(5) {
        grid-column: span 1;
    }

    .spec-grid .spec-card {
        min-height: auto;
        padding: 16px 18px;
    }

    /* Efek hover lebih kecil di mobile */
    .spec-grid .spec-card:hover {
        transform: translateY(-3px);
    }

}/* End custom CSS */