@font-face {
   font-family: 'SourceSerifVariable-Roman';
   /* src: url('https://theonefornature2025.dthsandbox.com/wp-content/themes/theonefornature/assets/fonts/SourceSerifVariable-Roman.otf') format('opentype'); */
   src: url('fonts/SourceSerifVariable-Roman.otf') format('opentype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'NotoSansSC-Bold';
   src: url('fonts/NotoSansSC-Bold.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

.font_main_1 {
   /* font-family: "Kanit", cursive, 'NotoSansSC-Bold', sans-serif; */
   font-family: "Kanit", 'NotoSansSC-Bold', sans-serif;
   font-style: normal;
}

.font_main_2 {
   /* font-family: "Caveat", cursive, 'NotoSansSC-Bold', sans-serif; */
   font-family: "Caveat", "Kanit", 'NotoSansSC-Bold', sans-serif;
   font-style: normal;
}

.font_main_3 {
   font-family: 'SourceSerifVariable-Roman', sans-serif;
   font-style: normal;
}

.font_700 {
   font-weight: 700;
}

.font_600 {
   font-weight: 600;
}

.font_500 {
   font-weight: 500;
}

.font_400 {
   font-weight: 400;
}

.font_300 {
   font-weight: 300;
}

.color_fff,
button.color_fff,
a.color_fff {
   color: #fff;
}

.color_000,
button.color_000,
a.color_000 {
   color: #000;
}

.bg_center {
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

img.img_auto {
   width: -moz-available;
   /* For Firefox */
   width: -webkit-fill-available;
   /* For Chrome, Safari, etc. */
   width: stretch;
   /* Standard property */
   max-width: max-content;
}

.btn_temp_1,
button.btn_temp_1,
a.btn_temp_1 {
   background-color: #fff;
   color: #000;
   outline: none;
   text-decoration: none;
   font-family: "Kanit", sans-serif;
   font-size: 18px;
   font-weight: 400;
   font-style: normal;
   padding: 6px 15px;
   border: 0;
   box-shadow: unset;
   border-radius: 20px;
   min-width: 150px;
   display: inline-block;
   cursor: pointer;
}

.sec_h_1 {
   display: flex;
   flex-wrap: wrap;
   align-content: space-between;
   justify-content: center;
   min-height: 100vh;
}

.sec_h_1_2 {
   width: 100%;
   min-height: 62vh;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-content: flex-end;
}

img.img_h_logo {
   /* max-width: 250px; */
}

.sec_h_2 {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   min-height: 100vh;
   padding: 30px 0 100px;
}

.title_map {
   color: #fff;
   font-size: 22px;
   font-weight: 400;
   text-align: center;
}

.list_route {
   font-size: 11px;
   font-weight: 400;
   color: #000;
   background-color: #ffffff;
   border-radius: 10px;
   padding: 7px 10px 7px 18px;
   transition: .3s;
   margin-top: 10px;
   cursor: pointer;
   box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0) inset;
}

.list_route:hover {
   color: #000;
   box-shadow: 0px 0px 5px 0px rgb(0, 0, 0, 30%) inset;
}

.a_none,
a.a_none {
   text-decoration: none;
   outline: none;
}

.hm-mo-bg {
   background-color: #000;
   background-image: var(--hm-mo-bg-url);
   transition: opacity 0.3s ease-in-out, background-image 0.3s ease-in-out;
   /* background-position: bottom center; */
}

.sec_h_3 {
   display: flex;
   flex-wrap: wrap;
   align-content: space-between;
   justify-content: center;
   min-height: 100vh;
   padding: 70px 0 30px;
}

.box_sh3 {
   background-color: rgba(204, 204, 204, 0.8);
   border-radius: 10px;
   padding: 20px;
   max-width: 450px;
   width: 100%;
   position: relative;
}

.box_sh3_img_big {
   max-width: 90%;
}

.box_sh3_img_small {
   max-width: 35%;
   position: absolute;
   bottom: 0;
   right: 0;
}

.box_sh3_img {
   padding-bottom: 35px;
   position: relative;
}

.box_sh3_img img {
   border-radius: 10px;
}

.box_sh3_title_1 {
   color: #000;
   font-size: 12px;
   font-weight: 400;
   text-align: center;
   margin-bottom: 5px;
}

.box_sh3_title_2 {
   color: #000;
   font-size: 22px;
   font-weight: 400;
   text-align: center;
   margin-bottom: 15px;
}

.btn_share {
   position: absolute;
   right: 13px;
   top: 13px;
   background-color: #fff;
   box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 15%);
   border-radius: 50%;
   cursor: pointer;
   width: 35px;
   height: 35px;
   display: inline-block;
   background-image: url('images/share_icon3.svg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   vertical-align: middle;
}

.btn_share img {
   width: -moz-available;
   /* For Firefox */
   width: -webkit-fill-available;
   /* For Chrome, Safari, etc. */
   width: stretch;
   /* Standard property */
   max-width: max-content;
}

.box_sh3_content {
   color: #000;
   font-size: 10px;
   font-weight: 400;
   padding-top: 10px;
}

.btn_h_prve {
   display: inline-block;
   background-color: #fff;
   box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 15%);
   border-radius: 50%;
   width: 40px;
   height: 40px;
   cursor: pointer;
   background-image: url('images/btn_prve_icon2.svg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   vertical-align: middle;
}

.btn_h_prve img {
   width: -moz-available;
   /* For Firefox */
   width: -webkit-fill-available;
   /* For Chrome, Safari, etc. */
   width: stretch;
   /* Standard property */
   max-width: max-content;
   width: 40px;
   height: 40px;
}

.btn_h_approve {
   display: inline-block;
   background-color: #fff;
   box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 15%);
   border-radius: 50%;
   width: 40px;
   height: 40px;
   cursor: pointer;
}

.btn_h_approve img {
   width: -moz-available;
   /* For Firefox */
   width: -webkit-fill-available;
   /* For Chrome, Safari, etc. */
   width: stretch;
   /* Standard property */
   max-width: max-content;
   width: 40px;
   height: 40px;
}

.btn_h_next {
   display: inline-block;
   background-color: #fff;
   box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 15%);
   border-radius: 50%;
   width: 40px;
   height: 40px;
   cursor: pointer;
   background-image: url('images/btn_next_icon2.svg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   vertical-align: middle;
}

.btn_h_next img {
   width: -moz-available;
   /* For Firefox */
   width: -webkit-fill-available;
   /* For Chrome, Safari, etc. */
   width: stretch;
   /* Standard property */
   max-width: max-content;
   width: 40px;
   height: 40px;
}

.btn_h_home,
a.btn_h_home,
button.btn_h_home {
   display: inline-block;
   background-color: #fff;
   box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 15%);
   border-radius: 50%;
   width: 40px;
   height: 40px;
   cursor: pointer;
   background-image: url('images/btn_home_icon2.svg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   vertical-align: middle;
}

.btn_h_home img {
   width: -moz-available;
   /* For Firefox */
   width: -webkit-fill-available;
   /* For Chrome, Safari, etc. */
   width: stretch;
   /* Standard property */
   max-width: max-content;
}

.btn_profile,
a.btn_profile,
button.btn_profile {
   display: inline-block;
   background-color: #fff;
   box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 15%);
   border-radius: 50%;
   width: 40px;
   height: 40px;
   cursor: pointer;
   text-decoration: none;
   outline: none;
   background-image: url('images/btn__profile2.svg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   vertical-align: middle;
}

.btn_profile img {
   width: -moz-available;
   /* For Firefox */
   width: -webkit-fill-available;
   /* For Chrome, Safari, etc. */
   width: stretch;
   /* Standard property */
   max-width: max-content;
}

.btn__asd {
   display: inline-block;
   background-color: #fff;
   box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 15%);
   border-radius: 50%;
   width: 40px;
   height: 40px;
   cursor: pointer;
   background-image: url('images/btn__asd2.svg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   vertical-align: middle;
}

.btn__asd img {
   width: -moz-available;
   /* For Firefox */
   width: -webkit-fill-available;
   /* For Chrome, Safari, etc. */
   width: stretch;
   /* Standard property */
   max-width: max-content;
}

.btn_see_other,
button.btn_see_other,
a.btn_see_other {
   display: inline-block;
   font-size: 18px;
   font-weight: 400;
   padding: 7px 30px 6px;
   border-radius: 30px;
   outline: none;
   text-decoration: none;
   box-shadow: unset;
   border: 0;
   vertical-align: middle;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   margin: 0 10px;
   background-color: #fff;
   text-align: center;
   box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 15%);
   color: #000;
}

.btn_visit_website,
button.btn_visit_website,
a.btn_visit_website {
   display: inline-block;
   font-size: 18px;
   font-weight: 400;
   padding: 7px 30px 6px;
   border-radius: 30px;
   outline: none;
   text-decoration: none;
   box-shadow: unset;
   border: 0;
   vertical-align: middle;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   margin: 0 10px;
   background-color: #fff;
   text-align: center;
   box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 15%);
   color: #000;
}

