.elementor-237 .elementor-element.elementor-element-4725cfe{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-4725cfe::before, .elementor-237 .elementor-element.elementor-element-4725cfe > .elementor-background-video-container::before, .elementor-237 .elementor-element.elementor-element-4725cfe > .e-con-inner > .elementor-background-video-container::before, .elementor-237 .elementor-element.elementor-element-4725cfe > .elementor-background-slideshow::before, .elementor-237 .elementor-element.elementor-element-4725cfe > .e-con-inner > .elementor-background-slideshow::before, .elementor-237 .elementor-element.elementor-element-4725cfe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-237 .elementor-element.elementor-element-a03e17e{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-a03e17e:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-a03e17e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://seleksi.baktinusa.id/wp-content/uploads/2026/09/Homebanner16-1.webp");background-position:top right;background-size:cover;}.elementor-237 .elementor-element.elementor-element-a03e17e::before, .elementor-237 .elementor-element.elementor-element-a03e17e > .elementor-background-video-container::before, .elementor-237 .elementor-element.elementor-element-a03e17e > .e-con-inner > .elementor-background-video-container::before, .elementor-237 .elementor-element.elementor-element-a03e17e > .elementor-background-slideshow::before, .elementor-237 .elementor-element.elementor-element-a03e17e > .e-con-inner > .elementor-background-slideshow::before, .elementor-237 .elementor-element.elementor-element-a03e17e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-237 .elementor-element.elementor-element-6aa046d{--spacer-size:600px;}.elementor-237 .elementor-element.elementor-element-9afb1b2{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:-7px 0px 25px -6px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-237 .elementor-element.elementor-element-47d5888 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-237 .elementor-element.elementor-element-47d5888 img{width:50%;max-width:50%;}.elementor-237 .elementor-element.elementor-element-5244ba11{width:100%;max-width:100%;}.elementor-237 .elementor-element.elementor-element-5244ba11 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-c6e30ef .elementor-button{background-color:#C10100;font-size:14px;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-d0c101f );border-radius:5px 5px 5px 5px;}.elementor-237 .elementor-element.elementor-element-c6e30ef > .elementor-widget-container{margin:20px 0px 50px 0px;}.elementor-237 .elementor-element.elementor-element-c6e30ef.elementor-element{--align-self:stretch;}.elementor-237 .elementor-element.elementor-element-c6e30ef .elementor-button:hover, .elementor-237 .elementor-element.elementor-element-c6e30ef .elementor-button:focus{color:var( --e-global-color-b64b826 );border-color:var( --e-global-color-d0c101f );}.elementor-237 .elementor-element.elementor-element-c6e30ef .elementor-button:hover svg, .elementor-237 .elementor-element.elementor-element-c6e30ef .elementor-button:focus svg{fill:var( --e-global-color-b64b826 );}.elementor-237 .elementor-element.elementor-element-c9eb8f0 .elementor-button{background-color:#C10100;font-size:14px;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-d0c101f );border-radius:5px 5px 5px 5px;}.elementor-237 .elementor-element.elementor-element-c9eb8f0 > .elementor-widget-container{margin:20px 0px 50px 0px;}.elementor-237 .elementor-element.elementor-element-c9eb8f0.elementor-element{--align-self:stretch;}.elementor-237 .elementor-element.elementor-element-c9eb8f0 .elementor-button:hover, .elementor-237 .elementor-element.elementor-element-c9eb8f0 .elementor-button:focus{color:var( --e-global-color-b64b826 );border-color:var( --e-global-color-d0c101f );}.elementor-237 .elementor-element.elementor-element-c9eb8f0 .elementor-button:hover svg, .elementor-237 .elementor-element.elementor-element-c9eb8f0 .elementor-button:focus svg{fill:var( --e-global-color-b64b826 );}.elementor-237 .elementor-element.elementor-element-d9c854e .elementor-button{background-color:#C10100;font-size:14px;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-d0c101f );border-radius:5px 5px 5px 5px;}.elementor-237 .elementor-element.elementor-element-d9c854e > .elementor-widget-container{margin:20px 0px 50px 0px;}.elementor-237 .elementor-element.elementor-element-d9c854e.elementor-element{--align-self:stretch;}.elementor-237 .elementor-element.elementor-element-d9c854e .elementor-button:hover, .elementor-237 .elementor-element.elementor-element-d9c854e .elementor-button:focus{color:var( --e-global-color-b64b826 );border-color:var( --e-global-color-d0c101f );}.elementor-237 .elementor-element.elementor-element-d9c854e .elementor-button:hover svg, .elementor-237 .elementor-element.elementor-element-d9c854e .elementor-button:focus svg{fill:var( --e-global-color-b64b826 );}@media(max-width:1024px){.elementor-237 .elementor-element.elementor-element-4725cfe{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-a03e17e:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-a03e17e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://seleksi.baktinusa.id/wp-content/uploads/2026/09/Homebanner16-2.webp");background-position:top right;background-size:cover;}.elementor-237 .elementor-element.elementor-element-a03e17e{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-237 .elementor-element.elementor-element-6aa046d{--spacer-size:600px;}.elementor-237 .elementor-element.elementor-element-9afb1b2{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-237 .elementor-element.elementor-element-47d5888 img{width:70%;}}@media(max-width:767px){.elementor-237 .elementor-element.elementor-element-a03e17e:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-a03e17e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://seleksi.baktinusa.id/wp-content/uploads/2026/09/Homebanner16.webp");background-size:cover;}.elementor-237 .elementor-element.elementor-element-a03e17e{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-6aa046d{--spacer-size:260px;}.elementor-237 .elementor-element.elementor-element-9afb1b2{--justify-content:flex-start;--padding-top:50px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-237 .elementor-element.elementor-element-47d5888 img{width:75%;}}@media(min-width:768px){.elementor-237 .elementor-element.elementor-element-a03e17e{--width:65%;}.elementor-237 .elementor-element.elementor-element-9afb1b2{--width:35%;}}@media(max-width:1024px) and (min-width:768px){.elementor-237 .elementor-element.elementor-element-a03e17e{--width:65%;}.elementor-237 .elementor-element.elementor-element-9afb1b2{--width:35%;}}/* Start custom CSS *//* =========================================================
   BAKTI NUSA 16
   REGISTER PAGE - FINAL FIXED LEFT PANEL

   Parent : bn-register-layout
   Left   : bn-register-visual
   Right  : bn-register-panel
========================================================= */


/* =========================================================
   1. ROOT
========================================================= */

.bn-register-layout {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    min-height: 100vh !important;
    min-height: 100svh !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: #ffffff !important;

    overflow: visible !important;
}


/* =========================================================
   2. LEFT PANEL
   FIXED = TIDAK IKUT SCROLL
========================================================= */

.bn-register-visual {
    position: fixed !important;

    top: 0 !important;
    left: 0 !important;

    width: 65vw !important;

    height: 100vh !important;
    height: 100svh !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background-color: #f7f7f7 !important;

    isolation: isolate !important;

    z-index: 1 !important;
}


/* =========================================================
   3. BACKGROUND TEXTURE
========================================================= */

.bn-register-visual::before {
    content: "";

    position: absolute !important;
    inset: 0 !important;

    z-index: 0 !important;

    pointer-events: none !important;

    background-size: cover !important;

    background-position: center center !important;

    background-repeat: no-repeat !important;
}


/* Semua isi kiri di atas texture */
.bn-register-visual > * {
    position: relative !important;

    z-index: 1 !important;
}


/* =========================================================
   4. INNER ELEMENTOR KIRI
========================================================= */

.bn-register-visual > .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   5. IMAGE UTAMA
========================================================= */

.bn-register-visual .elementor-widget-image {
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 2 !important;
}


.bn-register-visual
.elementor-widget-image
.elementor-widget-container {
    display: flex !important;

    align-items: center !important;
    justify-content: flex-end !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.bn-register-visual .elementor-widget-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;
    max-height: 100% !important;

    object-fit: contain !important;

    /* gambar merapat ke kanan */
    object-position: right center !important;

    margin: 0 !important;
}


/* =========================================================
   6. RIGHT REGISTER PANEL
========================================================= */

.bn-register-panel {
    position: relative !important;

    width: 35vw !important;

    min-height: 100vh !important;
    min-height: 100svh !important;

    margin: 0 0 0 65vw !important;

    padding:
        42px
        clamp(28px, 4vw, 64px)
        50px !important;

    background: #ffffff !important;

    box-sizing: border-box !important;

    z-index: 2 !important;
}


/* =========================================================
   7. REGISTER CONTENT
========================================================= */

.bn-register-panel > .e-con-inner,
.bn-register-panel .um,
.bn-register-panel .um-form,
.bn-register-panel form {
    width: 100% !important;

    max-width: 430px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================================
   8. ULTIMATE MEMBER FIELDS
========================================================= */

.bn-register-panel .um-field {
    margin-bottom: 16px !important;
}


.bn-register-panel .um-field-label {
    margin-bottom: 7px !important;
}


.bn-register-panel input[type="text"],
.bn-register-panel input[type="email"],
.bn-register-panel input[type="password"],
.bn-register-panel input[type="tel"] {
    width: 100% !important;

    min-height: 44px !important;

    padding: 10px 13px !important;

    border: 1px solid #d8dde4 !important;
    border-radius: 7px !important;

    background: #ffffff !important;

    box-shadow: none !important;

    outline: none !important;
}


.bn-register-panel input:focus {
    border-color: #e30606 !important;

    box-shadow:
        0 0 0 3px rgba(227, 6, 6, .08) !important;
}


/* =========================================================
   9. BUTTON
========================================================= */

.bn-register-panel input[type="submit"],
.bn-register-panel button[type="submit"],
.bn-register-panel .um-button {
    width: 100% !important;

    min-height: 46px !important;

    background: #e30606 !important;

    border: 1px solid #e30606 !important;
    border-radius: 7px !important;

    color: #ffffff !important;

    font-weight: 700 !important;

    cursor: pointer !important;

    box-shadow: none !important;
}


.bn-register-panel input[type="submit"]:hover,
.bn-register-panel button[type="submit"]:hover,
.bn-register-panel .um-button:hover {
    background: #c90000 !important;

    border-color: #c90000 !important;
}


/* =========================================================
   10. WORDPRESS ADMIN BAR
   Supaya fixed panel tidak tertutup admin bar ketika login
========================================================= */

body.admin-bar .bn-register-visual {
    top: 32px !important;

    height: calc(100vh - 32px) !important;
    height: calc(100svh - 32px) !important;
}


@media (max-width: 782px) {

    body.admin-bar .bn-register-visual {
        top: 46px !important;

        height: calc(100vh - 46px) !important;
        height: calc(100svh - 46px) !important;
    }

}


/* =========================================================
   11. LAPTOP <= 1200
   60 / 40
========================================================= */

@media (max-width: 1200px) and (min-width: 901px) {

    .bn-register-visual {
        width: 60vw !important;
    }


    .bn-register-panel {
        width: 40vw !important;

        margin-left: 60vw !important;

        padding:
            34px
            28px
            44px !important;
    }

}


/* =========================================================
   12. TABLET <= 900
   50 / 50
========================================================= */

@media (max-width: 900px) and (min-width: 768px) {

    .bn-register-visual {
        width: 50vw !important;
    }


    .bn-register-panel {
        width: 50vw !important;

        margin-left: 50vw !important;

        padding:
            30px
            22px
            40px !important;
    }

}


/* =========================================================
   13. MOBILE
   FIXED DIMATIKAN
========================================================= */

@media (max-width: 767px) {

    .bn-register-layout {
        display: flex !important;

        flex-direction: column !important;

        width: 100% !important;
    }


    .bn-register-visual,
    body.admin-bar .bn-register-visual {
        position: relative !important;

        top: auto !important;
        left: auto !important;

        width: 100% !important;

        height: 42svh !important;

        min-height: 280px !important;
        max-height: 440px !important;

        flex: 0 0 auto !important;
    }


    .bn-register-visual .elementor-widget-image img {
        object-position: center center !important;
    }


    .bn-register-panel {
        width: 100% !important;

        min-height: auto !important;

        margin-left: 0 !important;

        padding:
            30px
            20px
            42px !important;
    }


    .bn-register-panel > .e-con-inner,
    .bn-register-panel .um,
    .bn-register-panel .um-form,
    .bn-register-panel form {
        max-width: 100% !important;
    }

}

/* =========================================================
   REGISTER MOBILE - FIX IMAGE TERPOTONG
   Paste PALING BAWAH setelah seluruh CSS register
========================================================= */

@media (max-width: 767px) {

    /* =========================================
       WRAPPER
    ========================================= */

    .bn-register-layout {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        max-width: 100% !important;

        min-height: 100svh !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow-x: hidden !important;
    }


    /* =========================================
       AREA VISUAL KIRI
       Jangan paksa tinggi viewport
    ========================================= */

    .bn-register-visual,
    body.admin-bar .bn-register-visual {

        position: relative !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        transform: none !important;

        flex: 0 0 auto !important;
    }


    /* =========================================
       INNER CONTAINER ELEMENTOR
    ========================================= */

    .bn-register-visual > .e-con-inner,
    .bn-register-visual > .e-con,
    .bn-register-visual > .elementor-element {

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        left: auto !important;
        right: auto !important;

        transform: none !important;
    }


    /* =========================================
       IMAGE WIDGET
    ========================================= */

    .bn-register-visual .elementor-widget-image {

        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        left: auto !important;
        right: auto !important;

        transform: none !important;
    }


    .bn-register-visual
    .elementor-widget-image
    .elementor-widget-container {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;

        transform: none !important;
    }


    /* =========================================
       IMAGE UTAMA
       KUNCI: width 100% + height auto
    ========================================= */

    .bn-register-visual .elementor-widget-image img {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        max-height: none !important;

        margin: 0 auto !important;
        padding: 0 !important;

        object-fit: contain !important;
        object-position: center center !important;

        transform: none !important;
    }


    /* =========================================
       BACKGROUND TEXTURE
    ========================================= */

    .bn-register-visual::before {

 

        background-size: cover !important;

        background-position: center center !important;

        background-repeat: no-repeat !important;
    }


    /* =========================================
       PANEL REGISTER
    ========================================= */

    .bn-register-panel {

        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        min-height: auto !important;

        margin: 0 !important;

        padding:
            30px
            20px
            42px !important;

        overflow: visible !important;

        transform: none !important;
    }


    .bn-register-panel > .e-con-inner,
    .bn-register-panel .um,
    .bn-register-panel .um-form,
    .bn-register-panel form {

        width: 100% !important;
        max-width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }
}/* End custom CSS */