[v-cloak] {
    display: none;
}
[v-cloak]::before {
    content: "loading...";
}
html,body{
    font-size: unset;
}
.banner-checkbia-landing {
    background-image: url(../img/banner_part3.png);
    background-position: right top;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    height: auto;
}
.img-banner-right{
    max-width: 1200px;
}
.img-banner-bottom{
    max-width: 1130px;
}
.bg-video-landing.custom-travel {
    max-width: 813px;
    min-height: 500px;
    margin-left: auto;
    margin-right: auto;
}
.box-img-square .txt-result {
    white-space: nowrap;
}

.border_danger {
    border: 1px solid red !important;
}
.border_normal {
    border: 1px solid #ced4da !important;
}

.btn-see-plan-prakun{
    max-width: 195.78px;
}

/* custom-modal-travel */
.custom-modal-travel.modal-dialog{
    max-width: 700px;
}
.custom-modal-travel .modal-header{
    border: 0px;
}
.custom-modal-travel .modal-header .close{
    opacity: 1;
}
.custom-modal-travel .modal-footer{
    border: 0px;
}
.custom-modal-travel .box-border-in-modal{
    border: 1px solid #C4C4C4;
    border-radius: 8px;
    padding: 30px 15px;
}
.custom-modal-travel .box-border-in-modal .box-form{
    max-width: 310px;
}
.custom-modal-travel .form-control{
    height: calc(1.5em + 0.75rem + 9px);
}
.custom-modal-travel .btn-warning-prakun.btn-send-over-nine{
    max-width: 296px;
    width: 100%;
    height: 55px;
    margin-bottom: 24px;
}
.custom-modal-travel .img-send-success{
    margin: 28px auto 24px;
}
.custom-modal-travel .btn-warning-prakun.btn-close-over-nine{
    max-width: 216px;
    width: 100%;
    height: 55px;
    margin-top: 24;
    margin-bottom: 54px;
}
@media (max-width: 1200px) {
    .banner-checkbia-landing {
        padding-right: 0;
        background-image: url(../img/banner_part3.png) !important;
        background-position: left top;
    }
    .img-banner-right{
        max-width: 80%;
        margin: auto;
    }
    .img-banner-bottom{
        max-width: 70%;
        margin: auto;
    }
}
@media (max-width: 767px) {
    .bg-video-landing.custom-travel {
        min-height: 407px;
    }
    .custom-modal-travel.modal-dialog{
        max-width: 384px;
    }
    .custom-modal-travel .box-border-in-modal {
        padding: 20px;
    }
    .custom-modal-travel .btn-warning-prakun.btn-send-over-nine{
        max-width: 100%;
        height: 50px;
    }
    .custom-modal-travel .btn-warning-prakun.btn-close-over-nine{
        max-width: 100%;
        height: 50px;
        margin-top: 9;
        margin-bottom: 24px;
    }
    .custom-modal-travel .img-send-success{
        margin: 25px auto 13px;
        width: 110px;
    }
    .custom-modal-travel .h2.f-dark-blue{
        font-size: 26px;
        line-height: 26px;
    }
    .custom-modal-travel .h5{
        font-size: 16px;
        line-height: 24px
    }
}
@media (max-width: 575px) {
    .bg-video-landing.custom-travel {
        min-height: 233px;
    }
    .custom-modal-travel.modal-dialog{
        margin: 0.5rem auto;
    }
    .img-banner-right{
        max-width: 100%;
    }
    .img-banner-bottom{
        max-width: 100%;
    }
    
}
@media (max-width: 500px) {
    .btn-see-plan-prakun {
        max-width: 100%;
    }
}
@media (max-width: 424px) {
    .box-checkbia-landing .col-custom{
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (max-width: 374px) {

}