.btn_temp_2,
button.btn_temp_2,
a.btn_temp_2 {
   display: inline-block;
   font-size: 18px;
   font-weight: 400;
   padding: 7px 30px 6px;
   border-radius: 30px;
   outline: none;
   text-decoration: none;
   box-shadow: unset;
   border: 0;
   vertical-align: middle;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   margin: 0 10px;
   background-color: #fff;
   text-align: center;
   box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 15%);
   color: #000;
   max-width: 250px;
   width: 100%;
   cursor: pointer;
}

.btn_create_postcard,
button.btn_create_postcard,
a.btn_create_postcard {
   display: inline-block;
   font-size: 18px;
   font-weight: 400;
   padding: 7px 30px 6px;
   border-radius: 30px;
   outline: none;
   text-decoration: none;
   box-shadow: unset;
   border: 0;
   vertical-align: middle;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   margin: 0 10px;
   background-color: #fff;
   text-align: center;
   color: #000;
}

.btn_sound {
   background-color: #fff;
   box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 15%);
   border-radius: 50%;
   cursor: pointer;
   width: 32px;
   height: 32px;
   display: inline-block;
   overflow: hidden;
   vertical-align: middle;
}

.btn_sound img {
   max-width: max-content;
   width: 32px;
   height: 32px;
}

