.hp_main {padding-inline: 50px;}
.hp_card {position: relative;margin-block: 20px;}
.hp_card::before{position: absolute;content: "";inset: 1px 0 0;width: 100%;height: calc(100% - 2px);border: 2px solid #000;z-index: -1;}
.hp_card_inner {background-color: #fff;border-radius: 20px;}
.hp_img > img {border-radius: 20px;width: 100%;min-height: 230px;min-width: 306px;height: 230px;}
.hp_img {position: relative;max-width: 306px;}
.hp_feature {position: absolute;top: 0;background-image: url("../images/icons/feature_bg.webp");background-repeat: no-repeat;width: 100px;height: 100px;border-radius: 15px;}
.hp_feature p {color: #fff;font-weight: 700;transform: rotate(-45deg);margin: -6px 0px 0px -10px;}
.hp_like {position: absolute;top: 15px;right: 15px;}
/* .hb_card_content p {color: #444444;font-size: 14px;position: relative;padding-left: 25px;margin-block: 5px;} */
/* .hb_card_content p::before {position: absolute;content: "";background-image: url("../images/icons/location_hp.svg");background-repeat: no-repeat;background-size: contain;width: 16px;height: 16px;left: 5px;} */
.hb_card_p {display: flex;align-items: center;gap: 5px;margin-block: 5px;}
.hb_card_p img {height: 16px;width: 16px;}
.hb_card_content h3 > a{text-decoration: underline;font-weight: 700;font-size: 20px;color:#191F29;}
.hb_card_content {margin-left: 20px;width: 55%;position: relative;padding-right: 20px;}
.hb_card_content::after {position: absolute;content: "";background-color: #E6E6E6;width: 1px;height: 166px;right: 0;top: 0;}
.hb_card_star img {width: 15px;height: 14px;}
.hb_card_content ul li {list-style: disc;}
.hb_card_content ul li::marker {color: #EC281C;}
.hb_card_content ul {width: 80%;margin-top: 15px;padding-left: 15px;}

.hb_card_duration div {border: .5px solid #EC281C;border-radius: 5px;padding: 5px 10px;color: #EC281C;}
.hb_card_duration img {margin-right: 5px;}
.hb_card_duration {gap: 8px;}
.hb_card_rate p {color: #111B19;font-weight: 700;font-size: 20px;}
.hb_card_rate p span {color: #999999;text-decoration: line-through;}
.hb_card_rate {margin-block: 20px 10px;}
.hb_more_btn a {width: 138px; background-color: #FF3B30;font-weight: 600;color: #fff;border-radius: 5px;height: 32px;line-height: 32px; text-align: center;}
.hb_card_price {padding: 15px 0px 15px 20px;min-width: 210px;}

@media only screen and (max-width:991px) {
    .hp_img {max-width: 100%;}
    .hp_img > img {height: 400px;min-width: 250px;}
    .hb_card_content {width: unset;margin-top: 20px;}
    .hb_card_content::after {content: none;}
    .hb_card_price {margin-block: 15px 30px;}
}
@media only screen and (max-width:575px) {
    .hp_main {padding-inline: 20px;}
    .hp_img > img {height: 300px;}
}