@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Mulish:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:Open Sans,sans-serif;line-height:150%}body{background-color:#fff}.layout{display:flex;flex-direction:column;min-height:100vh}.layout footer{margin-top:auto}ul{list-style:none}a{text-decoration:none}button,input,select,textarea{outline:none;border:none}.cursor_pointer,a,button{cursor:pointer}::placeholder{color:rgba(90,90,90,.8)}:-moz-placeholder,::-moz-placeholder{color:rgba(90,90,90,.8)}:-ms-input-placeholder{color:rgba(90,90,90,.8)}.h1{font-weight:700;font-size:48px!important}@media (max-width:599.98px){.h1{font-weight:500;font-size:30px!important}}.h2{font-weight:600;font-size:38px!important}@media (max-width:599.98px){.h2{font-weight:500;font-size:22px!important}}.h3{font-weight:600;font-size:32px!important}@media (max-width:599.98px){.h3{font-weight:500;font-size:20px!important}}.h4{font-weight:600;font-size:24px!important}@media (max-width:599.98px){.h4{font-weight:500;font-size:18px!important}}.h5{font-weight:600;font-size:20px!important}@media (max-width:599.98px){.h5{font-weight:500;font-size:16px!important}}.h6_normal{font-weight:600;font-size:18px!important}@media (max-width:599.98px){.h6_normal{font-weight:500;font-size:14px!important}}.h6_small{font-weight:600;font-size:16px!important}@media (max-width:599.98px){.h6_small{font-weight:500;font-size:13px!important}}.p_normal,.span_normal{font-weight:400;font-size:16px!important}@media (max-width:599.98px){.p_normal,.span_normal{font-size:13px!important}}.p_small,.span_small{font-weight:400;font-size:14px!important}@media (max-width:599.98px){.p_small,.span_small{font-size:12px!important}}.p_mediumsmall{font-weight:400;font-size:12px!important}@media (max-width:599.98px){.p_mediumsmall{font-size:11px!important}}.p_supersmall{font-size:11px!important}@media (max-width:599.98px){.p_supersmall{font-size:10px!important}}.opacity_1{opacity:1}.opacity_0{opacity:0}.visible{visibility:visible}.invisible{visibility:hidden}.display_none{display:none}.display_revert{display:block}.word_wrap{word-wrap:break-all}.no_wrap{white-space:nowrap}.overflow_x_auto{overflow-x:auto}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.title_1_row,.title_2_row,.title_3_row{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.title_1_row{-webkit-line-clamp:1}.title_2_row{-webkit-line-clamp:2}.title_3_row{-webkit-line-clamp:3}.logo_dinas{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.form_search{padding:8px;border-radius:30px;border:1px solid #d2d5db;background:#fff;display:flex;justify-content:space-between;gap:11px}.form_search input{padding:5px;width:250px;color:#606060}@media (max-width:899.98px){.form_search input{width:200px}}.form_search input::placeholder{font-weight:500;font-family:Mulish,sans-serif}.form_search button{color:#fff;padding:5px 20px;border-radius:30px;background:#f58465}.form_simple_search{border-radius:6px;overflow:hidden;border:1px solid #e7e6e9;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px}@media (max-width:899.98px){.form_simple_search img{transform:scale(.8)}}.form_simple_search input{width:200px;color:#606060}.form_simple_search input::placeholder{font-weight:400;font-family:Mulish,sans-serif}.pagination{padding:20px 0}.pagination ul{justify-content:flex-end}.pagination li>button.Mui-selected{color:#fff;background:#1d82aa}.prev_page span{font-weight:400;font-size:16px!important;color:rgba(75,75,75,.8)}@media (max-width:599.98px){.prev_page span{font-weight:400;font-size:12px!important}}.prev_page span.link{transition:all .5s ease}.prev_page span.link:hover{color:#4b4b4b;text-decoration:underline}.active_page{font-weight:500;font-size:16px!important;color:#202020}@media (max-width:599.98px){.active_page{font-weight:500;font-size:12px!important}}.btn_bg_blue,.btn_border_blue{padding:16px 32px;border-radius:40px}@media (max-width:599.98px){.btn_bg_blue,.btn_border_blue{padding:10px 16px}}.btn_bg_blue{color:#fff;border:1px solid #d9dce7;background:#1d82aa}.btn_border_blue{color:#1d82aa;border:1px solid #1d82aa;background:#fff}.label_status{text-align:center;padding:3px 16px;border-radius:20px;color:#fff;width:96px}.indikator_ditolak{background:#eb3323}.indikator_proses{background:#f58465}.indikator_selesai{background:#64be7a}.separator_horizontal{width:100%;height:1px;background:#d9dce7}.scroll_custom{scroll-behavior:smooth}.scroll_custom::-webkit-scrollbar{width:0}.scroll_custom::-webkit-scrollbar-track{background-color:transparent}.scroll_custom::-webkit-scrollbar-thumb{background:transparent}.background_modal{position:fixed;height:100%;width:100%;top:0;left:0;color:#202020;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;transition:all .5s ease}.background_modal .content_modal{position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);height:95%;width:95%;z-index:1001}.background_modal .content_modal .icon_close{cursor:pointer;position:absolute;top:0;right:0;color:#e26d66;font-weight:500;font-size:24px!important}@media (max-width:599.98px){.background_modal .content_modal .icon_close{font-weight:500;font-size:18px!important}}.background_modal .content_modal img{max-height:90%;max-width:90%}.background_modal .content_modal iframe{height:90%;width:90%}.background_modal .content_modal .open_file{position:absolute;object-fit:contain}.background_modal .card_modal,.background_modal .content_modal .open_file{background:#fff;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.background_modal .card_modal{position:fixed;max-height:90%;width:55%;z-index:200;padding:50px 25px;border-radius:10px;transition:all .5s ease;overflow:auto;box-shadow:0 2px 15px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.05)}@media (max-width:1199.98px){.background_modal .card_modal{width:80%}}@media (max-width:899.98px){.background_modal .card_modal{width:95%;padding:12px}}.background_modal .card_modal .upload_foto{display:flex;gap:20px;align-items:center;margin-bottom:20px}.background_modal .card_modal .flex_upload_foto{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:12px;margin-bottom:10px}.background_modal .card_modal .flex_upload_foto .img{height:150px;aspect-ratio:1/1;object-fit:contain;border:1px solid #606060}.background_modal .card_modal .flex_upload_foto .prev_hapus_img{position:relative}.background_modal .card_modal .flex_upload_foto .prev_hapus_img .icon_hapus_img{position:absolute;bottom:10px;right:2px;font-size:28px;color:#fff;padding:3px;background:#dc2626;border-radius:50%;cursor:pointer;transition:all .5s ease}.background_modal .card_modal .flex_upload_foto .prev_hapus_img .icon_hapus_img:hover{background:#b91c1c}@media (max-width:599.98px){.background_modal .card_modal .flex_upload_foto .prev_hapus_img .icon_hapus_img{font-size:22px}}.background_modal .card_modal .action_form{justify-content:flex-end}.background_catatan{display:flex;justify-content:center;align-items:center}.background_catatan .box_catatan{position:relative}.background_catatan .box_catatan .icon_close{cursor:pointer;position:absolute;z-index:152;top:-10px;right:-10px;color:#e26d66;padding:2px;background:#fff;border:1px solid #cecece;border-radius:50%;font-weight:500;font-size:24px!important}@media (max-width:599.98px){.background_catatan .box_catatan .icon_close{font-weight:500;font-size:18px!important}}.background_catatan .box_catatan .catatan{position:relative;z-index:151;padding:20px;color:#202020;background:#fff;width:max-content;border-radius:4px;border:1px solid #cecece}.fc-event-time{display:none!important}.fc-event.fc-event-start.fc-event-end{border:1px solid transparent}.selected_time{background:rgba(29,130,170,.1);border:1px solid #1d82aa!important}.fc-toolbar-title{font-weight:600;font-size:18px!important}@media (max-width:599.98px){.fc-toolbar-title{font-weight:500;font-size:14px!important}}.fc table,.fc-button,.fc-icon{font-weight:400;font-size:14px!important}@media (max-width:599.98px){.fc table,.fc-button,.fc-icon{font-size:12px!important}}.fc-icon{vertical-align:unset!important}.fc .fc-daygrid-day-top{justify-content:center}.halaman_booking .fc-col-header-cell-cushion{padding:22px}.detail_lapangan .fc-col-header-cell-cushion{min-height:36px}.detail_lapangan .fc-timegrid-slots table tbody tr:first-child,.detail_lapangan tr:has(.fc-daygrid-day){display:none!important}.detail_lapangan .fc-scroller .fc-col-header colgroup,.detail_lapangan .fc-timegrid-slot-label,.detail_lapangan th.fc-timegrid-axis{display:none}.detail_lapangan .fc-event.fc-event-start.fc-event-end{inset:0 0 auto}.detail_lapangan .fc .fc-timegrid-slot{height:1.8em}@media (max-width:599.98px){.detail_lapangan .fc .fc-timegrid-slot{height:2.9em}}.detail_lapangan .fc-event-title{text-align:center}.list_booking.grid_{display:grid;grid-gap:24px;gap:24px}.list_booking .flex_between{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.list_booking .flex_between .link{color:#1d82aa}.list_booking .filter{padding:4px 2px;border-radius:20px;background:hsla(0,0%,71%,.1);-webkit-backdrop-filter:blur(19.1000003815px);backdrop-filter:blur(19.1000003815px);display:flex;gap:8px;flex-wrap:wrap;width:-moz-fit-content;width:fit-content}.list_booking .filter h6{text-align:center;width:120px;padding:8px 10px;border-radius:20px;transition:all .5s ease}@media (max-width:899.98px){.list_booking .filter h6{width:90px}}.list_booking .filter h6:hover{background:hsla(220,3%,82%,.1)}.list_booking .filter h6.active{background:#fff;box-shadow:0 4px 6px 0 hsla(0,0%,7%,.05),0 0 4px 1px hsla(0,0%,7%,.04)}.list_booking .booking_data.mt_24{margin-top:24px}.list_booking .booking_data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:32px;gap:32px}@media (min-width:350px) and (max-width:899.98px){.list_booking .booking_data{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:899.98px){.list_booking .booking_data{gap:16px}}@media (max-width:599.98px){.list_booking .booking_data{grid-template-columns:repeat(1,minmax(0,1fr))}}.list_booking .booking_data .card_booking_perindividu{height:100%;padding:16px 24px;border-radius:10px;border:1px solid #fff;box-shadow:0 4px 6px 0 hsla(0,0%,7%,.05),0 0 4px 1px hsla(0,0%,7%,.04);display:grid;grid-gap:12px;gap:12px;transition:all .5s ease}.list_booking .booking_data .card_booking_perindividu:hover{border:1px solid #d0d1d3}.list_booking .booking_data .card_booking_perindividu .dark{color:#202020}.list_booking .booking_data .card_booking_perindividu div .abu{margin-top:4px;color:#717171}.list_booking .booking_data .card_booking_perindividu .flex_1{display:flex;align-items:flex-start;gap:8px}.list_booking .booking_data .card_booking_perindividu .flex_1 img{width:32px}.list_booking .booking_data .card_booking_perindividu .flex_2{display:flex;justify-content:space-between;align-items:flex-end}.booking_pdf{padding:30px!important}.booking_pdf .p_pdf{font-size:16px}.booking_pdf .align_end{text-align:end}.booking_pdf .grid_8{display:grid;grid-gap:8px;gap:8px}.booking_pdf .flex{display:flex;gap:8px}.booking_pdf .mb_12{margin-bottom:12px}.booking_pdf .mb_24{margin-bottom:24px}.booking_pdf .mb_32{margin-bottom:32px}.booking_pdf .mb_48{margin-bottom:48px}.booking_pdf .w_70{width:70px}.booking_pdf .w_200{width:200px;height:max-content}.booking_pdf .text_indent{text-indent:47px}.booking_pdf .w_maxc{width:max-content}.booking_pdf .ttd_div{flex-direction:column;align-items:center;margin-left:auto}.booking_pdf .ttd_box{width:56px;aspect-ratio:6/4;object-fit:contain}.navbar{z-index:999!important;background:#fff!important;box-shadow:none!important;transition:all .5s ease;padding:24px 0}@media (max-width:899.98px){.navbar{padding:16px 0}}.navbar.sticky{box-shadow:0 1px 6px 0 rgba(32,33,36,.28)!important;padding:12px 0}@media (max-width:899.98px){.navbar.sticky{padding:8px 0}}.navbar .separator{height:48px;width:1px;background:#e5ebf4}.cart_notif{display:flex;align-items:center;gap:24px}.cart_notif .cart,.cart_notif .notif{position:relative}.cart_notif .cart img,.cart_notif .notif img{height:35px;position:relative}.cart_notif .cart p,.cart_notif .notif p{position:absolute;top:0;right:-4px;width:20px;height:20px;display:flex;justify-content:center;align-items:center;padding:3px;border-radius:12px;color:#fff;background:#202020}.user_settings{display:flex;align-items:center;gap:16px}@media (max-width:899.98px){.user_settings{gap:8px}}.user_settings .profile_name{width:max-content}.user_settings .profile_name .h6_small{color:#000}.user_settings .profile_name .p_small{color:#5a5a5a}@media (max-width:899.98px){.user_settings .profile_name.hide_on_mobile{display:none}}.user_settings .profile_name.show_on_mobile{display:none}@media (max-width:899.98px){.user_settings .profile_name.show_on_mobile{display:revert}}.user_settings .profile_detail{cursor:pointer;position:relative}.user_settings .profile_detail .profile_img{position:relative;height:48px;aspect-ratio:1/1;border-radius:50%;overflow:hidden}.user_settings .profile_detail .profile_img img{width:100%;height:100%;object-fit:cover}.user_settings .profile_detail .dropdown{position:absolute;top:60px;right:0;padding:20px 0;background:#fff;border-radius:5px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.user_settings .profile_detail .dropdown .profile_name{background:#e9f2fe}.user_settings .profile_detail .dropdown p.p_normal{color:rgba(32,32,32,.8)}.user_settings .profile_detail .dropdown p.p_normal:hover{-webkit-text-stroke:1px rgba(32,32,32,.8)}.user_settings .profile_detail .dropdown .profile_name,.user_settings .profile_detail .dropdown p.p_normal{padding:10px 20px}footer{background:linear-gradient(180deg,#2a90b8 6.96%,#2976a3 40.08%,#274d84 90.84%);padding:24px 0}@media (max-width:899.98px){footer{padding:18px 0}}footer .flex_logo{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:40px}@media (max-width:899.98px){footer .flex_logo{gap:20px}}.halaman_utama{padding:160px 0 250px}@media (max-width:899.98px){.halaman_utama{padding:130px 0 175px}}.halaman_utama .mb_24{margin-bottom:24px}.halaman_utama .cards_menu{display:flex;flex-wrap:wrap;gap:24px}.halaman_utama .simple_card{color:#202020;width:250px;display:grid;justify-items:center;align-items:center;grid-gap:8px;gap:8px;padding:16px;text-align:center;border-radius:4px;box-shadow:0 4px 6px 0 hsla(0,0%,7%,.05),0 0 4px 1px hsla(0,0%,7%,.04)}@media (max-width:349.98px){.halaman_utama .simple_card{width:100%}}.halaman_utama .separator_horizontal.mt_mb{margin:50px 0 32px}.halaman_utama .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:24px;gap:24px}@media (max-width:1199.98px){.halaman_utama .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:899.98px){.halaman_utama .cards{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}}@media (max-width:349.98px){.halaman_utama .cards{grid-template-columns:repeat(1,minmax(0,1fr))}}.halaman_utama .cards .card{height:100%;display:flex;flex-direction:column;gap:24px;border-radius:12px;overflow:hidden;border:1px solid #d9dce7}.halaman_utama .cards .card .card_img{width:100%;aspect-ratio:9/6;object-fit:cover;border-bottom:3px solid #f58465}.halaman_utama .cards .card .card_desc{padding:0 16px;display:grid;grid-gap:8px;gap:8px}@media (max-width:599.98px){.halaman_utama .cards .card .card_desc{padding:0 10px}}.halaman_utama .cards .card .card_desc .p_supersmall{width:max-content;padding:4px 8px;border-radius:20px;color:#fff;background:#f58465}.halaman_utama .cards .card .card_desc .p_small{color:rgba(32,32,32,.8)}.halaman_utama .cards .card .action_card{padding:0 16px;margin-top:auto;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;color:#f58465}@media (max-width:599.98px){.halaman_utama .cards .card .action_card{padding:0 10px}}.halaman_utama .grid_grup_berkas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:32px;gap:32px}@media (min-width:600px) and (max-width:899.98px){.halaman_utama .grid_grup_berkas{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:350px) and (max-width:599.98px){.halaman_utama .grid_grup_berkas{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (max-width:599.98px){.halaman_utama .grid_grup_berkas{grid-template-columns:repeat(1,minmax(0,1fr));gap:16px}}.halaman_utama .grid_grup_berkas .card_grup_berkas{border-radius:10px;overflow:hidden;box-shadow:0 4px 20px 2px rgba(29,130,170,.12)}@media (max-width:899.98px){.halaman_utama .grid_grup_berkas .card_grup_berkas{border-radius:5px;box-shadow:0 2px 10px 2px rgba(29,130,170,.12)}}.halaman_utama .grid_grup_berkas .card_grup_berkas{border:1px solid #ececec;transition:all .5s ease}.halaman_utama .grid_grup_berkas .card_grup_berkas .flex_2{transition:all .5s ease;color:rgba(32,32,32,.8);background:#ececec}.halaman_utama .grid_grup_berkas .card_grup_berkas:hover{border:1px solid #f58465}.halaman_utama .grid_grup_berkas .card_grup_berkas:hover .flex_2{color:#fff;background:#f58465}.halaman_utama .grid_grup_berkas .card_grup_berkas .flex_1{padding:24px;display:flex;align-items:flex-start;gap:12px}.halaman_utama .grid_grup_berkas .card_grup_berkas .flex_1 .desc h6{color:#5a5a5a;margin-bottom:4px}.halaman_utama .grid_grup_berkas .card_grup_berkas .flex_2{padding:12px 24px;display:flex;align-items:center;justify-content:space-between}.not_found_page{font-family:Inter,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.not_found_page img{margin-bottom:40px;width:40%}@media (max-width:899.98px){.not_found_page img{width:90%}}.not_found_page h3{margin-bottom:8px}.not_found_page button{padding:8px 48px;color:#fff;background:#1d82aa;border-radius:10px}.halaman_booking{padding:190px 0;background:#f5f6fa}@media (max-width:899.98px){.halaman_booking{padding:145px 0}}.halaman_booking .stepper_{position:relative;width:60%;margin:auto;display:flex;justify-content:center;align-items:center}@media (min-width:600px) and (max-width:899.98px){.halaman_booking .stepper_{width:80%}}@media (max-width:899.98px){.halaman_booking .stepper_{width:100%}}.halaman_booking .stepper_ .step_1{width:16px}.halaman_booking .stepper_ .step_2,.halaman_booking .stepper_ .step_3{position:relative;width:calc((100% - 18px) / 3);display:flex;align-items:center}.halaman_booking .stepper_ .circle_group{position:relative}.halaman_booking .stepper_ .active .circle_{border:1.5px solid #f58465}.halaman_booking .stepper_ .active .line_{background:#f58465}.halaman_booking .stepper_ .inactive .circle_{border:1.5px solid #cfd1d2}.halaman_booking .stepper_ .inactive .line_{background:#cfd1d2}.halaman_booking .stepper_ .circle_{position:relative;width:16px;height:16px;background:#fff;border-radius:50%}.halaman_booking .stepper_ .line_{position:relative;width:calc(100% - 16px);height:1.5px}.halaman_booking .stepper_ .text_{width:max-content;text-align:center;position:absolute;top:calc(50% + 32px);left:50%;transform:translateX(-50%) translateY(-50%)}@media (max-width:899.98px){.halaman_booking .stepper_ .text_{max-width:100px}}.halaman_booking .stepper_ .text_.active_text{font-weight:600}.halaman_booking .stepper_ .text_.inactive_text{font-weight:400}.halaman_booking .hero_dispora{padding:96px 0 32px;display:grid;justify-items:center;align-items:center;grid-gap:12px;gap:12px}.halaman_booking .hero_dispora img{width:72px;aspect-ratio:1/1}.halaman_booking .flex_form_booking{margin-bottom:24px;display:flex;gap:16px}.halaman_booking .flex_form_booking .card_lap_terpilih{display:flex;align-items:center;gap:24px}.halaman_booking .flex_form_booking .card_lap_terpilih .card_img{height:100%;width:120px;height:120px;object-fit:cover;border-radius:4px}@media (max-width:1199.98px){.halaman_booking .step_satu .flex_form_booking{flex-direction:column-reverse}}.halaman_booking .step_satu .col_1,.halaman_booking .step_satu .col_2{height:max-content;background:#fff;border-radius:12px;padding:24px 24px 48px}@media (max-width:599.98px){.halaman_booking .step_satu .col_1,.halaman_booking .step_satu .col_2{padding:14px 14px 36px}}.halaman_booking .step_satu .col_1 .loading,.halaman_booking .step_satu .col_2 .loading{display:grid;place-items:center}.halaman_booking .step_satu .col_1{width:65%;text-align:center}@media (max-width:1199.98px){.halaman_booking .step_satu .col_1{width:100%}}.halaman_booking .step_satu .col_1>img{margin:8px 0 16px}.halaman_booking .step_satu .col_1>p{margin-bottom:48px}.halaman_booking .step_satu .col_1 .fc-theme-standard{position:relative}.halaman_booking .step_satu .col_1 .kalender{position:relative;width:100%;height:100%}.halaman_booking .step_satu .col_1 .kalender .loading{position:absolute;width:100%;height:100%;z-index:3;top:0;left:0;background:#fff}.halaman_booking .step_satu .col_2{position:-webkit-sticky;position:sticky;top:100px;width:35%}@media (max-width:1199.98px){.halaman_booking .step_satu .col_2{position:static;top:auto;width:100%}}.halaman_booking .step_satu .col_2 .h6_normal{margin-bottom:24px}.halaman_booking .step_satu .col_2 .grid_pilih_lap{height:calc(100vh - 200px);overflow:auto;display:grid;grid-gap:16px;gap:16px}.halaman_booking .step_satu .col_2 .card_lapangan{display:flex;gap:16px;align-items:center;padding:12px;border-radius:6px}.halaman_booking .step_satu .col_2 .card_lapangan.active{background:hsla(13,88%,68%,.1);border:1px solid #f58465}.halaman_booking .step_satu .col_2 .card_lapangan.inactive{border:1px solid #d9dce7}@media (max-width:1199.98px){.halaman_booking .step_dua .flex_form_booking,.halaman_booking .step_tiga .flex_form_booking{flex-direction:column}}.halaman_booking .step_dua .flex_form_booking>div,.halaman_booking .step_tiga .flex_form_booking>div{width:50%}@media (max-width:1199.98px){.halaman_booking .step_dua .flex_form_booking>div,.halaman_booking .step_tiga .flex_form_booking>div{width:100%}}.halaman_booking .step_dua .fw_600{font-weight:600}.halaman_booking .step_dua .col_1{display:grid;grid-gap:16px;gap:16px}.halaman_booking .step_dua .col_1 .box:first-child{padding:16px 24px;display:flex;align-items:center}.halaman_booking .step_dua .col_1 .box:nth-child(2),.halaman_booking .step_dua .col_1 .box:nth-child(3){padding:24px}.halaman_booking .step_dua .col_1 .box{background:#fff;border-radius:12px}@media (max-width:599.98px){.halaman_booking .step_dua .col_1 .box{padding:14px!important}}.halaman_booking .step_dua .col_1 .box .h5{margin-bottom:24px}.halaman_booking .step_dua .col_1 .box .form_input{display:grid;grid-gap:8px;gap:8px}.halaman_booking .step_dua .col_1 .box .form_input.mb_16{margin-bottom:16px}.halaman_booking .step_dua .col_1 .box .form_input input{padding:14px 16px;border:1px solid #cfd0d7;color:rgba(90,90,90,.8);background:#fff;border-radius:4px}.halaman_booking .step_dua .col_1 .box .form_input .read_only{background:rgba(90,90,90,.1)!important}.halaman_booking .step_dua .col_2{height:-moz-fit-content;height:fit-content;padding:24px;background:#fff;border-radius:12px;display:grid;grid-gap:24px;gap:24px}@media (max-width:599.98px){.halaman_booking .step_dua .col_2{padding:14px}}.halaman_booking .step_dua .col_2 .card_lap_terpilih .card_desc{height:100%;padding:2px 0;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.halaman_booking .step_dua .col_2 .grid_harga,.halaman_booking .step_dua .col_2 .list_harga{display:grid}.halaman_booking .step_dua .col_2 .list_harga{gap:16px}.halaman_booking .step_dua .col_2 .grid_harga{gap:12px}.halaman_booking .step_dua .col_2 .flex_info{display:flex;justify-content:space-between;gap:24px;align-items:center}.halaman_booking .step_dua .col_2 .flex_info .c_1{color:rgba(32,32,32,.8)}.halaman_booking .step_dua .col_2 .flex_info .c_2{color:hsla(0,0%,40%,.8)}.halaman_booking .step_dua .col_2 .flex_info .c_3{color:#202020}.halaman_booking .step_dua .col_2 .flex_info .c_4{color:#f58465}.halaman_booking .step_tiga{display:grid;grid-gap:16px;gap:16px}.halaman_booking .step_tiga .box:first-child,.halaman_booking .step_tiga .box:nth-child(3){align-items:center}.halaman_booking .step_tiga .box:nth-child(2){align-items:flex-end}.halaman_booking .step_tiga .box:nth-child(2) div p{margin-bottom:4px}.halaman_booking .step_tiga .box:nth-child(2) .bg_blur{padding:4px 16px;border-radius:20px;background:#fff1ed}.halaman_booking .step_tiga .box{padding:12px 24px;background:#fff;border-radius:12px}@media (max-width:599.98px){.halaman_booking .step_tiga .box{padding:14px!important}}.halaman_booking .step_tiga .box.justify_between{display:flex;justify-content:space-between;gap:12px}.halaman_booking .step_tiga .box .countdown_time{display:flex;gap:4px}.halaman_booking .step_tiga .box .countdown_time .bg_{padding:4px 8px;color:#fff;background:#f58465;border-radius:8px}.halaman_booking .step_tiga .box .countdown_time .no_bg{color:#f58465}.halaman_booking .step_tiga .box .btn_bg_primary{padding:10px 16px;border-radius:10px;color:#fff;background:#f58465}.halaman_booking .step_tiga .col_1,.halaman_booking .step_tiga .col_2{padding:24px;background:#fff;border-radius:12px;height:max-content}@media (max-width:599.98px){.halaman_booking .step_tiga .col_1,.halaman_booking .step_tiga .col_2{padding:14px!important}}.halaman_booking .step_tiga .col_1{display:grid;grid-gap:24px;gap:24px}.halaman_booking .step_tiga .col_1 .mt_24{margin-top:24px}.halaman_booking .step_tiga .col_1 .grid_info{display:grid;grid-gap:12px;gap:12px}.halaman_booking .step_tiga .col_1 .grid_info .tanggal_dibuat{padding:8px 0;color:#606060}.halaman_booking .step_tiga .col_1 .grid_info .flex_title{display:flex;align-items:center;gap:12px}.halaman_booking .step_tiga .col_1 .grid_info .flex_title img{padding:8px;border-radius:12px;background:#f9f9f9}.halaman_booking .step_tiga .col_1 .grid_info>h5,.halaman_booking .step_tiga .col_1 .grid_info>h6{margin-bottom:4px}.halaman_booking .step_tiga .col_1 .grid_info .flex_info{display:flex;gap:24px}.halaman_booking .step_tiga .col_1 .grid_info .flex_info .c_1{width:150px;color:#606060}@media (max-width:899.98px){.halaman_booking .step_tiga .col_1 .grid_info .flex_info .c_1{width:100px}}.halaman_booking .step_tiga .col_1 .grid_info .flex_info .c_2{color:#202020}.halaman_booking .step_tiga .card_lap_terpilih .card_desc{padding:2px 0;display:grid;grid-gap:4px;gap:4px}.halaman_booking .step_tiga .card_lap_terpilih .card_desc .link{color:#f58465}.halaman_booking .action{display:flex;width:calc(50% - 8px);justify-content:space-between;align-items:center;gap:24px}@media (max-width:899.98px){.halaman_booking .action{gap:12px}}.halaman_booking .btn_bg_blue{display:block;width:max-content;margin-left:auto}.detail_lapangan{display:grid;grid-gap:32px;gap:32px;padding:160px 0 80px}@media (max-width:899.98px){.detail_lapangan{padding:130px 0 60px}}.detail_lapangan .hero_img{width:100%;height:400px;object-fit:cover;border-radius:20px}@media (max-width:899.98px){.detail_lapangan .hero_img{height:240px;border-radius:10px}}.detail_lapangan .mb_24{margin-bottom:24px}.detail_lapangan .info_lapangan{display:flex;justify-content:space-between;gap:24px}@media (max-width:899.98px){.detail_lapangan .info_lapangan{flex-direction:column}}.detail_lapangan .info_lapangan .info_1{display:grid;grid-gap:12px;gap:12px}.detail_lapangan .info_lapangan .info_1 .flex_1{display:flex;align-items:center;gap:16px}.detail_lapangan .info_lapangan .info_1 .flex_1 .kategori{padding:5px 12px;border-radius:6px;background:#e9f2fe}.detail_lapangan .info_lapangan .info_1 .flex_1 .circle{width:10px;height:10px;border-radius:40px;background:#e9f2fe}.detail_lapangan .info_lapangan .info_1 .flex_1 .btn_share{display:flex;align-items:center;gap:10px;padding:5px 16px;color:#f58465;background:#fff;border:1px solid #f58465;border-radius:6px}.detail_lapangan .info_lapangan .info_1 .lokasi{display:flex;align-items:center;gap:12px;color:rgba(32,32,32,.8)}.detail_lapangan .info_lapangan .info_2{display:grid;grid-gap:10px;gap:10px;text-align:end}.detail_lapangan .info_lapangan .info_2 .gray{color:#72747c}.detail_lapangan .info_lapangan .info_2 .tarif{font-weight:600;font-size:28px!important}@media (max-width:599.98px){.detail_lapangan .info_lapangan .info_2 .tarif{font-weight:500;font-size:20px!important}}.detail_lapangan .info_lapangan .info_2 .tarif{color:#f58465}.detail_lapangan .info_lapangan .info_2 .btn_bg_blue{padding:12px 16px;color:#fff;background:#1d82aa;border-radius:6px}.detail_lapangan .deskripsi_lapangan .grid_des{display:grid;grid-row-gap:24px;row-gap:24px}.detail_lapangan .deskripsi_lapangan .grid_des .flex_des{display:flex;align-items:flex-start;gap:12px}.detail_lapangan .deskripsi_lapangan .grid_des .flex_des .icon{width:24px}.detail_lapangan .deskripsi_lapangan .grid_des .flex_des div .h6_small{margin-bottom:8px;width:max-content}.detail_lapangan .deskripsi_lapangan .grid_des .group{display:flex;column-gap:80px;row-gap:24px;flex-wrap:wrap}.detail_lapangan .daftar_jadwal_lap{display:grid;grid-gap:24px;gap:24px}.detail_lapangan .daftar_jadwal_lap .grid_ket{display:grid;grid-gap:8px;gap:8px}.detail_lapangan .daftar_jadwal_lap .grid_ket .flex_ket{display:flex;align-items:center;gap:8px}.detail_lapangan .daftar_jadwal_lap .grid_ket .flex_ket span{width:12px;height:12px;border-radius:50%}.detail_lapangan .daftar_jadwal_lap .grid_ket .flex_ket span.elips_tersedia{background:green}.detail_lapangan .daftar_jadwal_lap .grid_ket .flex_ket span.elips_terpesan{background:red}.detail_lapangan .daftar_jadwal_lap .grid_ket .flex_ket span.elips_pemkot{background:orange}.detail_lapangan .daftar_jadwal_lap .grid_ket .flex_ket span.elips_draft{background:#ff0}.detail_lapangan .lokasi_lapangan iframe{width:100%;height:290px;border-radius:12px}.lihat_list_booking{padding:160px 0 250px}@media (max-width:899.98px){.lihat_list_booking{padding:130px 0 175px}}.lihat_list_booking .flex_between{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:24px}.lihat_list_booking .flex_judul{display:flex;align-items:center;gap:8px;margin:30px 0}.lihat_list_booking .flex_judul img{width:48px}.halaman_data_informasi{padding:160px 0 250px}@media (max-width:899.98px){.halaman_data_informasi{padding:130px 0 175px}}.halaman_data_informasi .mb_24{margin-bottom:24px}.halaman_data_informasi .tabs_tabs{display:flex;gap:32px;margin-bottom:20px}@media (max-width:599.98px){.halaman_data_informasi .tabs_tabs{gap:16px;overflow-x:auto}}.halaman_data_informasi .tabs_tabs .tab_item{padding-bottom:12px;color:rgba(32,32,32,.6);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:all .5s ease}.halaman_data_informasi .tabs_tabs .tab_item.active{color:#f58465;border-bottom:2px solid #f58465}.halaman_data_informasi .filter_chips{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 24px}@media (max-width:599.98px){.halaman_data_informasi .filter_chips{margin:20px 0 16px}}.halaman_data_informasi .filter_chips .chip_item{padding:10px 20px;border-radius:40px;border:1px solid #d9dce7;color:#202020;cursor:pointer;white-space:nowrap;transition:all .5s ease}@media (max-width:599.98px){.halaman_data_informasi .filter_chips .chip_item{padding:8px 14px}}.halaman_data_informasi .filter_chips .chip_item.active{color:#f58465;border:1px solid #f58465;background:hsla(13,88%,68%,.08)}.halaman_data_informasi .judul_data{max-width:900px}.halaman_data_informasi .separator_horizontal+.judul_data{margin-top:32px}@media (max-width:599.98px){.halaman_data_informasi .separator_horizontal+.judul_data{margin-top:20px}}.halaman_data_informasi .search_box{display:flex;align-items:center;gap:12px;width:100%;max-width:400px;padding:14px 16px;border-radius:6px;background:#f5f5f7;margin-bottom:32px}@media (max-width:599.98px){.halaman_data_informasi .search_box{max-width:100%;padding:12px 14px;margin-bottom:20px}}.halaman_data_informasi .search_box img{flex-shrink:0;width:20px;height:20px}.halaman_data_informasi .search_box input{width:100%;background:transparent;color:#202020}.halaman_data_informasi .search_box input::placeholder{color:rgba(90,90,90,.8)}.halaman_data_informasi .table_data{width:100%;overflow-x:auto}.halaman_data_informasi .table_data .table_row{display:grid;grid-gap:16px;gap:16px;padding:16px 0;border-bottom:1px solid #d9dce7}.halaman_data_informasi .table_data .table_row p{color:#202020}.halaman_data_informasi .table_data .table_row p a{color:#1d82aa;text-decoration:underline}.halaman_data_informasi .table_data .table_head p{font-weight:600;color:rgba(32,32,32,.6)}.halaman_data_informasi .table_data .table_empty{padding:32px 0;text-align:center;color:rgba(32,32,32,.6)}.halaman_data_informasi .pagination_custom{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:32px}@media (max-width:599.98px){.halaman_data_informasi .pagination_custom{gap:6px;margin-top:20px}}.halaman_data_informasi .pagination_custom button{min-width:32px;height:32px;border-radius:50%;background:transparent;color:#202020;cursor:pointer;transition:all .5s ease}@media (max-width:599.98px){.halaman_data_informasi .pagination_custom button{min-width:28px;height:28px;font-size:13px}}.halaman_data_informasi .pagination_custom button.active{border:1px solid #f58465;color:#f58465}.halaman_data_informasi .pagination_custom button:hover:not(:disabled){color:#f58465}.halaman_data_informasi .pagination_custom button:disabled{color:rgba(32,32,32,.3);cursor:not-allowed}