/* @import 'https://fonts.googleapis.com/css?family=Kanit|Prompt'; */
@font-face {  
    font-family: "Superspace" ;  
    src: url( /font/Superspace_Regular_ver_1.00.ttf ) format("truetype");  
}

body {
    /* font-family: 'Kanit', sans-serif; */
    font-family: 'Superspace', sans-serif;
    background-image: url('img/background.png');
    /* background-attachment: fixed; */
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.banner {
    /* position: relative; */
    margin: auto;
    width: 100%;
    z-index: 1
}

.button-banner1 {
    position: absolute;
    top:430px;
    left:45%;
}

.quan {
    margin-top: -50px;
}

.bs {
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

.b-25 {
    border-radius: 25px;
}

.choose-plan {
    padding: 20px;
    background: #F2F2F2;
    border: none;
}

.choose-plan2 {
    padding: 20px;
    background-image: linear-gradient(#4D9148, #008051,#006837);
    border: none;
}
.plan-container{
    padding:10px;
    background-color: #E0E0E0;
}
.plan-answer-container{
    padding:10px;
    background-color:white;
    height:100%;
    width:100%;
    text-align: center;
    display:table;
}
.answer-plan{
    margin:10px;
    color:black;
}
.answer-obj{
    margin-left:10px;
    color:#009245;
    display:table-cell;
    vertical-align: middle;
    font-weight:bold;

}
.insure-cost {
    width: 100%;
    border-radius: 5px;
    background-color: white;
    color: #009245;
    padding: 10px;
}

.question {
    background-color: white;
    color: #009245;
    width: 100%;
    border-radius: 25px;
    box-shadow: #a0a0a0;
    padding: 20px;
    border: none;

}

.answer {
    background: #009245;
    color: white;
    border-radius: 25px;
    box-shadow: #a0a0a0;
    padding: 20px;

}

.f-dropdown {
    float: right;
    padding: 10px;
}

.condition {
    margin-top: 20px;
    padding: 5px;
    color: white;
}
.m-responsive{
    margin:0;
}
.m-desktop{
    margin-top:20px;
}
.img-rev{
    width:100%
}
.flex-r2c{
    text-align: right;
}
.show-desktop{
    display:block;
}
.show-mobile{
    display:none;
}
@media only screen and (max-width:1400px){
    .button-banner1 {
        top:350px;
        left:45%;
        width:300px;
    }
}
@media only screen and (max-width:1200px){
    .button-banner1 {
        top:300px;
        left:45%;
        width:250px;
    }
}
@media only screen and (max-width:1023px){
    .button-banner1 {
        top:220px;
        left:45%;
        width:200px;
    }
    .show-desktop{
        display:none;
    }
    .show-mobile{
        display:block;
    }
    .m-responsive{
        margin-top:20px;
    }
    .m-desktop{
        margin:0;
    }
    .res-reverse{
        flex-direction:column-reverse;
    }
    .img-rev{
        width:50%;
        margin:auto;
    }
    .flex-r2c{
text-align:center
    }
}
@media only screen and (max-width:600px){
    .button-banner1 {
        top:130px;
        left:45%;
        width:100px;
    }
}
@media only screen and (max-width:400px){
    .button-banner1 {
        top:110px;
        left:43%;
        width:120px;
    }
}

@media only screen and (min-width:1600px) {

    .container,
    .container-fluid {
        max-width: 1400px;
        margin: auto;
    }
}