.btn_chg_lang,
a.btn_chg_lang,
button.btn_chg_lang {
   background-color: #fff;
   box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 15%);
   border-radius: 50%;
   cursor: pointer;
   width: 32px;
   height: 32px;
   display: inline-flex;
   font-size: 15px;
   font-weight: 400;
   color: #000;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   user-select: none;
   outline: none;
   text-decoration: none;
}

.btn_logout,
a.btn_logout,
button.btn_logout {
   background-color: #fff;
   box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 15%);
   border-radius: 30px;
   cursor: pointer;
   display: inline-flex;
   font-size: 15px;
   font-weight: 400;
   color: #000;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   user-select: none;
   outline: none;
   text-decoration: none;
   padding: 5px 20px;
   line-height: 22px;
   width: 100px;
   text-align: center;
}

.btn_group_rgt {
   display: inline-block;
   position: absolute;
   top: 20px;
   right: 20px;
   z-index: 2;
}

.nav_hm {
   padding-top: 30px;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   max-width: 450px;
}

@media(max-width:575px) {
   .sm_nav__hm_maxWidth {
      max-width: 328px;
   }
}

#home_modal .modal-content {
   background-color: unset !important;
   border: none !important;
}

button.btn_tap_to_start {
   text-decoration: none;
   outline: none;
   background-color: transparent;
   box-shadow: unset;
   border: 0;
   color: #fff;
   font-size: 16px;
   font-weight: 400;
   text-align: center;
}

.rgt_title {
   font-size: 32px;
   font-weight: 400;
}

