body,html{
        width: 100%;
        font-family:"Montserrat";
        font-style:normal;
        margin-bottom:2em;
        overflow: auto;
    }
    .zero-padding {
        padding: 0%;
    }
    .btn{
        width: 445px;
        padding-top: 15px !important;
        padding-bottom:15px !important;
        background: #58A8F8;
        border-radius: 10px;
        font-weight:700;
        font-size: 24px;
        text-align: center;
        color:white !important
    }
    .border-line {
        border-top: 1px solid #C4C4C4;;
      }
    a.toMain:hover,a.toMain:after{
        text-decoration:none !important;
        color: #58A8F8;
    }
    .announce-container{
        margin-top: 5em !important
    }
    .header{
        position: fixed;
        width: 100%;
        height: 50px;
        top: 0px;
        background: #FFFFFF;
        box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
        z-index: 100
    }
    .header p, .header a{
        font-weight:600;
        font-size:14px;
        color: #58A8F8;
        line-height:17px;
        margin-top:1em;
    }
    p{
        font-weight: 500;
        font-size: 18px;
        line-height: 25px;
        color:#000000;
    }
    h3{
        font-weight: bold;
        font-size: 24px;
        line-height: 29px;
    }
    
    h2{
        font-weight: 700;
        font-size: 24px;
        line-height: 25px;
    }

    .info-container{
        padding:1em 1em 1em 4em;
        width: 100%;
        background: #E4F2FF;
        border-radius: 100px;
    }
    .info-container h3 {
        font-weight: 600;
        font-size: 18px;
        color: #58A8F8;
        height:25px;
        margin: 0 0 3px 8px;
    }
    .icon-img{
        width:25px;
        height:25px;
    }
    .info-container p {
        font-weight: 500;
        font-size: 18px;
        line-height: 25px;
        color: #000000;
    }
    .small{
        font-weight: 400;
        font-size: 14px !important;
    }
    .syarat-container{
        width: 100%
    }
    .syarat-container p{
        font-weight: 500;
        font-size: 18px;
        line-height: 25px;
        color: #000000;
    }
    .tos p{
        font-weight: 400;
        font-size: 18px;
        line-height: 25px;
        color: #000000;
    }
    ol{
        padding-left: 1.8em;
    }

    li{
        font-size: 18px;
        font-weight:400;
        margin-bottom:1em
    }

    .success-container ol{
        padding-left: 1.8em;
    }

    .success-container ol li{
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #000000;
        margin-bottom:.5em
    }

    .form-register{
        width:575px;
        background: #FFFFFF;
        box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        margin: 5em auto;
        padding-top: 2em;
        padding-bottom: 1em;
    }
    .form-register-subs{
        width:1024px;
        background: #FFFFFF;
        box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        margin: 5em auto;
        padding-top: 2em;
        padding-bottom: 1em;
    }

    .bottom-placeholder{
        font-weight: 500 !important;
        font-size: 10px !important;
        line-height: 12px !important;
        color: #A1A4A8 !important;
        margin-top: 0.3em !important;
    }
    .register-body {
        margin-top: 3em;
    }
    .register-head h3{
        font-weight: bold;
        font-size: 24px;
        line-height: 29px;
        color:#58A8F8
    }

    .register-head p{
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #A1A4A8;
    }

    .register-head img{
        width: 100px;
        height: 73px;
        margin-right:3em;
    }

    .date-container,.time-container,.form-container{
        margin-top:2.5em;
    }
    .date-container p,.time-container p,.form-container p{
        font-size: 14px;
        line-height: 17px;
        color: #000000;
        margin-bottom:1em;
        font-weight: 500 !important
    }

    .form-container p{
        margin-bottom:.3em !important;
    }

    .bubble-day{
        background: #FFFFFF;
        border: 1px solid #58A8F8;
        box-sizing: border-box;
        border-radius: 100px;
        width: 131px;
        height: 42px;
        text-align:center;
        padding-top: .8em;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #58A8F8;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
    }
    .bubble-time{
        background: #FFFFFF;
        border: 1px solid #58A8F8;
        box-sizing: border-box;
        border-radius: 100px;
        width: 73px;
        height: 41px;
        text-align:center;
        padding-top: .8em;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #58A8F8;
        cursor: pointer;
    }
    .input-icons {
        position: absolute;
        float:right;
        right:1.5em;
        top:.3em
    }
    .card-info{
        width: 100%;
        padding: 1em 1em 1em 1em;
        background: #F1F8FF;
        border-radius: 10px;
    }
    .info-table td{
        padding : .5em .5em .5em .5em;
    }
    .grey{

        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #A1A4A8;
    }
    .bold-info{
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #000000;
    }

    .reguler-info{
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #000000;
    }

    .success-container{
        margin-top:2em
    }

    .success-container p{
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #000000;
    }
    .scheduleDate.active {
        color: white;
        background: #58A8F8;
    }
    
    .scheduleTime.active {
        color: white;
        background: #58A8F8;
    }
    @media (max-width:600px){
        h3{font-size:14px;}
        .mt-5{margin-top:1em !important}
        p, .tos p{font-size:14px;font-weight:400}
        .syarat-container p,li{font-size:14px}
        .btn{width:100%;font-size:14px}
        h2{font-size: 16px}
        .info-container{
            padding:1em 0 1em 0;
            border-radius: 40px;
        }
        .info-container h3 {
            font-weight: 600;
            font-size: 14px;
        }
        .info-container p {
            font-weight: 500;
            font-size: 14px;
        }
        .small{font-size: 12px !important;}
        .form-register{width:100%;box-shadow: none;border: none; padding-bottom: 0px;margin:0 auto}
        .form-register-subs{width:100%;box-shadow: none;border: none; padding-bottom: 0px;}

        .register-head h3{
            font-size: 16px;
        }
    
        .register-head p{
            font-weight: 500;
            font-size: 12px;
        }
    
        .register-head img{
            width: 75.66px;
            height: 55.23px;
            margin-right:1em
        }
    }