@charset "utf-8";
/* CSS Document */

/*  
     ⤵︎ =============  HEADER
*/
#header {
    padding: 18px 0;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
#header.shrink {
    padding: 6px 0;
    background-color: rgba(47, 83, 239, 0.9);
}
#header.light-bg.shrink {
    background-color: rgba(255, 255, 255, 0.9);
}
#header .container-fluid {
    max-width: 1352px;
}
#header .row {
    --bs-gutter-x: 6px;
    --h-w-col: 236px;
}
#header .col.logo,
#header .col.options {
    flex: 0 0 var(--h-w-col);
    width: auto;
}
#header .col:nth-child(2) {
    flex: 0 0 calc(100% - (2 * var(--h-w-col)));
    width: auto;
}
#header .navbar-brand {
    margin-right: 0;
    padding: 0;
}
#header.shrink .navbar-brand img {
    width: 84px;
    -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
#header .outer-wrapper {
    position: relative;
    background-color: #fff;
    border-radius: 112px;
}
#header.light-bg .outer-wrapper {
    background-color: #F8F7F7;
}
.navbar-expand-lg .offcanvas .offcanvas-body {
    padding: 0 35px;
}
#header .navbar-nav {
    --bs-nav-link-font-weight: 500;
    --bs-nav-link-padding-y: 17px;
    --bs-navbar-nav-link-padding-x: 17px;
    --bs-nav-link-font-size: 1em;
    width: 100%;
    -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