input.rgt_inp {
   font-family: "Kanit", sans-serif;
   font-size: 15px;
   font-weight: 400;
   border-radius: 10px;
   border: 0;
   box-shadow: none;
   outline: 0;
   padding: 9px 20px 8px;
   width: 100%;
   margin-bottom: 10px;
   background-color: #fff;
   min-height: 40px;
}

input.rgt_inp::placeholder {
   color: #d1d3d4;
}

select.rgt_inp {
   font-family: "Kanit", sans-serif;
   font-size: 15px;
   font-weight: 400;
   border-radius: 10px;
   border: 0;
   box-shadow: none;
   outline: 0;
   padding: 8px 20px 7px;
   width: 100%;
   margin-bottom: 10px;
   background-color: #fff;
   min-height: 40px;
   height: 40px;
}

select.rgt_inp option:disabled {
   color: #d1d3d4;
}

.rgt_frm {
   max-width: 328px;
   margin: auto;
}

.grp_accept {
   font-size: 10px;
   font-weight: 400;
   padding: 10px 0px 0px;
}

.con_chkbox {
   display: block;
   position: relative;
   padding-left: 18px;
   margin-bottom: 12px;
   cursor: pointer;
   font-size: 10px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.con_chkbox input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
}

.chkbox_mark {
   position: absolute;
   top: 3px;
   left: 0;
   height: 10px;
   width: 10px;
   background-color: transparent;
   border: 1px solid #fff;
   border-radius: 1px;
}

.con_chkbox:hover input~.chkbox_mark {
   background-color: #ccc;
}

.con_chkbox input:checked~.chkbox_mark {
   background-color: #2196F3;
}

.chkbox_mark:after {
   content: "";
   position: absolute;
   display: none;
}

.con_chkbox input:checked~.chkbox_mark:after {
   display: block;
}

.con_chkbox .chkbox_mark:after {
   left: 3px;
   top: -1px;
   width: 4px;
   height: 8px;
   border: solid white;
   border-width: 0 2px 2px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.container_login_google {
   display: flex;
   justify-content: center;
   align-items: center;
}

.btn_login_google {
   padding: 20px 0;
   margin: 0 auto;
}

.btn_login_google iframe {
   width: 100% !important;
}

.btn_login_google iframe #container-div {
   background-color: #ff0000 !important;
   border: 0 !important;
}

#container-div {
   width: 80%;
   margin: 0 auto;
   padding: 20px;
   background-color: #f0f0f0;
   border: 1px solid #ccc;
}

.fb_btn_login {
   color: #fff;
   background-color: #1f449c;
   font-size: 15px;
   font-weight: 400;
   font-family: "Kanit", sans-serif;
   border: 0;
   padding: 9px 10px 9px;
   border-radius: 10px;
   box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 15%);
   width: 100%;
   display: block;
}

.rgt_btn {
   max-width: 328px;
   margin: auto;
}

.bg_tap_to_start {
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   cursor: pointer;
}

.bg_temp__1 {
   background: url('images/bg_create_postcard_mobile_left.png'), url('images/bg_create_postcard_mobile_right.png'), url('images/bg_create_postcard_mobile_empty.jpg');
   background-position: bottom -53px left -1px, bottom 20px right -1px, center;
   background-size: auto, auto, cover;
   background-repeat: no-repeat;
}

.ptpc_g {
   display: flex;
   width: 100%;
   align-content: space-between;
   justify-content: center;
   flex-wrap: wrap;
   min-height: 90vh;
   padding-top: 70px;
}

.ptpc_g_80vh {
   min-height: 80vh;
}

.ptpc_g_88vh {
   min-height: 88vh;
}

.ptpc_g_89vh {
   min-height: 89vh;
}

.ptpc_g_91vh {
   min-height: 91vh;
}

.title_temp_25 {
   font-size: 22px;
   font-weight: 400;
}

.title_temp_30 {
   font-size: 22px;
   font-weight: 400;
}

.title_temp_how_vote {
   font-size: 18px;
   font-weight: 400;
}

.title_bg_create_postcard {
   font-size: 25px;
   font-weight: 400;
   color: #fff;
}

