@font-face {
    font-family: "FontTitle";
    src: url("//prakun.com/Components/assets/fonts/ThaiSansNeue-Light.eot");
    src: url("//prakun.com/Components/assets/fonts/ThaiSansNeue-Light.eot?") format("embedded-opentype"),
        url("//prakun.com/Components/assets/fonts/ThaiSansNeue-Light.woff") format("woff"),
        url("//prakun.com/Components/assets/fonts/ThaiSansNeue-Light.ttf") format("truetype"),
        url("//prakun.com/Components/assets/fonts/ThaiSansNeue-Light.svg#ThaiSansNeue-Light") format("svg");
    font-weight: normal;
    font-style: normal;
}
/* .container_health_fonts {
     font-family: "FontTitle" !important; 
} */
.show-mb {
    display: none;
}
.show-pc {
    display: block;
}
.header_banner_margin {
    margin-bottom: 40px;
}
.health_banner_width {
    width: 100%;
    /* max-width: 1440px; */
}
.txt_main_header_health_margin {
    margin-bottom: 20px;
}
.txt_main_health_header {
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 84px;
    letter-spacing: 0em;
    text-align: center;
    color: #03256c;
}
.box_search_health_margin {
    margin-bottom: 31px;
}
.box_search_health {
    /* height: 335px; */
    width: 100%;
    max-width: 437px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    background: rgba(255, 255, 255, 0.15);
    border: 2px solid #0b325a;
    box-sizing: border-box;
    padding: 27px 35px 27px;
}
.txt_sub_header_health {
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 10px;
}
.form_control_health {
    height: 45px;
    border-radius: 5px;
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    padding: 3px 15px 10px;
}
/**checkbox**/
.main_box_check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
}

/* Hide the browser's default checkbox */
.main_box_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border: 1px solid #03256c;
    border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.main_box_check:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.main_box_check input:checked ~ .checkmark {
    background-color: #ffffff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.main_box_check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.main_box_check .checkmark:after {
    left: 10px;
    top: -7px;
    width: 8px;
    height: 21.03px;
    border: solid #2541b2;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.txt_check_box {
    color: #373737;
    padding-left: 36px;
    cursor: pointer;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
}
.txt_sub_check_box {
    color: #676666;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
}
/** end checkbox**/
.hiden_box {
    display: none;
}
.padding_select {
    padding-left: 35px;
}
.bt_see_insurance {
    height: 50px;
    width: 100%;
    max-width: 292px;
    border-radius: 5px;
    background: #0b325a;
    font-style: normal;
    font-weight: normal;
    font-size: 19px;
    line-height: 32px;
    text-align: center;
    color: #ffffff;
}
.footer_health {
    background: #f2f5f6;
    padding: 40px 15px 50px;
}
.txt_footer_health {
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    margin-top: 10px;
    color: #03256c;
}
.txt_sub_footer_health {
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.015em;
    color: #2541b2;
    margin-bottom: 30px;
}
/* table */
.txt_head_th {
    font-weight: 400;
    font-size: 17px;
    line-height: 30px !important;
    /* letter-spacing: -0.015em; */
    text-align: center;
    color: #ffffff;
}
.txt_head_th_black {
    font-weight: 400;
    font-size: 17px;
    line-height: 20px !important;
    /* letter-spacing: -0.015em; */
    text-align: center;
    color: #373737;
}
.txt_sub_td {
    font-size: 17px;
    color: #ed3c53 !important;
}
.bt-pink {
    height: 39px;
    width: 100%;
    max-width: 107px;
    border-radius: 6px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px !important;
    text-align: center;
    color: #ffffff;
    background: #ed3c53;
    border: 1px solid #ed3c53;
    margin-top: 10px;
}
.bt_health_y {
    height: 39px;
    width: 100%;
    max-width: 136px;
    border-radius: 6px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px !important;
    text-align: center;
    color: #373737;
    background: #fff100;
    border: 1px solid #fff100;
    margin-top: 10px;
}
.bg_head_th_blue {
    background: #03256c;
}
.bg_head_th_sky {
    background: #2541b2;
}
.bg_head_th_blue_2 {
    background: #2541b2;
}
.table > thead > tr > th {
    /* border-right: 1px solid #A7A7A7 !important; */
    border: 1px solid #a7a7a7 !important;
}
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 10px;
    border: 1px solid #a7a7a7 !important;
    /* width: 100px; */
    vertical-align: revert !important;
}
.table > tbody > tr > td,
.table > tbody > tr > th {
    padding: 15px 5px;
    border: 1px solid #a7a7a7 !important;
    vertical-align: revert !important;
}
.view {
    margin-bottom: 60px;
}
.search_plan_margin {
    margin-top: 30px;
    margin-bottom: 40px;
    padding: 0 15px;
}
.img_footer_circle {
    width: 100%;
    max-width: 148px;
}
.bt_search_plan {
    height: 42px;
    width: 100%;
    max-width: 170px;
    border-radius: 30px;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px !important;
    text-align: center;
    color: #ffffff;
    background: #2541b2;
    border: 1px solid #2541b2;
    margin-top: 30px;
}
.bg_white {
    background-color: white;
}
.show_icon_slide {
    display: none;
}
.icon_slide {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #2541b2;
    border: 0px;
    background: white;
    margin-bottom: 10px;
}
.show_col_last {
    display: none;
}
.margin_add_protection {
    margin-top: 18px;
}
.table_plan thead th {
    height: 67px;
    padding: 0 5px !important;
    width: 107.54px;
    line-height: 20px !important;
}
.table_plan thead th:nth-child(1) {
    width: 149px;
}
.txt_big_number {
    font-size: 30px;
}
.txt_bath {
    font-size: 23px;
}
.table_plan tbody th:nth-child(1) {
    height: 119px;
}
.bg_table_gray {
    background-color: #f0f1f3;
}
.container_health_banner {
    padding-top: 20px;
}
.table_plan thead th:nth-child(2) {
    min-width: 123px;
}
/* .table_plan thead th:nth-child(3) {
    min-width: 130px;
}*/
.table_plan thead th:nth-child(7) {
    min-width: 115px;
}
.txt_table_b_big {
    font-size: 25px;
}
.table > thead.head_tb_more > tr > th {
    height: 59px;
    background-color: #fff;
}
.table > thead > tr > th.bg_head_th_red {
    background-color: #ed3c53;
    border-radius: 10px 10px 0px 0px;
    border: 0px !important;
}

