/* login-responsive.css */
/* iPad Responsive Styles */
@media (max-width: 1024px) {
    .welcome-section {
        flex: 0 0 50%;
        display: none;
    }

    .container.login {
    display: flex;
}

    .login-section {
        padding: 50px;
        max-width: 600px;
        border: 1px solid #d1d5db;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        justify-content: center; /* Pusatkan secara horizontal */
        align-items: center; /* Pusatkan secara vertikal */
         /* Tinggi viewport */
        margin: auto;
    }
        
        
}
        
        
        
        
        
        
        
        
/* login-responsive.css */
/* iPad Responsive Styles */
@media (max-width: 1024px) {

.payment-summary {
    padding: unset;
}
    


body {
    background-color: #ffffff !important;
}
.form_detail {
    box-shadow: unset;
    border: unset;
    border-radius: 0px;
    padding: unset;
    padding-bottom: 50px;
    border-top: 1px solid #123;
    padding-top: 20px;
}
    
.booking-form {
    padding: unset;
    padding-top: 50px;
}

.payment_form {
    display: flex;
    flex-direction: column;
}
    
img.img_pckg {
    width: 100%;
}

    
.class-image {
    width: 100%;
}

.class-details {

    
    display: flex;
    flex-direction: column;
}
    .welcome-section {
        flex: 0 0 50%;
        display: none;
    }

    .container.login {
    display: flex;
}

    .login-section {
        padding: 50px;
        max-width: 600px;
        border: 1px solid #d1d5db;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        justify-content: center; /* Pusatkan secara horizontal */
        align-items: center; /* Pusatkan secara vertikal */
         /* Tinggi viewport */
        margin: auto;
    }
        
        
}
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
         /* Atasi margin default *
    }

    .login-section h2 {
        font-size: 1.8rem;
    }

    .login-form label {
        font-size: 1rem;
    }
    .container.login {
    display: unset;
}
}

/* Phone Responsive Styles */
@media (max-width: 767px) {
    .container {
        padding: unset;
    }

    .welcome-section {
        flex: 0 0 auto;
        height: 30vh;
    }

    .welcome-section h1 {
        font-size: 1.5rem;
    }

    .login-section {
        flex: 0 0 auto;
        width: 90%;
        max-width: 400px;
        box-shadow: unset;
        border: unset;
    }

    .login-section h2 {
        margin: 30px auto;
        max-width: 100%;
        font-size: 1.4rem;
    }

    .login-section p {
        font-size: 0.8rem;
    }

    .login-form label {
        font-size: 0.8rem;
    }

    .btn {
        font-size: 1rem;
        padding: 10px;
    }

    .footer-links {
        font-size: 0.8rem;
    }

    img.fwewef {
        height: auto;
        width: 100%;
    }

    h2.forg_pass {
        font-size: 0.9rem;
    }
    .container.login {}

    body{
        background-color: #ffffff !important;
    }

    img#login_logo{
    height: 30px;
    }
}








select#payment_method {}
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
         /* Atasi margin default *
    }

    .login-section h2 {
        font-size: 1.8rem;
    }

    .login-form label {
        font-size: 1rem;
    }
    .container.login {
    display: unset;
}
}

/* Phone Responsive Styles */
@media (max-width: 767px) {
    .container {
        flex-direction: column;
    }

    .welcome-section {
        flex: 0 0 auto;
        height: 30vh;
    }

    .welcome-section h1 {
        font-size: 1.5rem;
    }

    .login-section {
        flex: 0 0 auto;
        width: 90%;
        max-width: 400px;
        box-shadow: unset;
        border: unset;
    }

    .login-section h2 {
        margin: 30px auto;
        max-width: 100%;
        font-size: 1.4rem;
    }

    .login-section p {
        font-size: 0.8rem;
    }

    .login-form label {
        font-size: 0.8rem;
    }

    .btn {
        font-size: 1rem;
        padding: 10px;
    }

    .footer-links {
        font-size: 0.8rem;
    }

    img.fwewef {
        height: auto;
        width: 100%;
    }

    h2.forg_pass {
        font-size: 0.9rem;
    }
    .container.login {}

    body{
        background-color: #ffffff !important;
    }

    img#login_logo{
    height: 30px;
    }
}