#header.shrink .navbar-nav {
    --bs-nav-link-padding-y: 12px;
}
#header .navbar-nav .nav-item {
    position: relative;
}
#header .dropdown-toggle:after {
    background: url(../images/icon-arrow-down.svg) no-repeat center center;
    background-size: 15px auto;
    border: 0;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-left: 0;
    position: relative;
    top: -1px;
}
#header .navbar-nav .nav-link {
    color: #050505;
    line-height: 1.5em;
}
#header .navbar-nav a.nav-link:hover,
#header .navbar-nav a.nav-link:active {
    color: #2F53EF;
}
#header .dropdown-menu {
    --bs-dropdown-padding-y: 9px;
    --bs-dropdown-item-padding-x: 17px;
    --bs-dropdown-item-padding-y: 9px;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-radius: 24px;
    --bs-dropdown-font-size: 1em;
    border: 0;
    overflow: hidden;
    box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.15);
}
#header .dropdown-item {
    font-weight: 500;
    font-size: 1em;
    white-space: normal;
}
#header .dropdown-item:focus,
#header .dropdown-item:hover {
    color: #2F53EF;
    background: transparent;
}
#header .options .outer-wrapper {
    padding: 0 15px 0 27px;
}
#header .options a.tel {
    position: relative;
    display: block;
    padding: 9px 0;
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: #000;
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
#header.shrink .options a.tel {
    padding: 4px 0;
}
#header .options a.tel:hover {
    color: #2F53EF;
}
#header .options a .icon {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    margin-left: 16px;
    background-color: #CFEEC8;
    border-radius: 50%;
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
#header .options a:hover .icon {
    background-color: #E5E5E5;
}
/*  
     ⤴︎ =============  end HEADER
*/
/*  
     ⤵︎ =============  HOMEPAGE
*/
#home-hero {
    position: relative;
    min-height: 442px;
    color: #fff;
    text-align: center;
}
#home-hero img.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#home-hero .container-fluid {
    position: relative;
    max-width: 950px;
}
#home-hero img.curve {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    width: 100%;
}
#home-hero h1 {
    padding: 226px 0 24px;
    margin: 0;
    font-size: 4em;
    line-height: 1.15;
    letter-spacing: -.02em;
    font-weight: 600;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.19);
}
#home-hero h2 {
    padding-bottom: 132px;
    font-weight: 600;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.19);
}
.hero-search {
    position: relative;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    letter-spacing: 0.01em;
    z-index: 9;
}
.hero-search .nav {
    --bs-nav-link-color: rgba(0, 0, 0, 0.5);
    --bs-nav-link-hover-color: #2F53EF;
    --bs-nav-link-font-weight: 500;
    --bs-nav-link-padding-x: 1.375rem;
    font-size: 1em;
    padding: 1.125rem 0;
}
.hero-search .nav-link {
    position: relative;
    text-transform: uppercase;
}
.hero-search .nav-link.active {
    color: #2F53EF;
    font-weight: 800;
}
.hero-search .tab-content .col.resort {
    flex: 0 0 59%;
}
.hero-search .tab-content .sell_form .col.resort {
    flex: 0 0 99%;
    border-right: none;
}
.hero-search .tab-content .col.year {
    flex: 0 0 41%;
}
.hero-search .tab-content .outer-wrapper {
    max-width: 850px;
    padding: 0 12px 31px 12px;
}
.hero-search .group {
    position: relative;
    padding: 12px 78px 12px 0;
    border-radius: 62px;
    border: 1px solid #D1D1D1;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.hero-search .group:hover {
    border-color: #2F53EF;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.15);
}
.hero-search .group .col:first-child {
    border-right: 1px solid #D1D1D1;
}
.hero-search button.form-control {
    position: relative;
    padding: 20px 12px 20px 75px;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    text-align: left;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.01em;
    color: #000;
}
.hero-search button.form-control .icon {
    left: 31px;
}
.hero-search button.form-control .arrow {
    right: 6px;
}
.hero-search button.form-control span {
    position: relative;
    display: block;
    padding-right: 36px;
}
.hero-search .year button.form-control span {
    max-width: 136px;
}
.hero-search .dropdown-toggle:after {
    display: none;
}
.hero-search button.search.btn {
    right: 11px;
    width: 67px;
    height: 67px;
    padding: 0;
    background-color: #2F53EF;
    border-radius: 50%;
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.hero-search button.search.btn:hover {
    background-color: #878787;
}
.hero-search .dropdown-menu {
    --bs-dropdown-min-width: 100%;
    --bs-dropdown-link-color: var(--bs-link-color);
    --bs-dropdown-link-hover-color: var(--bs-link-hover-color);
    --bs-dropdown-link-hover-bg: transparent;
    --bs-dropdown-link-active-color: var(--bs-link-hover-color);
    --bs-dropdown-link-active-bg: transparent;
    --bs-dropdown-border-radius: 24px;
    --bs-dropdown-border-color: #D1D1D1;
    --bs-dropdown-font-size: 1em;
    --bs-dropdown-padding-x: 1rem;
    --bs-dropdown-padding-y: 1rem;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.375rem;
    --bs-dropdown-spacer: 0.75rem;
}
.hero-search .dropdown-item {
    font-weight: 500;
}
.hero-search .dropdown-menu .wrap {
    display: block;
    max-height: 420px;
    overflow-y: auto;
}
.resorts-sctn .container-fluid {
    max-width: 1182px;
    padding-top: 74px;
    padding-bottom: 24px;
}
.resorts-sctn .col {
    flex: 0 0 33.333%;
    max-width: 340px;
}
.resorts-sctn a.card {
    --bs-card-title-spacer-y: 0;
    --bs-card-border-width: 0;
    --bs-card-bg: transparent;
    margin-bottom: 2.25rem;
    color: #000;
}
.resorts-sctn a.card:hover {
    color: #2F53EF;
}
.resorts-sctn a.card .row {
    --bs-gutter-x: 1.875rem;
}
.resorts-sctn a.card .row .col:nth-child(1) {
    flex: 0 0 40.5%;
}
.resorts-sctn a.card .row .col:nth-child(2) {
    flex: 0 0 59.5%;
}
.resorts-sctn a.card .bg-img {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 100%;
    border-radius: 50%;
}
.resorts-sctn a.card.more .bg-img {
    background-color: #2F53EF;
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.resorts-sctn a.card.more:hover .bg-img {
    background-color: #878787;
}
.resorts-sctn a.card.more:hover .bg-img img {
    margin-left: 6px;
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.resorts-sctn a.card .card-body {
    display: block;
    padding: 0;
}
.resorts-sctn a.card h3.card-title {
    max-width: 176px;
    margin-bottom: 0;
    font-size: 1.25em;
    line-height: 1.4;
    font-weight: 500;
}
.resorts-sctn img.curve {
    display: block;
    width: 100%;
}
.feat-listing-sctn {
    padding-top: 60px;
    padding-bottom: 78px;
    background-color: #F7F7F7;
}
h1.section-title,
h2.section-title {
    font-size: 2.6875em;
    line-height: 1.4;
    font-weight: 700;
}
.feat-listing-sctn .intro p {
    font-size: 1.25em;
    line-height: 1.4;
}
.feat-listing-sctn .slider .swiper {
    padding-left: 10vw;
    padding-top: 48px;
}
.feat-listing-sctn .swiper-slide {
    width: auto;
}
.feat-listing-sctn .slider article {
    padding: 0 20px 44px 20px;
}
.feat-listing-sctn .slider article a {
    position: relative;
    display: block;
    width: 373px;
    background-color: #fff;
    border-radius: 19px;
    color: #000;
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.feat-listing-sctn .slider article a:hover {
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}
.feat-listing-sctn .slider article a .bg-img {
    position: relative;
    display: block;
    padding-top: 63%;
    border-radius: 19px;
}
.feat-listing-sctn .slider article a .label {
    position: absolute;
    top: 14px;
    left: 12px;
    display: block;
    min-width: 72px;
    padding: 10px 13px;
    border-radius: 48px;
    font-size: 13px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}
.feat-listing-sctn .slider article .body {
    position: relative;
    display: block;
    padding: 0 12px 24px;
    margin-top: -26px;
}
.feat-listing-sctn .slider article .info {
    background-color: #fff;
    padding: 16px 12px;
    margin-bottom: 1rem;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
    border-radius: 40px;
    color: rgba(0, 0, 0, 0.8);
}
.feat-listing-sctn .slider article .info .col {
    flex: 0 0 auto;
    width: auto;
}
.feat-listing-sctn .slider article .info .id {
    font-size: 0.875em;
}
.feat-listing-sctn .slider article .info .price {
    font-size: 1.125em;
    font-weight: 700;
}
.feat-listing-sctn .slider article .inner-wrapper {
    display: block;
    padding: 0 6px;
}
.feat-listing-sctn .slider article h1 {
    position: relative;
    margin-bottom: 1.125rem;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.4;
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.feat-listing-sctn .slider article .inner-wrapper p {
    font-size: 1em;
    font-weight: 500;
    line-height: 1.5;
}
.feat-listing-sctn .slider article a:hover h1 {
    color: #2F53EF;
}
.feat-listing-sctn .slider .swiper-button-next,
.feat-listing-sctn .slider .swiper-button-prev {
    left: 42px;
    width: 48px;
    height: 48px;
    border: 1px solid #000;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 11px auto;
    background-position: center center;
    background-color: #F7F7F7;
}
.feat-listing-sctn .slider .swiper-button-next {
    margin-top: -30px;
    background-image: url(../images/icon-arrow-next.svg);
}
.feat-listing-sctn .slider .swiper-button-prev {
    margin-top: 30px;
    background-image: url(../images/icon-arrow-prev.svg);
}
.feat-listing-sctn .slider .swiper-button-next:after,
.feat-listing-sctn .slider .swiper-button-prev:after {
    display: none;
}
.feat-listing-sctn a.more {
    min-width: 190px;
}
.feat-cta-sctn .container-fluid {
    max-width: 1222px;
}
.feat-cta-sctn .intro {
    padding: 88px 0 226px;
    background-position: bottom center;
    color: #fff;
}
.feat-cta-sctn .intro iframe {
    max-width: 583px;
    width: 90%;
    margin-bottom: 48px;
}
.feat-cta-sctn .intro h1.section-title {
    padding-bottom: 72px;
    text-align: center;
}
.feat-cta-sctn .intro .col {
    flex: 0 0 auto;
    width: auto;
    font-size: 80px;
    line-height: 1em;
    font-weight: 700;
}
.feat-cta-sctn .intro .col sup {
    top: -0.4em;
    left: 3px;
    font-size: 0.725em;
    line-height: 1;
}
.feat-cta-sctn .intro .col p {
    padding-top: 12px;
    font-size: 1.375rem;
    line-height: 1.4;
}
.feat-cta-sctn img.curve {
    display: block;
    width: 100%;
}
.feat-cta-sctn .slider {
    position: relative;
    margin-top: -132px;
    margin-bottom: 80px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 19.5px 0 rgba(0, 0, 0, 0.1);
}
.feat-cta-sctn .slider .swiper-slide {
    padding: 56px 124px 96px;
}
.feat-cta-sctn .slider blockquote {
    max-width: 782px;
    margin: auto;
    text-align: center;
}
.feat-cta-sctn .slider blockquote .stars {
    margin-bottom: 38px;
}
.feat-cta-sctn .slider blockquote .stars li {
    padding: 0 5px;
}
.feat-cta-sctn .slider blockquote p {
    font-size: 1.5em;
    line-height: 1.5;
    font-weight: 600;
}
.feat-cta-sctn .slider blockquote footer {
    padding-top: 24px;
    font-size: 0.875em;
    font-weight: 500;
    text-transform: uppercase;
}
.feat-cta-sctn .slider .swiper-button-next,
.feat-cta-sctn .slider .swiper-button-prev {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 13px auto;
    background-position: center center;
}
.feat-cta-sctn .slider .swiper-button-next {
    right: 60px;
    background-image: url(../images/icon-arrow-next.svg);
}
.feat-cta-sctn .slider .swiper-button-prev {
    left: 60px;
    background-image: url(../images/icon-arrow-prev.svg);
}
.feat-cta-sctn .slider .swiper-button-next:after,
.feat-cta-sctn .slider .swiper-button-prev:after {
    display: none;
}
.feat-cta-sctn .slider .swiper-pagination {
    bottom: 40px;
}
.feat-cta-sctn .slider .swiper-pagination-bullet {
    background: #D9D9D9;
    opacity: 1;
}
.feat-cta-sctn .slider .swiper-pagination-bullet-active {
    background: #3053F0;
}
.pgs-links .row {
    --bs-gutter-x: 40px;
    padding-bottom: 54px;
}
.pgs-links a.entry {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 56%;
    margin-bottom: var(--bs-gutter-x);
    border-radius: 19px;
    overflow: hidden;
}
.pgs-links .col a.entry .wrapper:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.pgs-links a.entry .wrapper {
    display: block;
    padding: 30px 32px;
}
.pgs-links .col:nth-child(1) a.entry .wrapper:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(42.74%, rgba(48, 83, 240, 0)), to(#3053F0));
    background: -o-linear-gradient(top, rgba(48, 83, 240, 0) 42.74%, #3053F0 100%);
    background: linear-gradient(180deg, rgba(48, 83, 240, 0) 42.74%, #3053F0 100%);
}
.pgs-links .col:nth-child(2) a.entry .wrapper:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(42.74%, rgba(48, 83, 240, 0)), to(#7C9E50));
    background: -o-linear-gradient(top, rgba(48, 83, 240, 0) 42.74%, #7C9E50 100%);
    background: linear-gradient(180deg, rgba(48, 83, 240, 0) 42.74%, #7C9E50 100%);
}
.pgs-links .col:nth-child(3) a.entry .wrapper:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(42.74%, rgba(48, 83, 240, 0)), to(#B549B8));
    background: -o-linear-gradient(top, rgba(48, 83, 240, 0) 42.74%, #B549B8 100%);
    background: linear-gradient(180deg, rgba(48, 83, 240, 0) 42.74%, #B549B8 100%);
}
.pgs-links .col:nth-child(1) a.entry:hover .wrapper:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(48, 83, 240, 0)), to(#3053F0));
    background: -o-linear-gradient(top, rgba(48, 83, 240, 0) 20%, #3053F0 100%);
    background: linear-gradient(180deg, rgba(48, 83, 240, 0) 20%, #3053F0 100%);
}
.pgs-links .col:nth-child(2) a.entry:hover .wrapper:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(48, 83, 240, 0)), to(#7C9E50));
    background: -o-linear-gradient(top, rgba(48, 83, 240, 0) 20%, #7C9E50 100%);
    background: linear-gradient(180deg, rgba(48, 83, 240, 0) 20%, #7C9E50 100%);
}
.pgs-links .col:nth-child(3) a.entry:hover .wrapper:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(42.74%, rgba(48, 83, 240, 0)), to(#B549B8));
    background: -o-linear-gradient(top, rgba(48, 83, 240, 0) 20%, #B549B8 100%);
    background: linear-gradient(180deg, rgba(48, 83, 240, 0) 20%, #B549B8 100%);
}
.pgs-links a.entry .wrapper h2 {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    font-size: 2.25em;
    line-height: 1.27;
    font-weight: 700;
    color: #fff;
}
.pgs-links a.entry .wrapper h2 .more {
    position: absolute;
    bottom: 0.3em;
    right: 0;
    width: 46px;
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.pgs-links a.entry:hover .wrapper h2 .more {
    right: -6px;
}
.faq-sctn {
    padding: 82px 0 94px;
    background-color: #F7F7F7;
}
.faq-sctn .container-fluid {
    max-width: 1222px;
}
.faq-sctn .title.col {
    flex: 1 0 0%;
    width: auto;
    max-width: 410px;
}
.faq-sctn .faq-toggles.col {
    flex: 0 0 52%;
    width: auto;
    max-width: 624px;
}
.faq-sctn .title.col {
    flex: 1 0 0%;
    width: auto;
    max-width: 410px;
}
.faq-sctn .faq-toggles {
    margin-top: -18px;
}
.faq-toggles a.tgl-title {
    position: relative;
    display: block;
    padding: 30px 54px 30px 0;
    border-bottom: 1px solid #BEBEBE;
    color: #000;
}
.faq-toggles a.tgl-title:hover {
    color: #2F53EF;
}
.faq-toggles a.tgl-title h3 {
    margin-bottom: 0;
    font-size: 1.375em;
    font-weight: 600;
}
.faq-toggles a.tgl-title .icon {
    position: absolute;
    top: 50%;
    right: 24px;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
}
.faq-toggles a.tgl-title .icon span,
.faq-toggles a.tgl-title .icon span:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #000;
    border-radius: 2px;
}
.faq-toggles a.tgl-title .icon span {
    width: 19px;
    height: 3px;
}
.faq-toggles a.tgl-title .icon span:before {
    width: 3px;
    height: 19px;
    opacity: 1;
    content: '';
}
.faq-toggles a.tgl-title[aria-expanded="true"] .icon span:before {
    opacity: 0;
}
.faq-toggles .card {
    --bs-card-spacer-y: 24px;
    --bs-card-spacer-x: 0;
    position: relative;
    background: transparent;
    border: 0;
    font-size: 1.125em;
    font-weight: 500;
}
/*
     ⤴︎ =============  end HOMEPAGE
*/
/*
     ⤵︎ =============  LISTINGS page
*/
.df-hero {
    position: relative;
    min-height: 448px;
    color: #fff;
    text-align: center;
}
.df-hero img.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.df-hero .container-fluid {
    position: relative;
    max-width: 768px;
    padding: 226px 0 132px;
}
.df-hero img.curve {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    width: 100%;
}
.df-hero h1 {
    margin: 0;
    font-size: 3.625em;
    line-height: 1.15;
    letter-spacing: -.02em;
    font-weight: 600;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.19);
}
.main.container-fluid {
    max-width: 1152px;
}
.refine-results {
    position: relative;
    padding: 36px 0;
    z-index: 9;
}
.refine-results .intro {
    max-width: 801px;
    padding-bottom: 36px;
    line-height: 1.43;
    text-align: center;
}
.refine-results .intro h2 {
    margin-bottom: 0.75rem;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: 0.01em;
}
.refine-results .box {
    --bs-gutter-x: 4px;
    position: relative;
    padding: 12px;
    border-radius: 62px;
    border: 1px solid #D1D1D1;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.refine-results .box:hover {
    border-color: #2F53EF;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.15);
}
.refine-results .box .col {
    border-right: 1px solid #D1D1D1;
}
.refine-results .box .col:last-child {
    border-right: 0;
}
.refine-results .box .col {
    flex: 0 0 auto;
}
.refine-results .box .resort {
    flex: 1 1 auto;
}
.refine-results .box .price {
    width: 144px;
}
.refine-results .box .price-pp {
    width: 210px;
}
.refine-results .box .year {
    width: 164px;
}
.refine-results .box .points {
    width: 150px;
}
.refine-results .box .status {
    width: 164px;
}
.refine-results button.form-control {
    position: relative;
    padding: 20px 36px;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.02em;
    color: #252B42;
}
.refine-results button.form-control .arrow {
    right: 18px;
    width: 14px;
}
.refine-results .dropdown-toggle:after {
    display: none;
}
.refine-results .dropdown-menu {
    --bs-dropdown-min-width: 100%;
    --bs-dropdown-link-color: #2F53EF;
    --bs-dropdown-link-hover-color: var(--bs-link-hover-color);
    --bs-dropdown-link-hover-bg: transparent;
    --bs-dropdown-link-active-color: var(--bs-link-hover-color);
    --bs-dropdown-link-active-bg: transparent;
    --bs-dropdown-border-radius: 24px;
    --bs-dropdown-border-color: #D1D1D1;
    --bs-dropdown-font-size: 14px;
    --bs-dropdown-padding-x: 1.125rem;
    --bs-dropdown-padding-y: 1rem;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.375rem;
    --bs-dropdown-spacer: 0.75rem;
}
.refine-results .dropdown-item {
    font-weight: 500;
}
.refine-results .dropdown-menu .wrap {
    display: block;
    max-height: 420px;
    overflow-y: auto;
}
.results-table {
    padding-bottom: 144px;
}
.results-table .options {
    padding-bottom: 12px;
    font-size: 12px;
    color: #737373;
    letter-spacing: 0.02em;
}
.results-table .options .col {
    flex: 0 0 auto;
    width: auto;
}
.results-table .options .form-check {
    position: relative;
    font-weight: 600;
    color: #252B42;
}
.results-table .options .form-check .form-check-input {
    float: none;
    margin-left: 0;
    cursor: pointer;
}
.results-table .options .form-check-input {
    width: 1rem;
    height: 1rem;
    --bs-form-check-bg: #fff;
    --bs-border-color: #23A6F0;
    margin-top: 0;
    box-shadow: none;
}
.results-table .options .form-check-input:checked {
    background-color: #2F53EF;
    border-color: #23A6F0;
}
.results-table .options .form-check-label {
    padding-left: 4px;
    cursor: pointer;
}
#resTable {
    border-collapse: collapse;
}
#resTable thead th {
    padding: 16px 22px;
    background-color: #2F53EF;
    border-right: 1px solid #344CB4;
    border-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: #fff;
}
#resTable thead th:first-child {
    border-top-left-radius: 6px;
}
#resTable thead th:last-child {
    border-top-right-radius: 6px;
    border-right: 0;
}
#resTable thead .dt-column-title {
    padding-right: 9px;
    white-space: nowrap;
}
#resTable thead th .dt-column-order:before,
#resTable thead th .dt-column-order:after {
    opacity: .4;
    line-height: 7px;
    font-size: 7px;
}
#resTable tbody td {
    position: relative;
    padding: 20px 22px 16px;
    background-color: #fff;
    border-right: 1px solid #DBDBDB;
    border-bottom: 0;
    color: #222;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 400;
    text-align: center;
}
#resTable tbody tr:nth-child(2n+2) td {
    background-color: #F8F9FF;
}
#resTable tbody td:last-of-type {
    border-right: 0;
}
#resTable .nm-cl {
    width: 30%;
}
#resTable .lbl-cl {
    width: 10%;
}
#resTable .price-cl {
    width: 19%;
}
#resTable h5.name {
    margin-bottom: 6px;
    font-size: 1.066em;
    font-weight: 600;
    text-align: left;
}
#resTable .id {
    display: block;
    font-size: 12px;
    text-align: left;
}
#resTable .price {
    display: block;
    text-align: left;
}
#resTable .price small {
    display: block;
    margin-top: 6px;
    font-size: 10px;
}
#resTable .price small strong {
    font-weight: 500;
    color: #2F53EF;
}
#resTable .lbl-cl .box,
.dtr-data .box,
#resTable .nm-cl .status .box {
    display: block;
    width: 105px;
    padding: 9px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
    border-radius: 6px;
    text-align: center;
    white-space: wrap;
}
#resTable .nm-cl .status .box {
    display: inline-block;
    width: auto;
    min-width: 60px;
    padding: 6px 9px;
}
#resTable .lbl-cl .box.bgC-1,
.dtr-data .box.bgC-1,
#resTable .nm-cl .status .box.bgC-1 {
    background-color: #FBE7E7;
}
#resTable .lbl-cl .box.bgC-2,
.dtr-data .box.bgC-2,
#resTable .nm-cl .status .box.bgC-2 {
    background-color: #FFAFAF;
}
#resTable .lbl-cl .box.bgC-3,
.dtr-data .box.bgC-3,
#resTable .nm-cl .status .box.bgC-3 {
    background-color: #D4F8D3;
}
#resTable .lbl-cl .box.bgC-4,
.dtr-data .box.bgC-4,
#resTable .nm-cl .status .box.bgC-4 {
    background-color: #D4F8D3;
}
#resTable .lbl-cl .box.bgC-5,
.dtr-data .box.bgC-5,
#resTable .nm-cl .status .box.bgC-5 {
    background-color: #EDE7FB;
}
#resTable .lbl-cl .box.bgC-6,
.dtr-data .box.bgC-6,
#resTable .nm-cl .status .box.bgC-6 {
    background-color: #FBE7E7;
}
#resTable .lbl-cl .box.bgC-7,
.dtr-data .box.bgC-7,
#resTable .nm-cl .status .box.bgC-7 {
    background-color: #FFAFAF;
}
#resTable .lbl-cl .box.bgC-8,
.dtr-data .box.bgC-8,
#resTable .nm-cl .status .box.bgC-8 {
    background-color: #D3EBF8;
}
#resTable .nm-cl .title,
#resTable .nm-cl .status {
    text-align: left;
}
#resTable .nm-cl .title .name,
#resTable .nm-cl .title .id {
    display: inline-block;
}
#resTable .nm-cl .title .name {
    padding-right: 12px;
}
#resTable_wrapper .row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}
#resTable .ppa-cell .old {
    padding-bottom: 9px;
    font-size: 10px;
}
.results-table ul.pagination {
    justify-content: center;
    padding-top: 36px;
}
.results-table ul.pagination {
    --bs-pagination-bg: transparent;
    --bs-pagination-font-size: 14px;
    --bs-pagination-color: #A3A3A3;
    --bs-pagination-border-width: 0;
    --bs-pagination-border-radius: 4px;
    --bs-pagination-active-bg: #FAFAFA;
    --bs-pagination-active-color: #040F0F;
    --bs-pagination-hover-color: #040F0F;
    --bs-pagination-hover-bg: #FAFAFA;;
    --bs-pagination-disabled-color: #B7B7B7;
    --bs-pagination-disabled-bg: transparent;
    --bs-pagination-focus-color: inherit;
    --bs-pagination-focus-bg: transparent;
    --bs-pagination-focus-box-shadow: none;
    --bs-pagination-padding-x: 0;
    --bs-pagination-padding-y: 0;
    font-weight: 500;
}
.results-table ul.pagination li {
    padding: 0 4px;
}
.results-table ul.pagination .page-link {
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.results-table ul.pagination .page-link.previous,
.results-table ul.pagination .page-link.next {
    text-indent: -9999em;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 6px auto;
}
.results-table ul.pagination .page-link.previous {
    margin-right: 30px;
    background-image: url(../images/icon-arrow-prev-grey.svg);
}
.results-table ul.pagination .page-link.next {
    margin-left: 30px;
    background-image: url(../images/icon-arrow-next-grey.svg);
}
.results-table .mt-2 {
    margin: auto !important;
}

.active_filters {
    margin-bottom: 12px;
}

.active_filters .each_filter {
    display: inline-block;
    font-size: 15px;
    cursor: pointer;
    margin-right: 12px;
}

.active_filters .each_filter:hover {
    color: #2F53EF;
}

.active_filters .remove_filter {
    display: inline-block;
    border-radius: 7px;
    border: 1px solid #D1D1D1;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 3px;
}

.active_filters .each_filter:hover .remove_filter {
    border-color: #2F53EF;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.15);
    color: #2F53EF;
}
/*
     ⤴︎ =============  end LISTINGS page
*/
/*
     ⤵︎ =============  DETAILS page
*/
.details-post {
    padding: 152px 0 136px;
}
.details-post .container-fluid {
    max-width: 1369px;
}
.details-post .top.row:after {
    position: absolute;
    bottom: 0;
    left: calc(var(--bs-gutter-x) * .5);
    right: calc(var(--bs-gutter-x) * .5);
    height: 1px;
    background-color: #E8E8E8;
    content: '';
}
.details-post .top.row {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 2rem;
}
.details-post .top.row .col {
    flex: 0 0 calc(100% - 68px);
    width: auto;
}
.details-post .top.row .col:last-child {
    flex: 0 0 68px;
}
.details-post .breadcrumb {
    --bs-breadcrumb-font-size: 12px;
    --bs-breadcrumb-margin-bottom: 0;
    --bs-breadcrumb-divider-color: #686363;
    --bs-breadcrumb-item-active-color: #1E1E1E;
}
.details-post .breadcrumb a {
    color: #686363;
}
.details-post .breadcrumb a:hover,
.details-post .breadcrumb a:active {
    color: #000;
}
.details-post button.share {
    position: relative;
    padding: 0;
}
.details-post .main-info:after {
    position: absolute;
    left: calc(.5 * var(--bs-gutter-x));
    right: calc(.5 * var(--bs-gutter-x));
    bottom: 0;
    height: 1px;
    background-color: #E8E8E8;
    content: '';
}
.details-post .main-info {
    --bs-gutter-x: 42px;
    position: relative;
    flex-wrap: nowrap;
    padding-bottom: 75px;
    margin-bottom: 75px;
}
.details-post .main-info .col {
    position: relative;
    flex: 0 0 auto;
}
.details-post .main-info .slider.col {
    width: 56%;
}
.details-post .main-info .text.col {
    width: 44%;
}
.details-post .main-info .slider .swiper-button-next,
.details-post .main-info .slider .swiper-button-prev {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 14px auto;
    background-position: center center;
}
.details-post .main-info .slider .swiper-button-next {
    right: 18px;
    background-image: url(../images/icon-arrow-next-white.svg);
}
.details-post .main-info .slider .swiper-button-prev {
    left: 18px;
    background-image: url(../images/icon-arrow-prev-white.svg);
}
.details-post .main-info .slider .swiper-button-next:after,
.details-post .main-info .slider .swiper-button-prev:after {
    display: none;
}
.details-post .main-info .slider .swiper-pagination-fraction {
    position: absolute;
    top: 19px;
    left: 17px;
    bottom: auto;
    right: auto;
    width: auto;
    height: auto;
    display: block;
    padding: 12px 10px;
    color: #1E1E1E;
    background-color: #fff;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: -.01em;
}
.details-post .main-info .swiper-slide img {
    display: block;
    width: 100%;
    border-radius: 8px;
}
.details-post .main-info .offer-box {
    background-color: #F8F9FF;
    border-radius: 13px;
    padding: 18px;
    margin-bottom: 24px;
}
.details-post .main-info .boxes.row {
    --bs-gutter-x: 10px;
    padding-bottom: 24px;
    flex-wrap: nowrap;
}
.details-post .main-info .boxes .col {
    flex: 0 0 158px;
}
.details-post .main-info .boxes .price.col {
    flex: 1 0 0%;
}
.details-post .main-info .boxes .item {
    position: relative;
    margin-bottom: 10px;
    padding: 15px 20px;
    height: 100%;
    background-color: #fff;
    border: 1px solid #686363;
    border-radius: 8px;
}
.details-post .main-info .boxes .item .title {
    padding-bottom: 12px;
    font-size: 12px;
    color: #686363;
}
.details-post .main-info .boxes .item .label {
    position: absolute;
    top: 8px;
    right: 7px;
    border-radius: 6px;
    padding: 2px 6px;
    background-color: #FBE7E7;
    font-size: 10px;
    line-height: 14px;
    font-weight: 600;
    color: #222;
}
.details-post .main-info .boxes .item .value {
    font-size: 1.25em;
    line-height: 1;
    font-weight: 600;
    color: #1E1E1E;
}
.details-post .main-info .info-row {
    --bs-gutter-x: 18px;
    padding-bottom: 30px;
}
.details-post .main-info .info-row .col {
    flex: 1 0 0%;
    padding-bottom: var(--bs-gutter-x);
}
.details-post .main-info .info-row .label {
    padding-bottom: 9px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    color: #686363;
    text-transform: uppercase;
}
.details-post .main-info .info-row .value {
    font-size: 1em;
    font-weight: 400;
    color: #000;
}
.details-post .main-info .offer-box a.offer-btn {
    display: block;
    margin-bottom: 12px;
}
.details-post .main-info .offer-box .btn-note {
    margin-bottom: 6px;
    text-align: center;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.8);
}
.details-post .main-info .offer-box .btn-note .larger {
    font-size: 1rem;
    font-weight: 500;
    color: #2F53EF;
}
.details-post .text.col .table td {
    position: relative;
    padding: 12px 20px;
    border: 0;
    color: #1E1E1E;
}
.details-post .text.col .table td[scope="row"] {
    width: 166px;
    color: #686363;
}
.details-post .text.col .table td p:last-of-type {
    margin-bottom: 0;
}
.details-post .text.col .table td strong {
    font-weight: 600;
}
.details-post .text.col .table p sup {
    display: block;
    max-width: 270px;
    font-size: 10px;
    line-height: 1.5;
    padding-left: 12px;
    top: 2px;
}
.details-post .overview {
    font-size: 1em;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.8);
}
.details-post .overview .col {
    width: auto;
}
.details-post .overview .col:first-child {
    flex: 0 0 55%;
    max-width: 669px;
}
.details-post .overview .col:last-child {
    flex: 0 0 45%;
    max-width: 529px;
}
.details-post .overview h2.title {
    margin-bottom: 1.5rem;
    font-size: 1.5em;
    font-weight: 600;
    color: #000;
}
.details-post .overview p {
    margin-bottom: 1.5em;
}
.details-post .overview .amenities h3.title {
    padding-top: 1.25rem;
    margin-bottom: 1.25rem;
    font-size: 1.0625em;
    color: #000;
}
.details-post .overview .amenities ul {
    column-count: 2;
    column-gap: 1.5rem;
}
.floor-plans .select h3 {
    margin-bottom: 0.75rem;
    font-size: 1em;
    font-weight: 400;
    color: #686363;
}
.floor-plans .select button.btn {
    position: relative;
    display: block;
    width: 100%;
    padding: 19px 48px 19px 24px;
    background-color: #F9F9F9;
    border: 1px solid #E6E6E6;
    border-radius: 0;
    color: #252B42;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-align: left;
    white-space: inherit;
}
.floor-plans .select button.btn.dropdown-toggle:after {
    position: absolute;
    right: 22px;
    top: 0;
    bottom: 0;
    background: url(../images/icon-arrow-down-2.svg) no-repeat center center;
    background-size: 14px auto;
    border: 0;
    width: 15px;
}
.floor-plans .select .dropdown-menu {
    --bs-dropdown-min-width: 100%;
    --bs-dropdown-font-size: 14px;
    --bs-dropdown-border-color: #E6E6E6;;
    --bs-dropdown-border-radius: 0;
    --bs-dropdown-link-color: var(--bs-link-color);
    --bs-dropdown-link-hover-color: var(--bs-link-hover-color);
    --bs-dropdown-link-hover-bg: transparent;
    --bs-dropdown-link-active-color: var(--bs-link-hover-color);;
    --bs-dropdown-link-active-bg: transparent;
    --bs-dropdown-item-padding-x: 24px;
    --bs-dropdown-item-padding-y: 6px;
}
.floor-plans .content {
    padding: 30px 24px;
    font-size: 1em;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.6);
}
.floor-plans .content p {
    margin-top: 1.5rem;
    margin-bottom: 0;
}
/*
     ⤴︎ =============  end DETAILS page
*/
/*
     ⤵︎ =============  POINTS CHARTS
*/
.df-hero .nav {
    padding-top: 2rem;
    column-gap: 9px;
}
.df-hero .nav a {
    margin-bottom: 9px;
}
.df-hero .nav a.btn-sm.current {
    color: #fff;
    background-color: #2F53EF;
    pointer-events: none;
}
.points-charts .container-fluid {
    max-width: 1214px;
    padding-top: 40px;
}
.charts-nav {
    padding: 0 32px;
}
.charts-nav h3 {
    margin-bottom: 1.25rem;
    font-size: 1.0625em;
    font-weight: 600;
}
.charts-nav .nav {
    margin-bottom: 2.25rem;
    font-size: 1.0625em;
    font-weight: 600;
    column-gap: 30px;
}
.charts-nav .nav a.nav-link {
    padding: 0;
    color: #858585;
    font-size: 1.0625em;
    font-weight: 600;
    text-underline-offset: 0.25em;
}
.charts-nav .nav a.nav-link.active,
.charts-nav .nav a.nav-link:hover,
.charts-nav .nav a.nav-link:active {
    color: #2F53EF;
    text-decoration: underline;
}
.charts-table {
    padding: 32px;
    margin-bottom: 84px;
    background-color: #F8F9FF;
}
.charts-table h3.title {
    margin-bottom: 1.5rem;
    font-size: 1.5em;
    font-weight: 600;
}
.charts-table .table {
    table-layout: fixed;
    /*width: 100%;*/
    min-width: 992px;
    margin-bottom: 0;
    background-color: #fff;
    font-size: 15px;
    line-height: 18px;
    color: #222;
}
.charts-table .table>:not(caption)>*>* {
    border-bottom-width: 0;
    box-shadow: none;
}
.charts-table .table .grey {
    color: #858585;
}
.charts-table thead th {
    border-bottom: 6px solid #F8F9FF !important;
    border-right: 2px solid #F8F9FF;
}
.charts-table thead th:last-of-type{
    border-right: 0;
    width: 136px;
}
.charts-table tbody th:last-of-type,
.charts-table tbody td:last-of-type{
    border-right: 0;
}
.charts-table thead span {
    display: block;
}
.charts-table .th-1 {
    width: 404px;
    padding: 10px 24px;
    font-size: 13px;
    font-weight: 400;
}
.charts-table .th-1 strong {
    display: block;
    width: 24px;
    font-weight: 500;
}
.charts-table .th-1 .grey {
    width: calc(100% - 24px);
}
.charts-table tbody th[rowspan="3"],
.charts-table tbody tr:last-child th,
.charts-table tbody tr:last-child td {
    border-bottom: 6px solid #F8F9FF !important;
}
.charts-table tbody th[rowspan="3"] {
    line-height: 1.5;
}
.charts-table tbody th {
    padding: 6px 24px;
    border-right: 1px solid #CED3F0;
}
.charts-table thead th .label {
    padding-bottom: 12px;
}
.charts-table .table tbody .pdT-1 {
    padding-top: 20px;
}
.charts-table .table tbody .pdB-1 {
    padding-bottom: 20px;
}
.charts-table .blue-title {
    padding: 10px 24px;
    background-color: #2F53EF;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    color: #fff;
    font-weight: 400;
}
.charts-table th.periods {
    width: 244px;
}
.charts-table th.periods {
    width: 161px;
}
.charts-table .c-cell {
    padding: 6px 10px;
    text-align: center;
    border-right: 1px solid #fff;
}
.charts-table .bg-1 {
    background-color: rgba(47, 83, 239, 0.02);
}
.charts-table .bg-2 {
    background-color: rgba(47, 83, 239, 0.05);
}
.charts-table .bg-3 {
    background-color: rgba(47, 83, 239, 0.1);
}
.charts-table .bg-4 {
    border-right-width: 2px;
    background-color: rgba(47, 83, 239, 0.15);
}
.charts-table th.c-cell {
    border-bottom: 1px solid #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}
.refine-results.resort h2.title {
    margin-bottom: 0;
    font-size: 1.0625em;
    font-weight: 600;
}
/*
     ⤴︎ =============  end POINTS CHARTS
*/
/*
     ⤵︎ =============  FLOOR PLANS page
*/
.floor-plans-pg.details-post {
    padding: 0;
}
.floor-plans-pg.details-post .container-fluid:after {
    position: absolute;
    left: calc(var(--bs-gutter-x) * .5);
    right: calc(var(--bs-gutter-x) * .5);
    bottom: 0;
    height: 1px;
    background-color: #E8E8E8;
    content: '';
}
.floor-plans-pg.details-post .container-fluid {
    position: relative;
    max-width: 1214px;
    padding-top: 40px;
    padding-bottom: 48px;
}
.floor-plans-pg.details-post .overview .col:first-child {
    flex: 0 0 60.5%;
    max-width: none;
}
.floor-plans-pg.details-post .overview .col:last-child {
    flex: 0 0 39.5%;
    max-width: 464px;
    padding-top: 18px;
}
.floor-plans-pg.details-post .overview .amenities ul {
    column-gap: 4rem;
}
/*
     ⤴︎ =============  end FLOOR PLANS page
*/
/*
     ⤵︎ =============  RESORT OVERVIEW page
*/
.resort-overview {
    position: relative;
}
.resort-overview .container-fluid:after {
    position: absolute;
    left: calc(var(--bs-gutter-x) * .5);
    right: calc(var(--bs-gutter-x) * .5);
    bottom: 0;
    height: 1px;
    background-color: #E8E8E8;
    content: '';
}
.resort-overview .container-fluid {
    position: relative;
    max-width: 1214px;
    padding-top: 40px;
    padding-bottom: 48px;
}
.resort-overview .outer-wrapper {
    position: relative;
}
.resort-overview.opened .outer-wrapper {
    max-height: inherit;
}
.resort-overview.closed .outer-wrapper {
    max-height: 270px;
    overflow: hidden;
}
.resort-overview.opened .more {
    display: none;
}
.resort-overview.closed .more {
    display: block;
}
.resort-overview .more {
    position: absolute;
    top: 140px;
    left: 0;
    right: 0;
    bottom: 1px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, rgba(255,255,255,1)), to(rgba(255,255,255,0)));
    background: -o-linear-gradient(bottom, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
    z-index: 9;
}
.resort-overview .more .btn-link {
    bottom: 30px;
    padding: 12px;
    font-size: 1.0625em;
    font-weight: 600;
    color: #000;
    text-decoration: none;
}
.resort-overview .more .btn-link img.icon {
    display: block;
    width: 20px;
    margin-left: 9px;
}
.resort-overview .more .btn-link:hover,
.resort-overview .more .btn-link:active {
    color: #2F53EF;
}
.resort-overview .row {
    --bs-gutter-x: 3rem;
    position: relative;
    flex-wrap: nowrap;
    padding-bottom: 30px;
}
.resort-overview .col {
    position: relative;
    flex: 0 0 auto;
}
.resort-overview .slider.col {
    width: 46%;
    max-width: 449px;
}
.resort-overview .text.col {
    width: 54%;
    max-width: 671px;
}
.resort-overview .slider .swiper-button-next,
.resort-overview .slider .swiper-button-prev {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: center center;
}
.resort-overview .slider .swiper-button-next {
    right: 0;
    background-image: url(../images/icon-arrow-next-white.svg);
}
.resort-overview .slider .swiper-button-prev {
    left: 0;
    background-image: url(../images/icon-arrow-prev-white.svg);
}
.resort-overview .slider .swiper-button-next:after,
.resort-overview .slider .swiper-button-prev:after {
    display: none;
}
.resort-overview .slider .swiper-pagination-fraction {
    position: absolute;
    bottom: 13px;
    right: 12px;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    display: block;
    padding: 10px;
    color: #1E1E1E;
    background-color: #fff;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: -.01em;
}
.resort-overview .swiper-slide img {
    display: block;
    max-width: 100%;
    border-radius: 8px;
}
.resort-overview h2.title {
    margin-bottom: 2.25rem;
    font-size: 1.0625em;
    font-weight: 700;
    color: #000;
}
.resort-overview p {
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.8);
}
.resort-overview .info {
    --bs-gutter-x: 52px;
    padding-top: 48px;
}
.resort-overview .info .col {
    padding-bottom: 12px;
}
.resort-overview .info .col:nth-child(1) {
    flex: 0 0 33%
}
.resort-overview .info .col:nth-child(2) {
    flex: 0 0 29%;
}
.resort-overview .info .col:nth-child(3) {
    flex: 0 0 21%;
}
.resort-overview .info .col:nth-child(4) {
    flex: 0 0 17%;
}
.resort-overview .info .label {
    padding-bottom: 9px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    color: #686363;
    text-transform: uppercase;
}
.resort-overview .info .value {
    font-size: 0.937em;
    font-weight: 400;
    color: #000;
}
/*
     ⤴︎ =============  end RESORT OVERVIEW page
*/
/*
     ⤵︎ =============  SELL STEPS
*/
.sell-steps .intro.container-fluid {
    max-width: 658px;
    padding-top: 48px;
    padding-bottom: 48px;
    text-align: center;
    color: #000;
}
.sell-steps .intro h2.section-title,
.request-sale-sctn h1.section-title {
    margin-bottom: 1rem;
    font-size: 2.25em;
    font-weight: 700;
}
.sell-steps .intro p,
.request-sale-sctn .intro p {
    line-height: 1.44;
}
.sell-steps .steps {
    background: #fff url(../images/bg-curve-up-bluebg-2.svg) no-repeat center bottom;
    background-size: 100% auto;
    padding-bottom: 92px;
}
.sell-steps .steps .container-fluid {
    max-width: 1118px;
}
.sell-steps .steps h2.title {
    margin-bottom: 1.875rem;
    font-size: 1.0625em;
    font-weight: 600;
    color: #858585;
}
.sell-steps .steps h2.title {
    margin-bottom: 1.875rem;
    font-size: 1.0625em;
    font-weight: 600;
    color: #858585;
    text-align: center;
}
.sell-steps .steps .box {
    --sstep-num-sz: 70px;
    padding: 58px 70px 12px 108px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 4px 19.5px 0px rgba(0, 0, 0, 0.1);
}
.sell-steps .steps .item:not(:last-child):before {
    position: absolute;
    top: 3px;
    bottom: 0;
    left: calc((var(--bs-gutter-x) + var(--sstep-num-sz)) / 2);
    width: 1px;
    background-color: #CFEEC8;
    content: '';
}
.sell-steps .steps .item {
    --bs-gutter-x: 50px;
    position: relative;
    padding-bottom: 54px;
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.sell-steps .steps .item.opened {
    padding-bottom: 96px;
}
.sell-steps .steps .item .col {
    width: auto;
}
.sell-steps .steps .list-num.col {
    flex: 0 0 calc(var(--bs-gutter-x) + var(--sstep-num-sz));
}
.sell-steps .steps .icon.col {
    flex: 0 0 80px;
}
.sell-steps .steps .content.col {
    flex: 1 0 0%;
}
.sell-steps .steps .item .list-num div {
    position: relative;
    width: var(--sstep-num-sz);
    height: var(--sstep-num-sz);
    background-color: #CFEEC8;
    border: 7px solid #CFEEC8;
    border-radius: 50%;
    text-align: center;
    color: #000;
    font-size: 26px;
    line-height: 56px;
    font-weight: 600;
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.sell-steps .steps .item.opened .list-num div {
    background-color: #fff;
}
.sell-steps .steps .item .icon .btn-link {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/icon-eye-closed.svg) no-repeat center center;
    background-size: 22px auto;
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.sell-steps .steps .item .icon .btn-link:hover {
    opacity: 0.6;
}
.sell-steps .steps .item.opened .icon .btn-link {
    background-image: url(../images/icon-eye-opened.svg);
}
.sell-steps .steps h3.title {
    margin-bottom: 1rem;
    font-size: 1.5em;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.sell-steps .steps h3.title:hover {
    color: #2F53EF;
}
.sell-steps .steps .item .wrapper {
    width: 100%;
    max-height: 3em;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.sell-steps .steps .item.opened .wrapper {
    display: block; 
    max-height: none;
    overflow: auto;
}
.request-sale-sctn {
    padding-bottom: 126px;
    background-color: #F8F9FF;
}
.request-sale-sctn .container-fluid {
    max-width: 782px;
    text-align: center;
}
.request-sale-sctn form {
    padding-top: 48px;
    text-align: left;
}
.df-form .row {
    --bs-gutter-x: 1.25rem;
}
.df-form .input-wrapper,
.df-form button.form-control {
    display: block;
    padding: 10px 20px;
    margin-bottom: 17px;
    background-color: #fff;
    border: 1px solid #686363;
    border-radius: 8px;
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.df-form .input-wrapper:hover,
.df-form button.form-control:hover {
    border-color: #2F53EF;
}
.df-form .col-form-label {
    position: relative;
    display: block;
    padding: 0;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    color: #686363;
}
.df-form .form-control,
.df-form button.form-control .value {
    display: block;
    background-color: transparent;
    border: 0;
    padding: 10px 0 0 0;
    color: #1E1E1E;
    font-size: 15px;
    box-shadow: none;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.df-form button.form-control .value {
    height: 30px;
    padding-right: 54px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.df-form .dropdown-toggle:after {
    display: none;
}
.df-form button.form-control .arrow {
    right: 14px;
    width: 20px;
}
.df-form .form-control::-moz-placeholder {
    color: #1E1E1E;
}
.df-form .form-control::placeholder {
    color: #1E1E1E;
}
.df-form .dropdown-menu {
    --bs-dropdown-min-width: 100%;
    --bs-dropdown-link-color: var(--bs-link-color);
    --bs-dropdown-link-hover-color: var(--bs-link-hover-color);
    --bs-dropdown-link-hover-bg: transparent;
    --bs-dropdown-link-active-color: var(--bs-link-hover-color);
    --bs-dropdown-link-active-bg: transparent;
    --bs-dropdown-border-radius: 8px;
    --bs-dropdown-border-color: #D1D1D1;
    --bs-dropdown-font-size: 1em;
    --bs-dropdown-padding-x: 10px;
    --bs-dropdown-padding-y: 12px;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.375rem;
    --bs-dropdown-spacer: 0.75rem;
}
.df-form .dropdown-item {
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 500;
}
.df-form .dropdown-menu .wrap {
    display: block;
    max-height: 420px;
    overflow-y: auto;
}
.df-form .checkboxes.row {
    --bs-gutter-x: 1.5rem;
}
.df-form .checkboxes.row .col {
    flex: 0 0 auto;
    width: auto;
}
.df-form .form-check {
    min-height: inherit;
    padding-left: 1.5em;
    margin-bottom: 0;
}
.df-form .checkboxes .form-check {
    padding-top: 10px;
    padding-left: 0;
}
.df-form .form-check-input {
    --bs-form-check-bg: #fff;
    --bs-border-color: #686363;
    position: relative;
    top: 1px;
    width: 1rem;
    height: 1rem;
    border-radius: 3px;
    float: none;
    margin-left: 0;
    cursor: pointer;
    margin-top: 0;
    box-shadow: none;
}
.df-form .form-check-input:checked {
    background-color: #2F53EF;
    border-color: #23A6F0;
}
.df-form .form-check-input:checked[type=radio] {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23fff" class="bi bi-check" viewBox="0 0 16 16"><path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.df-form .form-check-input[type=radio] {
    border-radius: 3px;
}
.df-form .form-check-label {
    display: block;
    padding-left: 10px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
}
.df-form fieldset.checkboxes {
    padding-bottom: 36px;
    padding-top: 1rem;
}
.df-form fieldset.checkboxes fieldset .row {
    padding-bottom: 32px;
    margin-bottom: 22px;
    border-bottom: 1px solid #E8E8E8;
}
.df-form fieldset.checkboxes fieldset legend {
    margin-bottom: 6px;
    font-size: 1em;
    font-weight: 600;
}
/*
     ⤴︎ =============  end SELL STEPS page
*/
/*
     ⤵︎ =============  CONTACT page
*/
.contact-pg.container-fluid {
    padding-top: 60px;
    padding-bottom: 140px;
    max-width: 1194px;
}
.contact-pg .row {
    --bs-gutter-x: 48px;
}
.contact-pg .info {
    max-width: 526px;
}
.contact-pg .form {
    max-width: 614px;
}
.contact-pg h2.title {
    margin-bottom: 1.875rem;
    font-size: 1.5em;
    font-weight: 600;
    color: #000;
}
.contact-pg p {
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.5;
}
.contact-pg .address {
    padding-top: 1.875rem;
    color: #1E1E1E;
}
.contact-pg .address h3 {
    margin-bottom: 1rem;
    font-size: 1em;
    font-weight: 600;
}
.contact-pg form {
    padding: 26px 31px;
    background-color: #F8F9FF;
    border-radius: 13px;
}
.contact-pg form p {
    max-width: 476px;
    margin-bottom: 2.25rem;
}
.contact-pg form .row {
    --bs-gutter-x: 22px;
}
/*
     ⤴︎ =============  end CONTACT page
*/
/*
     ⤵︎ =============  FAQ page
*/
.faq-hero.df-hero .nav a.btn-sm.current {
    color: var(--bs-btn-hover-color);
    background-color: #fff;
    pointer-events: none;
}
.faq-pg.container-fluid {
    max-width: 1011px;
    padding-top: 66px;
    padding-bottom: 178px;
}
.faq-pg .item {
    margin-bottom: 13px;
    padding: 28px 126px 28px 30px;
    background-color: #F8F9FF;
    border-radius: 13px;
    color: #000;
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.faq-pg .item:has(> a.title[aria-expanded="true"]) {
    margin-bottom: 44px;
    background-color: #2F53EF;
    color: #fff;
}
.faq-pg .item a.title {
    position: relative;
    display: block;
    color: inherit;
}
.faq-pg .item a.title h3 {
    margin-bottom: 0;
    font-size: 1em;
    font-weight: 500;
}
.faq-pg .item a.title .icon {
    position: absolute;
    top: -8px;
    right: -72px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #3B3B3B;
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.faq-pg .item a.title[aria-expanded="true"] .icon {
    border-color: #fff;
}
.faq-pg .item a.title .icon span,
.faq-pg .item a.title .icon span:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #3B3B3B;
    border-radius: 2px;
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.faq-pg .item a.title[aria-expanded="true"] .icon span,
.faq-pg .item a.title[aria-expanded="true"] .icon span:before {
    background-color: #fff;
}
.faq-pg .item a.title .icon span {
    width: 12px;
    height: 2px;
}
.faq-pg .item a.title .icon span:before {
    width: 2px;
    height: 12px;
    opacity: 1;
    content: '';
}
.faq-pg .item a.title[aria-expanded="true"] .icon span:before {
    opacity: 0;
}
.faq-pg .item .card {
    position: relative;
    padding: 36px 0 18px;
    background: transparent;
    border: 0;
    font-size: 1em;
    line-height: 1.5;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
}
.faq-pg .item .card p {
    margin-bottom: 1.5rem;
}

.faq-pg .item .card a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: underline;
}

.faq-pg .item .card a:hover {
    text-decoration: none;
}
/*
     ⤴︎ =============  end FAQ page
*/
/*
     ⤵︎ =============  MAKE AN OFFER page
*/
.df-hero.make-offer-hero .container-fluid {
    padding-bottom: 190px;
}
.make_offer-info {
    background: #fff url(../images/bg-curve-up-bluebg-3.svg) no-repeat center bottom;
    background-size: 100% auto;
    padding-bottom: 76px;
}
.make_offer-info .container-fluid {
    max-width: 1118px;
    position: relative;
    z-index: 9;
}
.make_offer-info .info-box {
    margin-top: -118px;
    margin-bottom: 40px;
    padding: 18px 30px;
    background-color: #fff;
    border: 1px solid #D1D1D1;
    box-shadow: 0px 4px 18.5px 0px rgba(0, 0, 0, 0.06);
    border-radius: 61px;
}
.make_offer-info .info-box .col {
    flex: 0 0 20%;
    width: auto;
    border-right: 1px solid #D1D1D1;
}
.make_offer-info .info-box .col:last-child {
    border-right: 0;
}
.make_offer-info .info-box .col:nth-child(1),
.make_offer-info .info-box .col:nth-child(3) {
    flex: 1 0 auto;
}
.make_offer-info .info-box .col:nth-child(2),
.make_offer-info .info-box .col:nth-child(3) {
    display: flex;
    justify-content: center;
}
.make_offer-info .info-box .wrapper {
    padding: 10px 40px;
}
.make_offer-info .info-box h5.label {
    margin-bottom: 9px;
    font-size: 12px;
    font-weight: 500;
    color: #686363;
    text-transform: uppercase;
}
.make_offer-info .info-box p {
    margin-bottom: 0;
}
.make_offer-info .descr {
    max-width: 802px;
    margin: auto;
    padding-bottom: 1rem;
    text-align: center;
}
.make_offer-info .descr h2 {
    margin-bottom: 1rem;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: 0.01em;
}
.make_offer-info .descr h2 span {
    color: #2F53EF;
}
.offer-form {
    padding: 34px 34px 28px 34px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 4px 19.5px 0px #0000001A;
}
.offer-form .row:first-child {
    --bs-gutter-x: 12px;
}
.offer-form.df-form .col-form-label {
    font-weight: 700;
    white-space: pre-wrap;
}
.offer-form.df-form .col-form-label span {
    color: #0FB7FF;
}
.offer-form.df-form button.form-control .value {
    letter-spacing: 0.01em;
}
.offer-form .row:last-child {
    --bs-gutter-x: 70px;
}
.offer-form .row:last-child .col {
    padding-top: 10px;
    padding-bottom: 10px;
}
.offer-form .row .total {
    flex: 0 0 44%;
    border-right: 1px solid #D1D1D1;
    font-size: 1.75em;
    font-weight: 400;
    color: #000;
}
.offer-form .row .total span {
    font-weight: 700;
    color: #2F53EF;
}
.offer-form .row .note {
    flex: 0 0 56%;
    font-size: 0.875em;
    line-height: 1.2;
    color: #686363;
}
.offer-form.df-form button.form-control .arrow {
    right: 14px;
    bottom: 13px;
    width: 14px;
}
.offer-info-form {
    padding-bottom: 91px;
    background-color: #F8F9FF;
}
.offer-info-form form.container-fluid {
    max-width: 763px;
    margin: auto;
}
.offer-info-form form h2 {
    margin-bottom: 2.25rem;
    font-size: 2.25em;
    font-weight: 700;
    color: #000;
    text-align: center;
}
.offer-info-form form button[type="submit"] {
    width: 100%;
    margin-top: 30px;
    background-color: rgba(47, 83, 239, 1);
}
.make-offer.feat-cta-sctn .intro h1.section-title {
    padding-bottom: 0;
}
.offer-process-info .container-fluid {
    max-width: 1222px;
    padding-top: 30px;
    padding-bottom: 86px;
    line-height: 1.5;
    font-weight: 500;
}
.offer-process-info .row {
    --bs-gutter-x: 51px;
}
.offer-process-info .feat-text,
.offer-process-info .img {
    flex: 0 0 53.25%;
}
.offer-process-info .text {
    flex: 0 0 46.75%;
}
.offer-process-info h1.section-title {
    margin-bottom: 1rem;
}
.offer-process-info p {
    margin-bottom: 1.5rem;
    color: rgba(0, 0, 0, 0.8);
}
.offer-process-info .feat-text .box {
    padding: 51px 41px;
    background-color: #D3EBF8;
    border-radius: 20px;
}
.offer-process-info .feat-text .row {
    --bs-gutter-x: 35px;
}
.offer-process-info .feat-text .img {
    flex: 0 0 50.6%
}
.offer-process-info .feat-text .text {
    flex: 0 0 49.4%
}
.offer-process-info .feat-text h2 {
    margin-bottom: 1rem;
    font-size: 1.5em;
    font-weight: 700;
}
.offer-process-info .feat-text li {
    margin-bottom: 0.75rem;
}
.offer-process-info .m_text-right {
    margin-top: -36px;
}
.offer-process-info .m_text-right .text {
    padding-top: 9%;
}
.offer-process-info .note-box {
    margin-top: 70px;
    padding: 54px 79px;
    background-color: #CFEEC8;
    border-radius: 20px;
}
.offer-process-info .note-box p:last-of-type {
    margin-bottom: 0;
}
.blue-text {
    color: #2F53EF;
}
/*
     ⤴︎ =============  end MAKE AN OFFER page
*/
/*
     ⤵︎ =============  ABOUT page
*/
.about-pg .df-hero .d-flex {
    min-height: 496px;
}
.about-pg .container-fluid {
    max-width: 1214px;
}
.about-pg .intro {
    --bs-gutter-x: 0;
    padding-top: 128px;
    padding-bottom: 160px;
}
.about-pg .texts .intro:not(:first-child) {
    padding-top: 0;
    padding-bottom: 100px;
}

.about-pg .intro .text.col {
    flex: 0 0 auto;
    width: 46.6%;
    padding-left: calc((100vw - 1202px) / 2);
    padding-right: 124px;
}
.about-pg .intro .slider.col {
    flex: 0 0 auto;
    width: 53.4%;
}
.about-pg .intro h2.title {
    margin-bottom: 1.125rem;
    font-size: 2.6875em;
    line-height: 1.14;
    font-weight: 700;
    color: #000;
}
.about-pg .intro p {
    max-width: 418px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 500;
    line-height: 1.5;
}
.about-pg .intro .slider {
    --abp-slide-width: 640px;
}
.about-pg .intro .slider .swiper {
    width: 100%;
    padding-bottom: 36px;
    padding-right: 2vw;
}
.about-pg .intro .slider .swiper-slide {
    display: flex;
    align-items: center;
    width: var(--abp-slide-width) !important;
    height: 100%;
}
.about-pg .intro .slider .swiper-slide .img {
    width: 100%;
    height: 90%;
    opacity: 0.5;
}
.about-pg .intro .slider .swiper-slide-active.swiper-slide .img {
    height: auto;
    opacity: 1;
}
.about-pg .intro .slider .swiper-slide img.img-fluid {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.about-pg .intro .slider .swiper-pagination {
    bottom: 0;
    top: auto;
    left: 0;
    width: var(--abp-slide-width);
}
.about-pg .intro .slider .swiper-pagination-bullet {
    width: 40px;
    height: 4px;
    border-radius: 3px;
    margin: 0 4px;
    background-color: #2F53EF;
    opacity: 0.3;
    -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
}
.about-pg .intro .slider .swiper-pagination-bullet-active.swiper-pagination-bullet,
.about-pg .intro .slider .swiper-pagination-bullet:hover {
    opacity: 1;
}
.about-pg .intro .slider .swiper-slide:after {
    position: absolute;
    left: -40px;
    width: 48px;
    height: 48px;
    margin-top: -18px;
    border-radius: 50%;
    background-color: #2F53EF;
    z-index: 9;
    content: '';
}
.about-pg .intro .slider .swiper-slide:first-child:after {
    display: none;
}
.about-pg .intro .slider .logo {
    position: absolute;
    bottom: -6px;
    left: -65px;
    padding: 14px;
    border-radius: 50%;
    background-color: #fff;
}
.vacation-resorts-sctn .outer-wrapper:before {
    position: absolute;
    left: -270px;
    top: -148px;
    width: 593px;
    height: 593px;
    background: url(../images/homocentric-circles-1.svg) no-repeat center center / contain;
    content: '';
    z-index: 0;
}
.vacation-resorts-sctn .outer-wrapper:after {
    position: absolute;
    right: -92px;
    bottom: -6px;
    width: 198px;
    height: 198px;
    background: url(../images/homocentric-circles-2.svg) no-repeat center center / contain;
    content: '';
    z-index: 0;
}
.vacation-resorts-sctn .outer-wrapper {
    padding: 68px 0;
    margin-bottom: 42px;
}
.vacation-resorts-sctn .box {
    position: relative;
    max-width: 608px;
    padding: 68px 60px;
    background-color: #2F53EF;
    color: #fff;
}
.vacation-resorts-sctn .bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 70%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.vacation-resorts-sctn h1 {
    margin-bottom: 12px;
    font-size: 2.6875em;
    line-height: 1.14;
    font-weight: 700;
}
.vacation-resorts-sctn p {
    max-width: 444px;
    line-height: 1.5;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
}
.vacation-resorts-sctn a.btn {
    min-width: 220px;
    margin-top: 6px;
    line-height: 1.5;
    font-weight: 500;
}
.join-info-sctn {
    padding: 96px 0 130px;
    background-color: #F7F7F7;
}
.join-info-sctn h1 {
    max-width: 508px;
    margin: auto auto 54px auto;
    font-size: 2.6875em;
    line-height: 1.14;
    font-weight: 700;
    text-align: center;
}
.join-info-sctn .container-fluid {
    max-width: 1132px;
}
.join-info-sctn .row {
    --bs-gutter-x: 88px;
}
.join-info-sctn .img.col {
    flex: 0 0 60%;
}
.join-info-sctn .text.col {
    flex: 0 0 40%;
}
.join-info-sctn p {
    margin-bottom: 1.375em;
    font-weight: 500;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.8);
}
.join-info-sctn a.cta {
    min-width: 196px;
    margin-top: 6px;
}
/*
     ⤴︎ =============  end ABOUT page
*/
/*
     ⤵︎ =============  FOOTER
*/
#footer {
    padding-top: 72px;
    color: #fff;
}
#footer .container-fluid {
    max-width: 1220px;
}
#footer .cta {
    max-width: 700px;
    margin: auto auto 90px auto;
    text-align: center;
}
#footer .cta h2 {
    margin-bottom: 2.25rem;
    font-size: 3em;
    line-height: 1.27;
    font-weight: 600;
}
#footer .cta a.btn {
    min-width: 194px;
}
#footer .row a {
    color: #fff;
}
#footer .row a:hover {
    color: #CFEEC8;
}
#footer .top.row:after {
    position: absolute;
    right: calc(var(--bs-gutter-x) * .5);
    left: calc(var(--bs-gutter-x) * .5);
    bottom: 0;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    content: '';
}
#footer .top.row {
    --f-col-width: 180px;
    position: relative;
    padding-bottom: 22px;
}
#footer .top.row .logo,
#footer .top.row .f-social {
    flex: 0 0 var(--f-col-width);
}
#footer .top.row nav.col {
    flex: 0 0 calc(100% - (2 * var(--f-col-width)));
    width: auto;
    font-weight: 500;
}
#footer .top.row nav.col ul {
    margin-bottom: 0;
    column-gap: 36px;
}
#footer .top.row nav.col ul li {
    flex: 0 0 auto;
    padding: 9px 0;
}
#footer .top.row nav.col ul a {
    display: block;
}
#footer .top.row .f-social ul {
    margin-bottom: 0;
    width: 100%;
    column-gap: 24px;
}
#footer .top.row .f-social a {
    display: block;
}
#footer .top.row .f-social a:hover {
    opacity: 0.8;
}
#footer .bottom.row  {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 0.9375em;
    font-weight: 400;
}
#footer .bottom.row .col {
    flex: 0 0 auto;
    width: auto;
}

#footer .bottom.row nav.col {
    text-align: right;
}

#footer .bottom.row ul {
    margin-bottom: 0;
    column-gap: 36px;
}
/*  
     ⤴︎ =============  end FOOTER
*/