#hotel-primary{width: 100%;font-family: serif;}

.banner-hotel{overflow: hidden;height: 586px;width: 100%;position: relative;}
.banner-hotel img{width: 100%;height: 100%;object-fit: cover;}

.hotel-list{display: flex;flex-direction: column;gap:120px;padding:80px 0;background: #fff;}
.hotel-box{display: flex;/*max-width: 1240px;*/margin: auto;width: 100%;background: #fff;gap:30px;padding:0 5%;}
.hotel-filter{margin: auto; background: #fff; padding-top: 3rem;}
.hotel-filter form{max-width: 1240px;margin: auto;display: flex; gap: 24px;align-items: end;}
.hotel-filter-submit{width: 180px;}
.hotel-filter-submit button{ padding: 5px !important; height: 40px; width: 100%; background: var(--colorBG); transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.hotel-filter-submit button:hover{background: var(--colorText);}
.hotel-filter-box{width:calc(calc(100% - 180px - 24px) / 3 - 16px);}
.hotel-filter-box input{ border-radius: 4px !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; -o-border-radius: 4px !important; }
.hotel-filter-box label{display: block;font-weight: 600;margin-bottom: 4px;}

.banner-product-rooms{position: absolute;top:0;left:0;width: 100%;height: 100%;}
.banner-product-roomItem{display: flex;flex-direction: column;gap:4px;color:#fff;font-weight: 700;font-size: 18px;align-items: center;position: absolute;}
.banner-product-roomItem span:last-child{ width: 32px; height: 32px; background: #46753E; border-radius: 99px; -webkit-border-radius: 99px; -moz-border-radius: 99px; -ms-border-radius: 99px; -o-border-radius: 99px; padding:4px;border:1px solid #fff;cursor: pointer;}
.banner-product-roomItem span svg{height: auto;width: 100%;}
.banner-product-roomItem span svg g{fill: #FFFFFF;}

.banner-producrt-mobile{display: none;}

.banner-product-room-1{top: 25%;   left: 44%;}
.banner-product-room-2{top: 39%;   left: 39%;}
.banner-product-room-3{top: 54%;   left: 33%;}
.banner-product-room-4{top: 51%;   left: 25%;}
.banner-product-room-5{top: 35%;   left: 30%;}
.banner-product-room-6{top: 20%;   left: 34%;}
.banner-product-room-7{top: 7%;   right: 37%;}
.banner-product-room-8{top: 22%;   right: 38%;}
.banner-product-room-9{top: 26%;   right: 26%;}