.tap_bg_create_postcard {
   font-size: 20px;
   font-weight: 400;
   color: #fff;
}

.md_bg___postcard {
   background-color: rgba(0, 0, 0, 80%);
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 999;
   text-align: center;
   cursor: pointer;
   overflow: auto;
}

.group_btn_shear .heateor_sss_sharing_container {
   display: inline-flex;
   width: 100%;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
}

.group_btn_shear div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a .heateor_sss_svg {
   margin-right: 5px;
   margin-left: 5px;
}

@media(max-width:575px) {
   .group_btn_shear div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a .heateor_sss_svg {
      width: 55px !important;
      height: 55px !important;
   }
}

.group_btn_shear div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a.heateor_sss_facebook .heateor_sss_svg {
   background-color: transparent !important;
   background-image: url('images/btn_shear__fb2.svg') !important;
   background-position: center !important;
   background-size: 100% 100% !important;
   background-repeat: no-repeat !important;
}

.group_btn_shear div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a.heateor_sss_facebook .heateor_sss_svg svg {
   opacity: 0 !important;
}

.group_btn_shear div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a.heateor_sss_button_instagram .heateor_sss_svg {
   background-color: transparent !important;
   background-image: url('images/btn_shear__istg2.svg') !important;
   background-position: center !important;
   background-size: 100% 100% !important;
   background-repeat: no-repeat !important;
}

.group_btn_shear div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a.heateor_sss_button_instagram .heateor_sss_svg svg {
   opacity: 0 !important;
}

.group_btn_shear div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a.heateor_sss_button_x .heateor_sss_svg {
   background-color: transparent !important;
   background-image: url('images/btn_shear__x2.svg') !important;
   background-position: center !important;
   background-size: 100% 100% !important;
   background-repeat: no-repeat !important;
}

.group_btn_shear div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a.heateor_sss_button_x .heateor_sss_svg svg {
   opacity: 0 !important;
}

.group_btn_shear div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a.heateor_sss_loadfile .heateor_sss_svg {
   background-color: transparent !important;
   width: 65px;
   height: 65px;
   border-radius: 999px;
   display: inline-block;
   opacity: 1;
   float: left;
   font-size: 32px;
   box-shadow: none;
   display: inline-block;
   font-size: 16px;
   padding: 0 4px;
   vertical-align: middle;
   background-repeat: repeat;
   overflow: hidden;
   padding: 0;
   cursor: pointer;
   box-sizing: content-box;
   background-image: url('images/btn_loadfile_2.svg') !important;
   background-position: center !important;
   background-size: 100% 100% !important;
   background-repeat: no-repeat !important;
}

.boxs_modal_share .heateor_sss_svg {
   box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 30%) !important;
}

.boxs_modal_share .heateor_sss_sharing_ul {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
}

.fadein_after_img,
.img_fade_500 {
   opacity: 0;
   transition: opacity 0.3s ease-in-out;
}

.scrollb_custom::-webkit-scrollbar {
   width: 14px;
   height: 14px;
}

.scrollb_custom::-webkit-scrollbar-track {
   box-shadow: inset 0 0 6px #c8b69e;
}

.scrollb_custom::-webkit-scrollbar-thumb {
   background-color: #d6caba;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
}

.hide-scrollbar {
   scrollbar-width: none;
   -ms-overflow-style: none;
   overflow-y: scroll;
}

.hide-scrollbar::-webkit-scrollbar {
   width: 0;
   display: none;
}

.overlay_btn {
   display: none;
   background-color: rgba(0, 0, 0, 0.0);
   opacity: .5;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 35px;
}

.temp_sticky_1 {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 1;
}

.temp_fix_1 {
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   z-index: 1;
}

.mmb_pcd {
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 20px;
}

.mmb_pcd:nth-child(2n+1) {
   padding-right: 10px;
}

.mmb_pcd:nth-child(2n+2) {
   padding-left: 10px;
}

.vote-active.btn_temp_2 {
   background-color: #eeeeee;
   user-select: none;
   cursor: no-drop;
}

