body{margin: 0}
a{text-decoration: none}
.height-1{height: 100%}
.main-header-left ul {list-style: none;padding: 0;margin: 0;display: flex;align-items: center;}
.main-header-left ul li a {padding: 10px 12px;display: block;color: rgb(42, 42, 53);font-size: 16px;font-weight: normal;text-decoration: auto;position: relative;transition: 0.3s;min-width: max-content;}

.sodon-modal-container {
    height: 100%;
    max-width: calc(768px + 480px);
    width: calc(100vw - (72px * 2));
}
.profile-dropdown{display: flex;align-items: center}
.profile-img{width: 40px;height: 40px;}
.profile-img img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%}
.profile-info{margin-left: 10px;line-height: 20px;font-size: 14px;font-weight: 400;color: #000}
.main-header-right{display: flex;align-items: center;justify-content: end}
.main-header-right ul {list-style: none;padding: 0;margin: 0;display: flex;align-items: center;}
.main-header-right ul li a {padding: 20px 12px;display: block;color: rgb(42, 42, 53);font-size: 16px;font-weight: normal;text-decoration: auto;position: relative;transition: 0.3s;min-width: max-content;}

.main-header-logo{display: flex;align-items: center;justify-content: center}
.main-header-logo img{width: 100px;}

.feature-main-picture{position: relative;overflow: hidden}
.main-img:before{content: '';display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.4); }
.main-img img{width: 100%;height: 600px;object-fit: cover;object-position: top}