/*for front only*/
/* .hide_01{
    display: none;
}
.hide_02{
    display: none;
}
.hide_03{
    display: none;
} */

.padding-container-question {
    padding-bottom: 70px;
    padding-top: 50px;
    margin-top: 50px;
}

@media (max-width: 1200px) {
    .show-mb {
        display: none;
    }
    .show-pc {
        display: block;
    }
    .table_plan thead th:nth-child(9) {
        width: 124px;
    }
    .table_plan thead th {
        height: 60px;
    }
    .txt_head_th {
        font-size: 15px;
    }
    .txt_sub_td {
        font-size: 12px;
        color: #2541b2;
    }
    .txt_head_th_black {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .show-mb {
        display: none;
    }
    .show-pc {
        display: block;
    }
    .container_health_banner {
        padding-top: 30px;
    }
    .m-top {
        margin-top: -29px;
    }
    .img_footer_circle {
        max-width: 138px;
    }
    .table_plan {
        margin-bottom: 0;
    }
    .view {
        /* margin: auto; */
        width: 100%;
    }
    .wrapper {
        position: relative;
        overflow: auto;
        /* border: 1px solid #a7a7a7; */
        white-space: nowrap;
    }
    .wrapper::-webkit-scrollbar {
        height: 0px;
    }

    /* Track */
    .wrapper::-webkit-scrollbar-track {
        background: #fff;
    }

    /* Handle */
    .wrapper::-webkit-scrollbar-thumb {
        background: #fff;
    }

    /* Handle on hover */
    .wrapper::-webkit-scrollbar-thumb:hover {
        background: #fff;
    }

    .sticky_col {
        position: -webkit-sticky;
        position: sticky;
    }
    .table_plan thead th:nth-child(1) {
        width: 140px;
    }
    .first_col {
        min-width: 140px;
        max-width: 140px;
        left: 0px;
    }
    .first_col_2 {
        width: 120px;
        min-width: 120px;
        max-width: 120px;
        left: 140px;
    }
    .second_col {
        min-width: 105.54px;
        /* max-width: 170px; */
    }
    .show_icon_slide {
        display: block;
    }
    .txt_footer_health {
        font-size: 22px;
    }

    .bt_health_y {
        font-size: 15px;
    }
}
@media (max-width: 767px) {
    .show-mb {
        display: block;
    }
    .show-pc {
        display: none;
    }
    .main_box_check {
        font-size: 14.5px;
    }
    .txt_sub_check_box {
        font-size: 12px;
    }
    .txt_main_health_header {
        font-size: 40px;
        line-height: 70px;
    }
    .header_banner_margin {
        margin-bottom: 30px;
    }
    .box_search_health_margin {
        margin-bottom: 20px;
    }
    .txt_sub_footer_health {
        margin-bottom: 15px;
    }
    .search_plan_margin {
        margin-top: 20px;
        margin-bottom: 30px;
        padding: 0;
    }
    .padding_select {
        padding-left: 0px;
    }
    .hide_md {
        display: none;
    }
    .footer_health {
        padding: 30px 15px 15px;
    }
    .txt_sub_header_health {
        font-size: 18px;
    }
    .box_search_health {
        padding: 23px 19px 30px;
    }
    .img_footer_circle {
        max-width: 120px;
    }
    .txt_main_header_health_margin {
        margin-bottom: 15px;
    }
    .margin_add_protection {
        margin-top: 12px;
    }
    .container_health_banner {
        max-width: 100% !important;
    }
    .header_page {
        margin-bottom: 0px;
    }
}
@media (max-width: 575px) {
    .show-mb {
        display: block;
    }
    .show-pc {
        display: none;
    }
    .txt_sub_line_height {
        line-height: 0px !important;
    }
    .show_col_last {
        display: block;
    }
    .box_search_health {
        padding: 6px 19px 30px;
    }
    .txt_sub_header_health {
        margin-bottom: 4px;
        margin-top: 13px;
        font-size: 18px;
        line-height: 29px;
    }

    .main_box_check {
        margin-bottom: 7px;
        margin-top: 5px;
        padding-top: 0px;
        font-size: 17px;
    }

    .txt_main_header_health_margin {
        margin-bottom: 18px;
    }

    .margin_add_protection {
        margin-top: 0px;
    }
}
@media (max-width: 500px) {
    .show-mb {
        display: block;
    }
    .show-pc {
        display: none;
    }
    .txt_main_health_header {
        font-size: 32px;
        line-height: 43px;
    }
    .txt_main_header_health_margin {
        margin-bottom: 15px;
    }
    .table_plan thead th:nth-child(2) {
        min-width: 101px;
    }
    .txt_table_b_big {
        font-size: 21px;
    }
    .txt_footer_health {
        font-size: 18px;
        line-height: 25px;
        margin-top: 5px;
    }
    .img_footer_circle {
        max-width: 90px;
    }
    .txt_sub_footer_health {
        font-size: 15px;
        line-height: 20px;
        letter-spacing: -0em;
        margin-bottom: 15px;
    }
    .footer_health {
        padding: 25px 15px 30px;
    }
    .header_banner_margin {
        margin-bottom: 22px;
    }
    .checkmark {
        top: 5%;
        height: 15px;
        width: 15px;
    }
    .main_box_check .checkmark:after {
        left: 7px;
        top: -11px;
    }
    .main_box_check {
        padding-left: 23px;
        margin-top: 0;
    }
    .bt_see_insurance {
        max-width: 100%;
    }
    .box_search_health_margin {
        margin-bottom: 20px;
    }
    .txt_head_th {
        font-size: 14px;
        line-height: 17px !important;
    }
    .txt_big_number {
        font-size: 23px;
    }
    .table_plan thead th {
        height: 55px;
        padding: 10px 0 !important;
    }
    .table_plan tbody th:nth-child(1) {
        height: 84px;
    }
    .table_plan thead th:nth-child(1) {
        width: 93px;
    }
    .table_plan tbody td:nth-child(3),
    .table_plan tbody td:nth-child(4),
    .table_plan tbody td:nth-child(5),
    .table_plan tbody td:nth-child(6),
    .table_plan tbody td:nth-child(7) {
        font-size: 17px;
        line-height: 7px;
    }
    .txt_bath {
        font-size: 17px;
    }
    .first_col {
        min-width: 93px;
        max-width: 93px;
        left: 0px;
    }
    .first_col_2 {
        width: 101px;
        min-width: 101px;
        max-width: 101px;
        left: 93px;
    }
    .second_col {
        width: 100%;
        min-width: 110px;
        max-width: 110px;
    }
    .view {
        margin-bottom: 30px;
    }
    .txt_head_th_black {
        font-size: 15px !important;
        line-height: 15px;
    }

    .txt_sub_td {
        font-size: 15px !important;
        color: #2541b2;
    }
    .search_plan_margin {
        margin-top: 25px;
        margin-bottom: 25px;
        padding: 0 15px;
    }
    .bt_search_plan {
        margin-top: 10px;
        width: 100%;
        max-width: 115px;
        font-size: 22px;
        height: 100%;
        padding: 6px 0 9px;
        line-height: 15px !important;
    }
    .padding-container-question {
        padding-bottom: 40px;
        padding-top: 30px;
        margin-top: 30px;
    }
}
@media (max-width: 450px) {
    .show-mb {
        display: block;
    }
    .show-pc {
        display: none;
    }
    .first_col {
        width: 100%;
        min-width: 88px;
        max-width: 88px;
        left: 0px;
    }
    .first_col_2 {
        width: 100%;
        min-width: 88px;
        max-width: 88px;
        left: 88px;
    }
    .second_col {
        width: 100%;
        min-width: 100px;
        max-width: 110px;
    }
}
@media (max-width: 425px) {
    .show-mb {
        display: block;
    }
    .show-pc {
        display: none;
    }
    .txt_footer_health {
        font-size: 14px;
        line-height: 20px;
    }
    .txt_sub_footer_health {
        font-size: 12px;
        margin-bottom: 9px;
    }
    .txt_main_health_header {
        font-size: 25px;
        line-height: 40px;
    }
    .img_footer_circle {
        max-width: 75px;
    }
}
@media only screen and (max-width: 375px) {
}

@media (min-width: 1400px) {
    .container_health_banner {
        max-width: 1100px;
    }
}
@media (min-width: 1500px) {
    .container_health_banner {
        max-width: 1200px;
    }
}
@media (min-width: 1700px) {
    .container_health_banner {
        max-width: 1400px;
    }
}