/*=========================================
FULL PAGE
=========================================*/

html,
body{

    height:100%;
    margin:0;
    overflow:hidden;

}

.container-fluid{

    height:100vh;

}

/* .row{

    height:100vh;

} */


/*=========================================
LEFT SIDE (FIXED)
=========================================*/

.left-slider{

    position:fixed;

    left:0;

    top:0;

    width:58.333333%;

    height:100vh;

    overflow:hidden;

    padding:0;

    z-index:1;

}

.left-slider .carousel,
.left-slider .carousel-inner,
.left-slider .carousel-item{

    height:100%;

}

.left-slider img{

    width:100%;

    height:100%;

    object-fit:cover;

}


/*=========================================
RIGHT SIDE (SCROLLABLE)
=========================================*/

.right-form{

    margin-left:58.333333%;

    width:41.666667%;

    height:100vh;

    overflow-y:auto;

    overflow-x:hidden;

    background:#f8f9fa;

    padding:40px;

}

.right-form::-webkit-scrollbar{

    width:8px;

}

.right-form::-webkit-scrollbar-thumb{

    background:#198754;

    border-radius:20px;

}

.right-form::-webkit-scrollbar-track{

    background:#eee;

}


/*=========================================
REGISTER CARD
=========================================*/

.register-card{

    max-width:700px;

    margin:auto;

    background:#fff;

    border-radius:20px;

    padding:35px;

    box-shadow:0 5px 25px rgba(0,0,0,.08);

}



.register-wrapper{

display:flex;

align-items:center;

justify-content:center;

min-height:100vh;

padding:40px 20px;

background:#f5f7fb;

}

/* .register-card{

width:100%;

max-width:650px;

background:#fff;

padding:35px;

border-radius:20px;

} */

.logo{

width:90px;

}

.profile-upload{

position:relative;

display:inline-block;

}

.profile-upload img{

width:140px;

height:140px;

object-fit:cover;

border-radius:50%;

border:5px solid #198754;

}

.camera-btn{

position:absolute;

right:5px;

bottom:5px;

width:42px;

height:42px;

background:#198754;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

cursor:pointer;

box-shadow:0 5px 15px rgba(0,0,0,.2);

}

.section-title{

font-weight:700;

color:#198754;

}

.slider-image{

height:100vh;

object-fit:cover;

}

.slider-overlay{

position:absolute;

inset:0;

background:rgba(0,0,0,.45);

}

.carousel-caption{

bottom:100px;

text-align:left;

}

.carousel-caption h1{

font-size:48px;

font-weight:700;

}

.carousel-caption p{

font-size:18px;

}

@media(max-width:991px){

.register-wrapper{

padding:20px;

}

.register-card{

padding:25px;

}

}

.section-title{

font-size:20px;

font-weight:700;

color:#198754;

margin-bottom:15px;

}

.form-control,
.form-select{

height:52px;

border-radius:12px;

}

textarea.form-control{

height:auto;

border-radius:12px;

}

.form-control:focus,
.form-select:focus{

border-color:#198754;

box-shadow:0 0 0 .2rem rgba(25,135,84,.15);

}

/*=========================================
STORE IMAGE
=========================================*/

.store-image-upload,
.banner-upload{

position:relative;

display:inline-block;

width:100%;

}

.store-preview{

width:160px;

height:160px;

border-radius:20px;

object-fit:cover;

border:3px solid #198754;

background:#f5f5f5;

}

.banner-preview{

width:100%;

height:180px;

border-radius:15px;

object-fit:cover;

border:3px solid #198754;

background:#f5f5f5;

}

.upload-btn{

position:absolute;

right:10px;

bottom:10px;

width:42px;

height:42px;

border-radius:50%;

background:#198754;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

cursor:pointer;

box-shadow:0 5px 15px rgba(0,0,0,.25);

transition:.3s;

}

.upload-btn:hover{

background:#157347;

transform:scale(1.08);

}

.banner-upload .upload-btn{

right:15px;

bottom:15px;

}

/*=====================================
STORE INFORMATION
=====================================*/

.form-select{

    height:52px;

    border-radius:12px;

}

textarea.form-control{

    min-height:140px;

    resize:vertical;

}

.form-control,
.form-select{

    border:1px solid #dee2e6;

}

.form-control:focus,
.form-select:focus{

    border-color:#198754;

    box-shadow:0 0 0 .2rem rgba(25,135,84,.15);

}

small.text-muted{

    font-size:13px;

}

textarea.form-control{

resize:vertical;

min-height:110px;

}

.section-title{

font-size:20px;

font-weight:700;

color:#198754;

}

.btn-outline-success{

border-radius:12px;

padding:10px 20px;

}

input[type=time]{

height:52px;

}

.input-group-text{

background:#198754;

color:#fff;

border:none;

width:50px;

justify-content:center;

}

.btn-success{

height:55px;

border-radius:12px;

font-size:18px;

font-weight:600;

}

.card.bg-light{

border-radius:15px;

}

.form-check-label a{

text-decoration:none;

font-weight:600;

}

.form-check-label a:hover{

text-decoration:underline;

}


@media (max-width:991px){

    html,
    body{

        overflow:auto;

    }

    .left-slider{

        display:none !important;

    }

    .right-form{

        margin-left:0;

        width:100%;

        height:auto;

        min-height:100vh;

        overflow:visible;

        padding:10px;

    }

    .register-card{

        max-width:100%;

        padding:25px;

    }

}