button.cky-btn.cky-btn-accept {
   border-radius: 30px;
   padding: 0px 30px;
}

.cky-notice-des {
   font-weight: 500 !important;
}

.cky-consent-container .cky-consent-bar {
   padding: 10px 20px !important;
   /* background: url('images/bg_create_postcard_left.png'), url('images/bg_create_postcard_right.png'), url('images/bg_create_postcard_empty.jpg') !important; */
   background: url('images/bg_create_postcard_empty.jpg') !important;
   background-position: bottom 0px left -1px, bottom 80px right -1px, center !important;
   background-size: auto, auto, cover !important;
   background-repeat: no-repeat !important;
   border: 0 !important;
   box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%) !important;
}

.cky-notice .cky-title {
   margin: 0 !important;
}

.d_block {
   display: block;
}

.d_none {
   display: none;
}

.btn_accept {
   padding: 2px 20px !important;
   border: 0;
   border-radius: 30px;
   box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 30%) !important;
   background-color: #198754;
   color: #fff;
}

.btn_accept:disabled {
   background-color: #d6d6d6;
}

.size_modal_home {
   max-width: 1920px;
}

@media(min-width:576px) {
   .ptpc_g {
      min-height: 100vh;
   }

   .mmb_pcd {
      padding-bottom: 32px;
   }

   .mmb_pcd:nth-child(2n+1) {
      padding-right: 0px;
   }

   .mmb_pcd:nth-child(2n+2) {
      padding-left: 0px;
   }

   .mmb_pcd:nth-child(4n+1) {
      padding-left: 0px;
      padding-right: 24px;
   }

   .mmb_pcd:nth-child(4n+2) {
      padding-left: 8px;
      padding-right: 16px;
   }

   .mmb_pcd:nth-child(4n+3) {
      padding-left: 16px;
      padding-right: 8px;
   }

   .mmb_pcd:nth-child(4n+4) {
      padding-left: 24px;
      padding-right: 0px;
   }

   .btn_visit_website,
   button.btn_visit_website,
   a.btn_visit_website {
      min-width: 230px;
   }

   .title_temp_25 {
      font-size: 25px;
   }

   .title_temp_30 {
      font-size: 30px;
   }

   .title_temp_how_vote {
      font-size: 25px;
   }

   .btn_group_rgt {
      top: 70px;
      right: 70px;
   }

   .bg_temp__1 {
      background: url('images/bg_create_postcard_left.png'), url('images/bg_create_postcard_right.png'), url('images/bg_create_postcard_empty.jpg');
      background-position: bottom 0px left -1px, bottom 80px right -1px, center;
      background-size: auto, auto, cover;
      background-repeat: no-repeat;
      min-height: 100vh;
   }

   .box_sh3_title_1 {
      font-size: 15px;
   }

   .box_sh3_title_2 {
      font-size: 25px;
      margin-bottom: 24px;
   }

   .nav_hm {
      padding-top: 70px;
   }

   .sec_h_3 {
      padding: 70px 0;
   }

   .box_sh3_bottom {
      padding: 0 30px;
   }

   .btn_create_postcard,
   button.btn_create_postcard,
   a.btn_create_postcard {
      min-width: 210px;
   }

   .box_sh3_content {
      font-size: 14px;
      padding-top: 20px;
   }

   .hm-mo-bg {
      background-image: var(--hm-pc-bg-url);
   }

   .sec_h_2 {
      padding: 30px 0;
   }

   .list_route {
      font-size: 15px;
      padding: 9px 10px 9px 20px;
   }

   .title_map {
      font-size: 26px;
   }

   .sec_h_1_2 {
      min-height: 55vh;
      align-content: space-between;
   }

   img.img_h_logo {
      max-width: max-content;
   }
}

@media(min-width:1250px) {
   .max_w1200px {
      max-width: 1200px;
   }
}

@media(min-width:2500px) {
   .d_block_2k {
      display: block;
   }

   .d_none_2k {
      display: none;
   }
}