.village_uopup_layout *{margin:0;padding:0;box-sizing:border-box}.village_uopup_layout{margin:20px auto;font-family:"Roboto Bold", "Roboto", sans-serif;font-size:18px;color:#333333}.village_uopup_layout .popup_container{width:884px;height:644px;margin:0 auto;background-color:#d7d7d7;position:relative}.village_uopup_layout ul li{list-style:none;font-size:18px;color:#333333}.village_uopup_layout .srv_nm{margin-left:10px;display:block}.village_uopup_layout .srv_name{font-size:18px;font-weight:700}.village_uopup_layout .popup_container{padding:29px 39px}.village_uopup_layout .flex_just{display:flex;justify-content:space-between;align-items:center;margin-bottom:74px}.village_uopup_layout .vill_nam{color:#c7031b;font-size:24px;font-weight:700;padding-right:12px}.village_uopup_layout .vname_clr{font-size:24px;color:#333;font-weight:normal;padding-left:12px;border-left:2px solid gray}.village_uopup_layout .x_icon{width:20px;height:20px;position:absolute;right:20px;top:20px;cursor:pointer}.village_uopup_layout .modal .modl_flex{display:flex;gap:10px;justify-content:space-between;align-items:center;height:33px}.village_uopup_layout .group_hover_disable:hover li{pointer-events:none}.village_uopup_layout .dnm_cntt img{width:100%;height:auto}.village_uopup_layout .dnm_cntt .crcl_w{width:19px;height:19px}.village_uopup_layout .dnm_cntt .popup_flex{display:flex;justify-content:space-between;gap:62px}.group_hover:hover li{color:#c7031b;cursor:pointer}.village_uopup_layout .srv_dumy{color:#bcbcbc;margin-left:0;margin-right:39px}.village_uopup_layout .srv_no_water{color:#bcbcbc}.village_uopup_layout .mb-32{margin-bottom:32px}.village_uopup_layout .dd_flex{display:flex;gap:10px}.view_all_btn:hover{background-color:#d9001b;cursor:pointer}.view_all_btn{width:295px;height:48px;padding:2px 30px 2px 30px;border-radius:5px;border:1px solid #e44558;background-color:#e44558;box-sizing:border-box;box-shadow:0px 2px 3px 0px rgba(0,0,0,0.35);font-family:"Roboto Medium", "Roboto", sans-serif;font-weight:500;color:#ffffff;text-align:left;line-height:normal;font-size:20px;position:absolute;bottom:29px}.village_uopup_layout{margin:0;width:100%;position:fixed;top:0px;bottom:0px;left:0px;right:0px;background-color:rgba(0,0,0,0.847059);z-index:1003;display:flex;justify-content:center;align-items:center}.village_uopup_layout .view_all_btn{width:221px;height:48px;display:flex;align-items:center;justify-content:center}.village_uopup_layout .view_all_btn{text-decoration:none;color:#fff}.village_uopup_layout .dnm_cntt .crcl_w{border-radius:100%;position:relative;background-color:transparent;border:2px solid #fff}.village_uopup_layout .dnm_cntt .crcl_w .crcl_w-bar{display:block;height:102%;background-color:transparent;width:calc(47% + 2%);border-radius:100%;position:absolute;z-index:-1;border:2px solid red}@keyframes growProgressBar{0%,33%{--pgPercentage: 0}100%{--pgPercentage: var(--value)}}@property --pgPercentage{syntax:"<number>";inherits:false;initial-value:0}div[role="progressbar"]{--size: 19px;--fg: #c7031b;--bg: #fff;--pgPercentage: var(--value);animation:growProgressBar 3s 1 forwards;width:var(--size);height:var(--size);border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side, #d7d7d7 80%, transparent 0 99.9%, #d7d7d7 0),conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);font-family:Helvetica, Arial, sans-serif;font-size:calc(var(--size) / 5);color:var(--fg);margin:0px}.village_uopup_layout .srv_dumy{margin-right:8px}.village_uopup_layout .model_stats{width:229px;padding-top:23px;border-top:2px solid #aaaaaa;position:absolute;right:21px;bottom:32px}.village_uopup_layout .model_stats h3{color:#333333;text-align:left;line-height:23px;font-size:18px;margin-bottom:20px}.village_uopup_layout .model_stats h3 a{font-weight:700;text-decoration:underline;color:#1e98d7;font-size:18px}.village_uopup_layout .model_stats h3:hover a,.village_uopup_layout .model_stats h3:hover{color:#517caf}.village_uopup_layout .model_stats .actClosWPPER{display:flex;gap:17px;margin-bottom:19px}.village_uopup_layout .model_stats .actClosWPPER p{color:#333333;text-align:left;line-height:normal;font-size:16px;display:flex;align-items:center;gap:8px}.village_uopup_layout .model_stats .actClosWPPER p:hover{color:#c7031b}.village_uopup_layout .model_stats .actClosWPPER p span{width:16px;height:16px;display:block;background-color:#f2f2f2;border-radius:2px}.village_uopup_layout .model_stats .actClosWPPER p span.active-color{background-color:#c7031b}.village_uopup_layout .model_stats .bars-wapper{display:flex;gap:9px;align-items:end}.village_uopup_layout .model_stats .bars-wapper .bar-red{width:20px;display:flex;border-radius:3px;background-color:#c7031b}.village_uopup_layout .model_stats .bars-wapper .bar-white{width:20px;display:flex;border-radius:3px;background-color:#f2f2f2}.village_uopup_layout .model_stats .bars-wapper p{color:#333333;text-align:left;line-height:normal;font-weight:300;font-size:20px}.village_uopup_layout .model_stats .bars-wapper p small{font-weight:500;font-size:16px}.village_uopup_layout .model_stats .bars-wapper p:hover{color:#c7031b}.village_uopup_layout .popup_container{height:598px}.village_uopup_layout .model_stats{padding-top:0px;border-top:none;width:191px}.village_uopup_layout .model_stats h3{margin:0;margin-top:12px}.village_uopup_layout .model_stats .bars-wapper-new{display:flex;gap:27px;align-items:end}.village_uopup_layout .model_stats .bars-wapper-new .bar-sec .bar-box{height:62px;width:20px;border-radius:3px;background-color:#f2f2f2}.village_uopup_layout .model_stats .bars-wapper-new .bar-sec .bar-sec-wapper{display:flex;gap:10px;margin-bottom:8px;align-items:end}.village_uopup_layout .model_stats .bars-wapper-new .bar-sec .bar-box.bar-box-red{background-color:#c7031b}.village_uopup_layout .model_stats .bars-wapper-new .bar-sec .bar-box p{color:#333333;text-align:left;line-height:normal;font-size:18px}