.chosen-drop {position: absolute;top: 100%;z-index: 1010;width: 100%;border-top: 0;background: #fff;-webkit-box-shadow: 0 10px 5px rgb(0 0 0 / 15%);box-shadow: 0 10px 5px rgb(0 0 0 / 15%);}
.chosen-results {color: #444;position: relative;overflow-x: hidden;overflow-y: auto;margin: 0;padding: 0;max-height: 170px;-webkit-overflow-scrolling: touch;}
.chosen-results li {display: list-item;margin: 0;padding: 5px 6px;list-style: none;line-height: 15px;word-wrap: break-word;-webkit-touch-callout: none;cursor: pointer;font-size: 14px;color: #555;}
.chosen-results li:hover {background-color: #3875d7;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);color: #fff;}

.header-bottom__wrap{display: flex;align-items: center;justify-content: center}
.header-bottom{margin: 0;position: absolute;top: 50%;left: 50%;text-align: center;transform: translate(-50%, -50%);width: 100%}
.header-bottom h2 {font-weight: 600;font-size: 29px;line-height: 40px;color: #fff;margin: 0;filter: drop-shadow(0px 0px 5px #000);}

header .dropdown-menu {min-width: 200px;margin: 0;margin-top: -8px;background-color: #fff;-webkit-box-shadow: -1px 0 10px 0 rgb(34 34 34 / 70%), 5px 20px 40px 0 rgb(34 34 34 / 40%);box-shadow: -1px 0 10px 0 rgb(34 34 34 / 70%), 5px 20px 40px 0 rgb(34 34 34 / 40%);border-color: transparent;border: 0;position: absolute;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;opacity: 0;visibility: hidden;display: block !important;-webkit-transform: translateY(-15px);transform: translateY(-15px);}
header .dropdown:hover>.dropdown-menu {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);display: block !important;}
.search-box-index {margin: 20px 20px 0;background: #FFFFFF;box-shadow: 0px 8px 16px rgb(0 0 0 / 15%);border-radius: 8px;position: relative}
.search-box {display: flex;align-items: center;flex-wrap: wrap;}
.search-box-out {position: relative;}
.search-control {display: block;width: 100%;padding: 22px 0 22px 22px;margin-right: 20px;font-size: 16px;font-weight: 400;line-height: 24px;color: #6c757d;background-color: #fff;background-clip: padding-box;border: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0.5rem;box-sizing: border-box;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.search-icon {position: absolute;top: -45px;right: 17px;cursor: pointer}
.icon-svg{color: #54545A;height: 22px;width: 22px}
.icon-svg-home svg{color: #54545A;height: 15px;width: 20px}
.web-icon, .web-icon:active {height: 22px;width: 22px;color: rgb(13, 69, 153);text-decoration: none;display: inline-block;vertical-align: top;stroke: currentcolor;fill: currentcolor; }
.save-search-button {
    background: rgb(0, 106, 255);
    border: 1px solid rgb(0, 106, 255);
    border-radius: 4px;
    color: white;
    outline: none;
    padding: 0px 0.67em;
    width: auto;
    font-weight: 700;
    font-size: 14px;
    height: 37px;
}
@media (hover: hover) and (pointer: fine){
    .btn-search:hover:not(:disabled) {
        background-color: rgb(242, 250, 255);
        border-color: rgb(13, 69, 153);
        color: rgb(13, 69, 153);
    }
}

.search-page-container {display: flex; min-width: 320px; height: calc(100vh - 119px);}
.search-page-container.map-on-left {flex-direction: row-reverse;}
.search-page-list-container {position: relative;overflow-y: auto;overflow-x: hidden;box-shadow: -2px 2px 5px 0 rgb(0 0 0 / 40%);z-index: 1;background: #fff;}
.double-column-only {width: 750px;flex: 0 0 750px;}
.search-page-map-container {
    position: relative;
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
}
.has-floating-action-bar{-webkit-box-pack: start;justify-content: start;display: flex;-webkit-box-align: center;align-items: center;border-bottom: 1px solid rgb(204, 204, 204);border-top: 1px solid rgb(204, 204, 204);min-height: 55px;padding: 0px 12px;}

.form-control {display: block;width: 100%;font-size: 14px;height: 40px;line-height: 20px;color: hsl(210, 9%, 31%);background-color: hsl(0, 0%, 100%);background-clip: padding-box;border: 1px solid hsl(210, 14%, 83%);border-radius: 0.25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.form-control:focus-visible{outline: none}

.srp-search-box {width: 300px;height: 36px;position: relative;}
.search-name {position: absolute;z-index: 2;top: 0;left: 0;right: 0;border: 1px solid rgb(209, 209, 213);border-radius: 4px;background-color: rgb(255, 255, 255);}
.search-input-box {border: none;padding-left: 8px;width: 100%;box-shadow: none;background-color: rgb(255, 255, 255);flex-wrap: nowrap;padding-right: 42px;}
.input-none {border: 0;padding: 4px 0;box-shadow: none;flex: 1 0 25%;opacity: 1;}
.search-svg {flex: 0 0 auto;position: absolute;top: 0;right: 0;padding: 0;width: 42px;height: 34px;display: flex;align-items: center;-webkit-box-pack: center;justify-content: center;border: none;background-color: rgb(255, 255, 255);}
.svg-icon-s {display: inline-block;vertical-align: top;stroke: currentcolor;fill: currentcolor;height: 1em;width: 1em;}
.result-list-container {position: relative;background: 0 0;}
.search-page-list-header {padding: 20px;}
.result-list-container .search-title {font-size: 20px;line-height: 26px;margin-bottom: 8px;}
.search-page-list-container .search-subtitle {position: relative;display: flex;justify-content: space-between;font-size: 14px;}
.result-list-container .result-count {align-self: flex-start;flex: 1;font-weight: 600;}
.result-list-container .sort-options.visible {display: flex;align-items: flex-start;}
#sort-popover {background: none;border: none;color: rgb(0, 106, 255);}
.sort-svg {margin-left: 10px;height: 16px;width: 16px;}


@media (max-width: 1200px){
    .header-bottom {
        transform: translateY(-156px);
    }
}
@media (min-width: 720px){
    .header-bottom {
        max-width: 700px;
    }
}

.search-btn-index {
    padding: 9px 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
    background: #5451E7;
    border-radius: 4px;
    border: none;
}

.search-control:focus-within {
    border-radius: 4px;
    box-shadow: 0 0 0px 1px #fff, 0 0 2px 3px #a6e5ff, 0 0 2px 4px #006aff;
    outline: none;
}
.search-control:hover:not([disabled]), .search-control:active:not([disabled]), .search-control:focus {
    border-color: #006AFF;
}

.menu-item-has-children .sub-menu {
    display: none;
    position: absolute;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    padding: 10px 20px;
    background-color: #fff;
    border-radius: 4px;
    top: 60px;
    width: 300px;
}

.menu-item-has-children:hover .sub-menu {
    display: block;
    z-index: 100;
}
.menu-tooltip-text {
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 12px 23px;
    text-decoration: none;
    list-style: none;
}
.menu-item-has-children .sub-menu .menu-tooltip-text {
    padding: 0px;
}
.menu-item-has-children .sub-menu .menu-tooltip-text{
    float: none;
    color: #000;
    padding: 0 2px 11px;
    text-decoration: none;
    display: block;
    text-align: justify;
    font-weight: 400;
    font-size: 16px;
    min-width: auto;
}
.popup-img-one{width: 100%;height: calc(768px * 3/4);margin-bottom: 10px;overflow: hidden;position: relative;background: #ccc;}
.popup-img-one img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: 50% 50%;object-position: 50% 50%;}

.photo-view-container{overflow-y: scroll;-webkit-overflow-scrolling: touch;height: 970px}
.popup-img{width: 100%;height: calc((768px - 4px) * 3/8);overflow: hidden;position: relative;background: #ccc;}
.popup-img img{width: 100%;height: 100%;object-fit: cover}
.modal-header-none{height: 0;padding: 0}
.modal-content-ir{padding: 0;height: 100%}

.sp-section-name {position: relative;font-style: normal;font-weight: 700;font-size: 28px;line-height: 36px;color: #000000;}
.sp-section-desc p {color: #2a2a2a;display: -webkit-box;font-size: 12pt;text-align: justify;line-height: 27px;margin-bottom: 10px;}
.data-column-container {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;}
.left-data-in {display: flex;flex-direction: row-reverse;flex-shrink: 0;}
.ds-action-bar {height: 60px;background: rgb(255, 255, 255);width: 100%;border-bottom: 1px solid rgb(209, 209, 213);}
.left-data {height: 100%;display: grid;align-items: center;padding: 0 16px;}
.list-modal-data {display: flex;-webkit-box-align: center;align-items: center;grid-column: 3 / auto;margin-left: auto;}
.list-modal-data-li {padding-right: 8px;padding-left: 8px;}

.left-image{width: 160px;height: 65px;}
.left-image img{width: 100%;height: 100%;object-fit: contain}
.btn-left {display: flex;-webkit-box-align: center;align-items: center;cursor: pointer;height: 100%;color: rgb(0, 106, 255);padding: 0px;border: 0px;background: transparent;}
.logo-svg path:nth-last-child(-n+2) {color: rgb(0, 106, 255);}
.logo-svg-fill {width: 118px;height: 25px;color: rgb(0, 106, 255);fill: currentcolor;}
.ds-action-bar-icon-fill {fill: #006aff;}
.svg-icon-left {font-size: 20px;width: 20px;margin-right: 4px;vertical-align: middle;}
.svg-icon-left-one {display: flex;color: rgb(0, 106, 255);}
.btn-none {font: inherit;margin: 0;padding: 0;text-transform: none;border: none;background: none;appearance: none;}


.summary-box{padding-top: 24px; margin-left: 16px;margin-right: 16px;}
.summary-box-price{display: inline-block;margin-right: 16px;font-weight: 700;font-size: 36px;line-height: 40px;color: rgb(42, 42, 51);}
.summary-list-data{color: rgb(42, 42, 51);-webkit-font-smoothing: antialiased;text-transform: none;font-weight: 400;font-size: 16px;line-height: 24px;margin: 0px;}
.summary-list-data-br{border-right: 1px solid rgb(209, 209, 213);padding-right: 8px;margin-right: 8px;}
.list-inline-block{display: flex}
.summary-list-request-box{margin: 0 16px;padding: 16px 0;border-bottom: 1px solid rgb(209, 209, 213);}
.contact-button.prominent {flex-grow: 2;}
.contact-button-group .contact-button:not(:first-child) {margin-left: 8px;}
.request-btn{cursor: pointer;text-decoration: none;text-align: center;display: inline-flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;box-sizing: border-box;border: 1px solid;border-radius: 4px;user-select: none;padding: 15px 16px;margin: 0px;appearance: none;transition-property: background-color, border-color, color;transition-duration: 0.2s;transition-timing-function: ease;pointer-events: auto;outline: none;box-shadow: none;width: 100%;position: relative;color: rgb(42, 42, 51);-webkit-font-smoothing: antialiased;text-transform: none;font-family: "Open Sans", "Adjusted Arial", Tahoma, Geneva, sans-serif;font-weight: 700;font-size: 16px;line-height: 24px;height: auto;}
.request-btn, .request-btn:focus, .request-btn:visited, .request-btn:disabled {background-color: rgb(0, 106, 255);border-color: rgb(0, 106, 255);color: rgb(255, 255, 255);}
.contact-button-group .contact-button button {height: 100%;}
.request-btn-fill {cursor: pointer;text-decoration: none;text-align: center;display: inline-flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;box-sizing: border-box;border: 1px solid;border-radius: 4px;user-select: none;padding: 15px 16px;margin: 0px;appearance: none;transition-property: background-color, border-color, color;transition-duration: 0.2s;transition-timing-function: ease;pointer-events: auto;outline: none;box-shadow: none;width: 100%;position: relative;color: rgb(42, 42, 51);-webkit-font-smoothing: antialiased;text-transform: none;font-family: "Open Sans", "Adjusted Arial", Tahoma, Geneva, sans-serif;font-weight: 700;font-size: 16px;line-height: 24px;}
.request-btn-fill, .request-btn-fill:focus, .request-btn-fill:visited, .request-btn-fill:disabled {background-color: rgb(255, 255, 255);border-color: rgb(0, 106, 255);color: rgb(0, 106, 255);}
.request-btn-fill:hover:not(:disabled) {background-color: rgb(242, 250, 255);border-color: rgb(13, 69, 153);color: rgb(13, 69, 153);}

.request-btn-txt {color: rgb(255, 255, 255);-webkit-font-smoothing: antialiased;text-transform: none;font-weight: 400;font-size: 12px;line-height: 16px;margin: 0;}
.ds-label-small {font-weight: 600;font-size: 14px;line-height: 21px;}

.list-data-view-box{min-height: 58px;position: sticky;top: 0;z-index: 999;padding: 0 16px;background-color: rgb(255, 255, 255);}
.list-data-view-box-inner {position: relative;background: rgb(255, 255, 255);}
.list-data-view-box-nav {overflow: auto hidden;display: flex;position: relative;z-index: 0;border-bottom: 1px solid rgb(209, 209, 213);}
.list-data-view-box-nav-list {flex-shrink: 0;z-index: 0;}
.list-data-view-box-nav-name.active-nav{display: block;flex-shrink: 0;padding: 16px 8px;text-decoration: none;color: rgb(0, 106, 255);border-bottom: 3px solid rgb(0, 106, 255);}
.list-data-view-box-nav-name {display: block;flex-shrink: 0;padding: 16px 8px;color: rgb(42, 42, 51);text-decoration: none;}
.list-data-view-box-nav::-webkit-scrollbar {display: none;}

.swipe-left-btn{}
.swipe-left-btn {display: flex;position: absolute;-webkit-box-align: center;align-items: center;height: calc(100% - 2px);top: 0;color: rgb(0, 106, 255);background-color: rgb(255, 255, 255);cursor: pointer;z-index: 1;left: 0;}
.swipe-left-btn .swipe-left {left: 12px;background-image: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));}
.left-svg {transform: rotate(90deg);}
.swipe-left{width: 12px;position: absolute;top: 0;bottom: 0;}

.swipe-right-btn{display: flex;position: absolute;-webkit-box-align: center;align-items: center;height: calc(100% - 2px);top: 0;color: rgb(0, 106, 255);background-color: rgb(255, 255, 255);cursor: pointer;z-index: 1;right: 0;}
.swipe-right-btn .swipe-right {left: -12px;background-image: linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0));}
.right-svg {transform: rotate(270deg);}
.swipe-right {width: 12px;position: absolute;top: 0;bottom: 0;}

.list-view{margin: 16px;}
.summary-list-view-data{display: flex;margin-bottom: 16px;}
.summary-list-svg-icon{display: inline-block;vertical-align: top;stroke: currentcolor;fill: currentcolor;height: 24px;width: 24px; }
.summary-list-svg {color: rgb(13, 69, 153);flex: 0 0 auto;margin-right: 10px;}

.summary-list-body{padding-left: 16px}
.summary-list-view-data-name {overflow-wrap: anywhere;word-break: break-word;color: rgb(42, 42, 51);text-transform: none;font-weight: 400;font-size: 16px;line-height: 24px;margin: 0;}
.summary-list-section-name{padding-right: 16px;padding-left: 16px;color: rgb(42, 42, 51);text-transform: none;font-weight: 700;font-size: 24px;line-height: 32px;margin: 24px 0px 16px;padding-top: 24px;border-top: 1px solid rgb(209, 209, 213)}

.features-list {columns: 190px auto;}
.features-list ul{padding-left: 20px}
.features-list ul li{padding-bottom: 5px;list-style-type: disc;font-size: 16px;line-height: 20px;color: rgb(42, 42, 51)}

.list-real-container{padding: 0 10px}
.list-real-img{width: 100%;height: 0;padding-bottom: 52.173913%;overflow: hidden;position: relative;background: #ccc;border-top-left-radius: 5px;border-top-right-radius: 5px;margin-bottom: 5px;}
.list-real-img img{height: auto;width: 100%;object-fit: cover}
.list-real-img-swiper img{width: 100%;height: 100%;object-fit: cover}
.list-real-box{background-color: rgb(255, 255, 255);border-radius: 4px;cursor: pointer;outline: none;position: relative;transition-property: background-color, box-shadow;transition-duration: 0.2s;transition-timing-function: ease;border: 0px solid rgb(209, 209, 213);box-shadow: rgb(0 0 0 / 30%) 0px 2px 4px 0px;}
.list-real-body{padding: 8px;}
.real-list-name{    color: rgb(89, 107, 130);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;-webkit-font-smoothing: antialiased;text-transform: none;font-weight: 400;font-size: 10px;line-height: 16px;}
.real-list-address{font-weight: 400;font-size: 14px;line-height: 24px;color: rgb(42, 42, 51)}
.list-real-date{position: absolute;top: 10px;left: 10px;color: rgb(255, 255, 255);padding: 2px 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-font-smoothing: antialiased;text-transform: none;font-weight: 700;font-size: 12px;line-height: 16px;background-color: rgba(10, 10, 20, 0.6);border-radius: 10px;}
.list-real-save-btn{position: absolute;top: 10px;right: 10px}
.list-real-save-btn {filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 2px 4px);height: 32px;width: 32px;}
.HeartIcon__outline {fill: rgb(255, 255, 255);}
.HeartIcon__fill {fill: rgba(0, 0, 0, 0.5);}
.HeartIcon-two__fill {fill: red;}
.more-btn {display: flex;-webkit-box-pack: center;justify-content: center;padding-bottom: 16px;margin-bottom: 16px;}
.more-btn-click{text-transform: none;font-weight: 700;font-size: 16px;line-height: 24px;display: inline-flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;outline: none;box-shadow: none;border: 0px;background: none;padding: 0px;text-align: initial;appearance: none;color: rgb(13, 69, 153);text-decoration: none;}

.summary-list-view-tag-box{margin-right: 8px;margin-top: 8px;}
.summary-list-view-tag {color: rgb(0, 23, 81);font-weight: 700;font-size: 14px;line-height: 24px;display: inline-flex;-webkit-box-align: center;align-items: center;vertical-align: top;border-radius: 4px;padding: 2px 8px;text-transform: uppercase;background-color: rgb(224, 242, 255);}
.summary-list-view-desc-box{margin-bottom: 24px;}
.summary-list-view-description{padding: 0;color: rgb(42, 42, 51);text-transform: none;font-weight: 400;font-size: 16px;line-height: 24px;margin: 10px 0 0 0;}
.summary-list-view-description p{margin: 0}
.summary-list-txt-body{max-height: 96px;overflow: hidden;}
.show-btn{margin-top: 8px;color: rgb(13, 69, 153);text-decoration: none;text-transform: none;font-weight: 700;font-size: 16px;line-height: 24px;display: inline-flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;outline: none;box-shadow: none;border: 0px;background: none;padding: 0px;text-align: initial;appearance: none;}
.summary-list-info{display: flex;flex-wrap: wrap;justify-content: space-evenly;margin: 16px 0;font-size: 16px;}
dt {margin-right: 8px;-webkit-box-flex: 0;flex-grow: 0;}
.summary-list-br {color: rgb(209, 209, 213);-webkit-box-flex: 1;flex-grow: 1;}
.summary-list-br:last-child {visibility: hidden;}
.data-view-container{position: relative;overflow-y: scroll;-webkit-overflow-scrolling: touch;height: calc(100vh - 190px);min-height: calc(100vh - 190px)}

@media(max-width: 1400px){
    .data-view-container{position: relative;overflow-y: scroll;-webkit-overflow-scrolling: touch;height: calc(100vh - 190px);min-height: calc(100vh - 190px)}
}

.list-real-other {display: flex;align-items: center;list-style: none;margin: 0;padding: 0;}
.list-real-other li {display: flex;align-items: center}
.list-real-other:not(:last-child)::after, .list-real-other li:not(:last-child)::after {margin: 0 5px;content: " | ";color: rgb(167, 166, 171);}
.list-other-txt{padding: 8px 0;color: rgb(42, 42, 51);display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;-webkit-font-smoothing: antialiased;text-transform: none;font-weight: 400;font-size: 14px;line-height: 24px;}
.list-other-name {margin-bottom: 10px;font-weight: 700;font-size: 16px;line-height: 24px;color: #000;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;-webkit-font-smoothing: antialiased;text-transform: uppercase;}
.list-other-price {color: rgb(42, 42, 51);display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;-webkit-font-smoothing: antialiased;text-transform: none;font-weight: 600;font-size: 20px;line-height: 24px;}

#swiper-place-img .swiper-container .swiper-wrapper{height: 230px}

.placeSwiper .swiper-button-next, .placeSwiper .swiper-button-prev {top: 35%;}
.placeSwiper .swiper-button-prev {transform:translateX(0);}
.placeSwiper .swiper-button-next {transform:translateX(0);}
.placeSwiper .swiper-pagination-bullet{width: 12px;height: 12px;}
.placeSwiper .swiper-button-next i{opacity: 0;color: #fff;font-size: 28px;}
.placeSwiper .swiper-button-prev i{opacity: 0;color: #fff;font-size: 28px;}
.placeSwiper:hover .swiper-button-next i{opacity: 1}
.placeSwiper:hover .swiper-button-prev i{opacity: 1}
.placeSwiper .swiper-button-next, .swiper-button-prev{background-image: none;}
.placeSwiper .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: fill}
.placeSwiper .swiper-pagination-bullet-active{background-color: #636363}

.drop-menu-box{box-sizing: border-box;background-color: rgb(255, 255, 255);box-shadow: rgb(0 0 0 / 30%) 0px 8px 12px 0px;outline: none;border-radius: 8px;}
#type {min-width: 104px;position: relative;}
#homeType {min-width: 120px;position: relative;}
#price {min-width: 104px;position: relative;}
#beds {min-width: 150px;}
#address{min-width: 160px;}
#price .drop-menu-list{min-width: 372px}
#beds .drop-menu-list{min-width: 415px}
.dropdown * {box-sizing: border-box;}
.select {display: flex;justify-content: space-between;align-items: center;height: 37px;padding: 0 10px;border-radius: 5px;background-color: rgb(255, 255, 255);border: 1px solid;border-color: rgb(167, 166, 171);color: rgb(42, 42, 51);cursor: pointer;transition: background 0.3s;}
.select-clicked {background-color: rgb(241, 241, 244);border-color: rgb(167, 166, 171);box-shadow: rgb(255 255 255) 0px 0px 0px 1px, rgb(166 229 255) 0px 0px 2px 3px, rgb(0 106 255) 0px 0px 2px 4px;}
.select:hover {background-color: rgb(241, 241, 244);border-color: rgb(167, 166, 171);color: rgb(42, 42, 51);}
.caret {transition: 0.3s;}
.caret svg{fill: rgb(42, 42, 51);stroke: rgb(42, 42, 51)}
.caret i{font-size: 20px;line-height: 37px;color: #000}
.icon-svg-fill {display: inline-block;vertical-align: top;stroke: currentcolor;fill: currentcolor;height: 30px;width: 17px;}
.caret-rotate {transform: rotate(180deg);}
.drop-menu-list {list-style: none;padding: 0.2em 0.5em;color: #9fa5b5;position: absolute;top: 3em;width: 300px;opacity: 0;display: none;transition: 0.2s;z-index: 1;box-sizing: border-box;background-color: rgb(255, 255, 255);box-shadow: rgb(0 0 0 / 30%) 0px 8px 12px 0px;outline: none;border-radius: 8px;z-index: 100}
.drop-menu-list li {padding: 0.7em 0.5em;margin: 0.3em 0;border-radius: 0.5em;cursor: pointer;}
.drop-menu-list li:hover {background: #2a2d35;}
.active {background: #23242a;}
.menu-open {display: block;opacity: 1;}

.filter-box {display: flex;-webkit-box-align: center;align-items: center;flex: 1 1 0%;height: 55px;-webkit-box-pack: start;justify-content: flex-start;}
.filter-input {appearance: none;box-sizing: border-box;display: inline-block;height: 20px;width: 20px;background: rgb(255, 255, 255);border: 2px solid rgb(167, 166, 171);border-radius: 50%;cursor: pointer;margin: 0 0 0 8px;outline: none;box-shadow: none;}
.filter-label {-webkit-box-align: center;align-items: center;display: flex;flex: 1 1 0%;height: 100%;padding-left: 16px;color: rgb(42, 42, 51);text-transform: none;font-weight: 400;font-size: 16px;line-height: 24px;}

.price-range {display: flex;-webkit-box-align: center;align-items: center;font-weight: 700;font-size: 14px;line-height: 24px;background-color: rgb(246, 246, 250);box-sizing: border-box;color: rgb(89, 107, 130);margin: 0;padding: 12px 16px}
.price-range-box {display: flex;margin: 0 16px 0;}
.minimum-box {flex: 0 0 146px;}
.width-br {padding: 42px 11px 0;color: rgb(42, 42, 51);flex: 1 1 10%;text-align: center;}
.price-range-box legend {line-height: 20px;font-size: 14px;font-weight: 700;margin-bottom: 10px;margin-right: 4px;text-transform: none;padding-bottom: 0;color: #2A2A33}
.price-list {width: 146px;overflow: visible;}
.price-list-in {width: auto;margin: 0;padding: 5px 48px 5px 16px;background-position: right center;background-color: rgb(246, 246, 250);border: 1px solid rgb(209, 209, 213);border-radius: 4px;box-sizing: border-box;caret-color: rgb(0, 106, 255);cursor: text;outline: none;box-shadow: none;color: rgb(42, 42, 51);-webkit-font-smoothing: antialiased;text-transform: none;font-weight: 400;font-size: 16px;background-image: url(data:image/svg+xml,%0A%3Csvg%20width%3D%2240px%22%20height%3D%2228px%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke%3D%22%2354545A%22%20stroke-width%3D%222%22%20d%3D%22M28.657%2012L23%2017.657%2017.343%2012%22%20transform%3D%22translate%28-7%2C%200%29%22%20%2F%3E%0A%3C%2Fsvg%3E);background-repeat: no-repeat;appearance: none;position: relative;display: flex;flex-wrap: wrap;-webkit-box-align: center;align-items: center;line-height: 24px;height: auto;}

.rs-input input[type=radio]:checked{
    background-color: #3197EE;
    box-shadow: inset 0 0 0 3px #f4f4f4;
    cursor: pointer;
}
.rs-input input[type=radio]:checked ~ label {
    color: #3197EE;
    cursor: pointer;
}

.price-list-in:active:not([disabled]), .price-list-in:focus{border-color: rgb(0, 106, 255);}
.price-list-in:focus-within {box-shadow: rgb(255 255 255) 0px 0px 0px 1px, rgb(166 229 255) 0px 0px 2px 3px, rgb(0 106 255) 0px 0px 2px 4px;}
.price-list-btn{appearance: none;width: 100%;margin: 0;padding: 9px 16px;background-color: rgb(246, 246, 250);border: 1px solid rgb(209, 209, 213);border-radius: 4px;box-sizing: border-box;caret-color: rgb(0, 106, 255);cursor: text;outline: none;box-shadow: none;color: rgb(42, 42, 51);text-transform: none;font-weight: 400;font-size: 16px;line-height: 24px;height: auto;}
.price-list-input {border: 0;padding: 4px 0;box-shadow: none;flex: 1 0 25%;opacity: 1;}

.bedroom-box{margin: 0;padding: 16px 16px 6px}
.bedroom-filter-num{display: flex;-webkit-box-align: stretch;align-items: stretch;flex-direction: row;position: relative;z-index: 1;margin-bottom: 14px;}
.bedroom-filter-num .bedroom-btn{flex: 1 1 0%;padding: 10px;background-color: rgb(255, 255, 255);border-color: rgb(167, 166, 171);color: rgb(42, 42, 51);border: 1px solid;line-height: 24px;margin-left: -1px;border-radius: 0;transition: all 0.2s ease 0s, visibility 0s ease 0s}
.bedroom-filter-num .button-active{flex: 1 1 0%;padding: 9px;background-color: rgb(242, 250, 255);border-color: rgb(0, 106, 255);color: rgb(42, 42, 51);border-width: 2px;line-height: 24px;height: auto;border-top-left-radius: 4px;border-bottom-left-radius: 4px;border-top-right-radius: 0px;transition: all 0.2s ease 0s, visibility 0s ease 0s}
.bedroom-btn:hover:not(:disabled) {background-color: rgb(241, 241, 244);border-color: rgb(167, 166, 171);color: rgb(42, 42, 51);}
.bed-head-name{font-size: 16px;line-height: 25px;color: #2A2A33}
.bedroom-btn:last-child{border-bottom-right-radius: 4px;  border-top-right-radius: 4px;  border-bottom-left-radius: 0px;}

.service-background{background-color: rgb(249, 249, 251);padding: 60px 0}
.service-home-web-box{display: flex;position: relative;height: 455px;border: none;cursor: pointer;max-width: 100%;background-color: rgb(255, 255, 255);box-sizing: border-box;transition: all 200ms ease-in-out 0s;flex-shrink: 0;padding: 24px;box-shadow: rgb(0 0 0 / 30%) 0 2px 4px 0;border-radius: 4px;}
.service-home-web{display: flex;flex-flow: row wrap;-webkit-box-pack: start;justify-content: flex-start;align-items: flex-start;-webkit-box-flex: 0;flex-grow: 0;}
.service-home-web-head{display: flex;height: auto;margin-top: 16px;}
.service-home-web-head img{height: 188px;width: 100%;object-fit: cover}
.service-home-web-body{-webkit-box-flex: 2;}
.service-home-name{display: flex;justify-content: center;color: rgb(42, 42, 51);text-transform: none;font-weight: 700;font-size: 24px;line-height: 32px;margin: 0px;}
.service-home-desc{display: flex;justify-content: center;height: 80px;color: rgb(42, 42, 51);text-transform: none;font-weight: 400;font-size: 16px;line-height: 24px;margin: 16px 0px 0px;}
.service-home-btn{cursor: pointer;text-decoration: none;text-align: center;display: inline-flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;box-sizing: border-box;border: 1px solid;border-radius: 4px;user-select: none;padding: 9px 16px;margin: 24px 0px 16px;appearance: none;transition-property: background-color, border-color, color;transition-duration: 0.2s;transition-timing-function: ease;pointer-events: auto;outline: none;box-shadow: none;width: auto;position: relative;color: rgb(42, 42, 51);-webkit-font-smoothing: antialiased;text-transform: none;font-weight: 700;font-size: 16px;line-height: 24px;height: auto;background-color: rgb(255, 255, 255);border-color: rgb(0, 106, 255);color: rgb(0, 106, 255);}

.service-home-web-box:hover {transform: scale(1.05) translate(0px, -8px);transition: all 200ms ease-in-out 0s;}
.service-home-web-box:hover .service-home-btn{background-color: rgb(0, 106, 255);color: rgb(255, 255, 255);}
.service-home-web-box:hover .service-home-btn a{color: rgb(255, 255, 255);}

.footer-menu {margin: auto;padding: 24px 0px;height: auto;overflow: visible;border-top: 1px solid rgb(216, 216, 216);border-bottom: 1px solid rgb(216, 216, 216);position: relative;display: block;text-align: center;}
.footer-menu-list {columns: auto 1;line-height: 30px;list-style: none;margin-inline: 0px;padding-inline: 0px;margin-block: 0px;font-size: 13px;font-weight: 600;margin: 0px;padding: 0px;text-align: center;}
.footer-menu-list li {margin: 0px 10px;display: inline-block;padding-top: 0px;text-align: center;}
.footer-menu-list a {text-transform: none;color: rgb(42, 42, 55);display: block;text-decoration-line: none;font-weight: normal;font-size: 14px;line-height: 25px;}


.feature {
    position: relative;
}
.feature + .feature {margin-top: 16px;}
.feature .checkmark svg {width: 18px;height: 18px;color: #fff;}
.feature .question-icon {display: flex;align-items: center;margin-left: 6px;cursor: pointer;}
.feature .answer {display: none; padding: 12px;background-color: #fff;border-radius: 6px;position: absolute;top: -12px;z-index: 100;font-size: 14px;line-height: 25px;transform: translatey(13%) translatex(-50%);transform-origin: bottom center;width: 100%;left: 50%;border: 1px solid #EFEFEF;box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);color: #363636;transition: 1s ease-in-out}
.feature:hover .answer{display: block;transition: 1s ease-in-out}
@-webkit-keyframes scale {
    0% {
        transform: translatey(-100%) translatex(-50%) scale(0);
    }
    100% {
        transform: translatey(-100%) translatex(-50%) scale(1);
    }
}

@keyframes scale {
    0% {
        transform: translatey(-100%) translatex(-50%) scale(0);
    }
    100% {
        transform: translatey(-100%) translatex(-50%) scale(1);
    }
}


@media(max-width: 1300px){
    .double-column-only {
        width: 375px;
        flex: 0 0 375px;
    }
    .feature .answer {
        padding: 12px;
        background-color: #fff;
        border-radius: 6px;
        position: absolute;
        top: -12px;
        z-index: 100;
        font-size: 14px;
        line-height: 25px;
        transform: translatey(22%) translatex(-34%);
        transform-origin: bottom center;
        width: 300px;
        left: 65%;
        border: 1px solid #EFEFEF;
        box-shadow: 0 15px 30px 0 rgb(0 0 0 / 10%);
        color: #363636;
    }
}

.tooltip-txt {
    cursor: pointer;
    display: inline-block;
    position: relative;
    border-bottom: 1px dotted blue;
}

.tooltip-txt .tooltip__content {
    background-color: blue;
    border-radius: 4px;
    bottom: 150%;
    color: #fff;
    left: 50%;
    margin-left: -70%;
    opacity: 0;
    padding: 1rem 0.5rem;
    position: absolute;
    text-align: center;
    transition: opacity 0.5s;
    visibility: hidden;
    width: 130px;
    z-index: 1;
}

.tooltip-txt .tooltip__content::after {
    border-width: 5px;
    border-style: solid;
    border-color: blue transparent transparent transparent;
    content: "";
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: 100%;
}

.tooltip-txt:hover .tooltip__content {
    opacity: 1;
    visibility: visible;
}